## 📰Impression
今週はインプット/アウトプットともに非常に多い1週間だった。
まずは2週連続で執筆したブログだ。これは[[Vue]]の開発体験を上げるため`LiquidValue`という概念を考え、それを[[🦉Owlelia]]に実装してリリースした話から生まれたものだ。
<div class="link-card-v2">
<div class="link-card-v2-site">
<img class="link-card-v2-site-icon" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-64.png" />
<span class="link-card-v2-site-name">Minerva</span>
</div>
<div class="link-card-v2-title">
📘非同期で取得するデータモデルをVue.jsで優しく扱う
</div>
<div class="link-card-v2-content">Vue.jsやTypeScriptで非同期APIから取得したデータをシンプルに管理する方法を解説。owleliaのLiquidValueクラスを使うことで、ローディングやエラー処理も簡潔に記述できます。非同期データ管理やエラーハンドリングに悩む方はぜひご覧ください。</div>
<img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/%F0%9F%93%98Articles/attachments/2021-09-05.jpg" />
<a data-href="📘非同期で取得するデータモデルをVue.jsで優しく扱う" class="internal-link"></a>
</div>
%%[[📘非同期で取得するデータモデルをVue.jsで優しく扱う]]%%
[[🦉Owlelia]]のリリースに伴い、今まで[[Slack]]で行っていた[[GitHub Actions]]の各種通知を、[[GitHub ActionsからDiscordに通知]]するようにした。今は両方使っているが、最終的には[[Discord]] へ一本化するつもりだ。
作業環境面でも[[Quick Explorer]]で[[Obsidian]]の操作性がアップしたり、[[PowerShellでfishのようなコマンド履歴補完]]ができることを知ったりしてテンションが上がった。
最後に。コロナウィルスのワクチン2回目接種をしたが、懸念していた副作用も軽微でホッとしている。経過と症状は[[ファイザーワクチンによる副作用の経過 (2回目)]]に記録したので、気になる方がいれば参考にしてほしい。(被験者30代)
## 🎇Shiny Outputs
### 🦉My products
- [[🦉Owlelia]]
- 📦v0.34.1リリース
- `LiquidValue`の追加 #weekly/topics✨
- 📦v0.35.0リリース
- `isEmpty()`の追加
### 📘Articles
- [[📘非同期で取得するデータモデルをVue.jsで優しく扱う]] #weekly/topics✨
### 📗Productivityを上げるために大切な100のこと
- [[📗習慣や目標は肯定系にする]]
- [[📗1秒に笑う者は1分に泣く]]
- [[📗トラックボールを使う]]
## 🧰Productivity
### [[Obsidian]]
- Obsidianの利用戦略
- [[Quick Explorer]] #weekly/topics✨
## 🗺️Web
- [[📜2021-09-04 Viteでvue3 x TypeScriptプロジェクトを作成]]
- [[📜2021-09-04 Vue3 x Vuetify3プロジェクトの作成]]
- [[npmレジストリ]]
- [[snyk Advisor]]
- [[🧠どのnpmパッケージを使うべきか悩む場合]]
- [[React]]
- [[クエリを指定 (Fetch API)]]
### [[Element UI]]
- [[Composition APIでNotificationを使う]]
### [[Electron]]
- [[Electronで別アプリケーションを実行すると3秒程度のラグ]]
### [[Node.js]]
- [[child_process.execFile]]
- [[child_process.exec]]
### [[Nuxt2]]
- [[Nuxt.jsでコードをSyntax Highlight]]
### [[Vue]]
- [[Vuex]]
### [[Vuetify]]
- [[Vuetify3]]
## 🅰️Languages
### [[CSS]]
- [[box-shadow]]
- [[position]]
- [[CSSでシャドウ(影)の設定]]
- [[CSSでテキストを中央寄せ]]
- [[CSSで画面の定位置に表示]]
- [[CSSで要素間を一定間隔で開ける]]
- [[CSSで親要素の中央に配置]]
- [[CSSで要素を右寄せ]]
### [[TypeScript]]
- [[TypeScript 4.4]]
- [[【TypeScript 4.4】Control Flow Analysis of Aliased Conditions and Discriminants]]
- [[判別されたユニオン型]]
- [[typeof型ガード]]
- [[型ガード (TypeScript)]]
- [[Truthiness narrowing]]
- [[noEmit (tsconfig)]]
- [[クラスプロパティ (JavaScript)]]
- [[フィールド]]
- [[Member Visibility (TypeScript)]]
- [[メソッド]]
- [[パラメータプロパティ (TypeScript)]]
### [[JavaScript]]
- [[typeof演算子 (JavaScript)]]
- [[URLSearchParams (JavaScript)]]
- [[Fetch API]]
### [[Rust]]
- [[rust-base]]
- [[crates.io]]
## 🖥️Terminal
### [[PowerShell]]
- [[Fish-like autocompletion]]
- [[PowerShellでfishのようなコマンド履歴補完]] #weekly/topics✨
## 🐕🦺Services
### [[Discord]]
- [[Discord Webhook Notify (GitHub Actions)]]
### [[JFrog]]
- [[📰JFrog ArtifactoryでCargoリポジトリ]]
### [[GitHub]]
- [[GitHub REST API]]
### [[GitHub Actions]]
- [[GitHub ActionsからDiscordに通知]] #weekly/topics✨
- [[GitHub ActionsでIncoming Webhookを使ってSlackに通知]]
- [[Slatify]]
### [[Slack]]
- [[Incoming Webhook]]
## 🧰Tools
- [[サクラエディタ]]
### [[VSCode]]
- [[📕VscodeでサンプルRustプロジェクトを作成]]
- [[VSCode Extension]]
- [[CodeLLDB]]
- [[Rust for Visual Studio Code]]
- [[VSCodeでRustコードをフォーマット]]
### [[Poetry]]
- [[virtualenvs.in-project]]
- [[📕Poetryの仮想環境(virtualenv)をプロジェクトディレクトリ配下に作成]]
### [[Cargo]]
- [[Cargoでlibパッケージをリリースできる状態にする]]
- [[config.toml]]
- [[config.tomlの読みこみ優先度]]
- [[credentials.toml]]
- [[Cargoのダウンロードキャッシュを削除]]
## 🧠Others
- [[すべてはノートからはじまる あなたの人生をひらく記録術]]
- [[ファイザーワクチンによる副作用の経過 (2回目)]] #weekly/topics✨
- [[ブラウザでテキストをクリップボードにコピー]]
- [[否定的If-Thenプラン]]
- [[Scoopでサクラエディタをインストール]]
- [[scoop-iyokan-jp]]
- [[スプレッド構文 (JavaScript)]]
- [[CodeMirror Options]]
- [[ポインティングデバイス]]
- [[トラックボール]]
- [[マウス]]
- [[タッチパッド]]
- [[50%の確率で失敗するPromiseを返す関数]]
- [[車輪の再発明]]
- [[Either]]
- Action