2021年に書いた[[📒Articles]]。 ## 📅2021-12-31 <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"> 📘Obsidianと過ごした2021年 </div> <div class="link-card-v2-content">2021年も終わりです。今年最後の記事はObsidianについて時系列に沿って振り返ってみることにしました。かなり長いので覚悟してください(笑)</div> <img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/%F0%9F%93%98Articles/attachments/2021-12-31.jpg" /> <a data-href="📘Obsidianと過ごした2021年" class="internal-link"></a> </div> %% [[📘Obsidianと過ごした2021年]] %% ## 📅2021-11-07 <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"> 📘自分だけのObsidian Quick Switcherを作ってみた </div> <div class="link-card-v2-content">ObsidianのQuick switcherやQuick Switcher++に感じた不満を解消するため、自作プラグイン「Another Quick Switcher」を開発・公開しました。クエリ順序非依存検索やタグ・バックリンク検索、最近開いたファイル優先表示など、Obsidianのノート管理やファイル検索を効率化したい方におすすめです。詳しくは記事でご紹介しています。</div> <img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/%F0%9F%93%98Articles/attachments/2021-11-07.jpg" /> <a data-href="📘自分だけのObsidian Quick Switcherを作ってみた" class="internal-link"></a> </div> %% [[📘自分だけのObsidian Quick Switcherを作ってみた]] %% ## 📅2021-11-02 <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"> 📘純白のHHKBで無刻印デビューしてみた </div> <div class="link-card-v2-content">HHKB Professional HYBRID Type-S日本語配列「雪」と無刻印キートップを導入した感想を詳しくレビュー。無刻印化やブラインドタッチ、純白キーボードの使い心地、限定モデルの魅力や注意点も解説しています。HHKBやキーボード選びに興味のある方はぜひご覧ください。</div> <img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/%F0%9F%93%98Articles/attachments/2021-11-02.jpg" /> <a data-href="📘純白のHHKBで無刻印デビューしてみた" class="internal-link"></a> </div> %% [[📘純白のHHKBで無刻印デビューしてみた]] %% ## 📅2021-10-09 <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"> 📘画像の圧縮方法を比較してみた </div> <div class="link-card-v2-content">画像圧縮ツールの比較や圧縮率、使い勝手を詳しく解説。JPEGやPNGの最適な圧縮方法やffmpeg、TinyPNG、Squoosh、Screenpressoの特徴も紹介しています。画像圧縮やサイト高速化に興味がある方はぜひご覧ください。</div> <img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/%F0%9F%93%98Articles/attachments/2021-10-09.jpg" /> <a data-href="📘画像の圧縮方法を比較してみた" class="internal-link"></a> </div> %% [[📘画像の圧縮方法を比較してみた]] %% ## 📅2021-09-20 <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"> 📘Obsidianプラグイン開発で自動リロードさせる </div> <div class="link-card-v2-content">Obsidianプラグイン開発時に、TypeScriptやCSSなどのコード変更を自動で反映・リロードする方法を解説します。Hot Reloadプラグインやwatchexec、Taskを活用し、効率的な開発環境を構築できます。手順や注意点も詳しく紹介しています。</div> <img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/%F0%9F%93%98Articles/attachments/2021-09-20.jpg" /> <a data-href="📘Obsidianプラグイン開発で自動リロードさせる" class="internal-link"></a> </div> %% [[📘Obsidianプラグイン開発で自動リロードさせる]] %% ## 📅2021-09-05 <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で優しく扱う]] %% ## 📅2021-08-29 <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"> 📘Taskを使って魔法のグローバルコマンドを作ってみた </div> <div class="link-card-v2-content">TaskとPowerShellを活用し、どこからでも実行できるグローバルコマンド「owl」を作成しました。ターミナル自動化やタスク管理、Windows対応、YAMLによる簡単なタスク定義に興味がある方は、ぜひ記事をご覧ください。</div> <img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/%F0%9F%93%98Articles/attachments/2021-08-29.jpg" /> <a data-href="📘Taskを使って魔法のグローバルコマンドを作ってみた" class="internal-link"></a> </div> %% [[📘Taskを使って魔法のグローバルコマンドを作ってみた]] %% ## 📅2021-08-15 <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"> 📘JFrog Artifactoryで自分だけのPythonパッケージリポジトリを作ってみた </div> <div class="link-card-v2-content">JFrog ArtifactoryでプライベートなPyPIリポジトリを作成し、Pythonパッケージの公開やインストール方法、Poetryやpipでの設定手順、Virtualリポジトリの活用やベストプラクティスについて詳しく解説しています。パッケージ管理やCI/CD、セキュリティ対策に興味がある方はぜひご覧ください。</div> <img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/%F0%9F%93%98Articles/attachments/2021-08-15.jpg" /> <a data-href="📘JFrog Artifactoryで自分だけのPythonパッケージリポジトリを作ってみた" class="internal-link"></a> </div> %% [[📘JFrog Artifactoryで自分だけのPythonパッケージリポジトリを作ってみた]] %% ## 📅2021-08-08 <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"> 📘Windowsにも優しいタスクランナーTaskを試してみた </div> <div class="link-card-v2-content">Windows環境でのタスク自動化やクロスプラットフォーム対応に悩む方へ。TaskはYAMLで簡単にタスク定義でき、MakeやPowerShell、cmd、UTF-8日本語対応も強みです。導入方法や使い方を詳しく解説していますので、ぜひご覧ください。</div> <img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/%F0%9F%93%98Articles/attachments/2021-08-08.jpg" /> <a data-href="📘Windowsにも優しいタスクランナーTaskを試してみた" class="internal-link"></a> </div> %% [[📘Windowsにも優しいタスクランナーTaskを試してみた]] %% ## 📅2021-07-25 <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"> 📘Obsidianでカード形式のリンクを挿入できるようにしてみた </div> <div class="link-card-v2-content">ObsidianやObsidian Publishでカード形式のリンクを挿入する方法を、TemplaterやCSSカスタマイズ、HTML生成の手順とともに解説しています。ObsidianプラグインやREST API、CORS、デザインの工夫、導入方法も紹介。Obsidianで見栄え良くリンクを管理したい方はぜひご覧ください。</div> <img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/%F0%9F%93%98Articles/attachments/2021-07-25.jpg" /> <a data-href="📘Obsidianでカード形式のリンクを挿入できるようにしてみた" class="internal-link"></a> </div> %% [[📘Obsidianでカード形式のリンクを挿入できるようにしてみた]] %% ## 📅2021-07-14 <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"> 📘Obsidianは10年後の礎になると半年間使って確信した話 </div> <div class="link-card-v2-content">Obsidianを半年使い、NotionやScrapbox、PKM（個人知識管理）、Markdown、Zettelkasten、LYT、プラグイン開発、Obsidian Publish、コミュニティの魅力を実感しました。エンジニア視点で10年後も使える理由を詳しく解説しています。詳しくは記事へどうぞ。</div> <img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/%F0%9F%93%98Articles/attachments/2021-07-14.jpg" /> <a data-href="📘Obsidianは10年後の礎になると半年間使って確信した話" class="internal-link"></a> </div> %% [[📘Obsidianは10年後の礎になると半年間使って確信した話]] %% ## 📅2021-07-04 <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"> 📘serdeのサンプル集リポジトリserde-snippetsを作ってみた </div> <div class="link-card-v2-content">Rustのシリアライズ・デシリアライズで有名なserdeのカスタム実装例やサンプルコードをまとめたリポジトリserde-snippetsを作成しました。serde_jsonやunicode-jpなどの活用方法、テストやディレクトリ構成も詳しく解説しています。詳しくは記事をご覧ください。</div> <img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/%F0%9F%93%98Articles/attachments/2021-07-04.jpg" /> <a data-href="📘serdeのサンプル集リポジトリserde-snippetsを作ってみた" class="internal-link"></a> </div> %% [[📘serdeのサンプル集リポジトリserde-snippetsを作ってみた]] %% ## 📅2021-06-30 <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"> 📘TypeScriptのORMであるPrismaを使ってみた </div> <div class="link-card-v2-content">TypeScriptやNode.jsで使えるORM「Prisma」の導入方法や使い方、Prisma Clientの自動生成、マイグレーション、テーブル定義の変更方法を初心者向けに解説しています。Prismaの基本操作やメリットを知りたい方はぜひご覧ください。</div> <img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/%F0%9F%93%98Articles/attachments/2021-06-30.jpg" /> <a data-href="📘TypeScriptのORMであるPrismaを使ってみた" class="internal-link"></a> </div> %% [[📘TypeScriptのORMであるPrismaを使ってみた]] %% ## 📅2021-06-27 <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"> 📘Nuxt.js x TypeScript x Composition API x Vuetifyなプロジェクトを作る </div> <div class="link-card-v2-content">Nuxt.js、TypeScript、Composition API、Vuetifyを使ったプロジェクトの作成手順を解説しています。create-nuxt-appやNuxt Composition APIの導入方法、WindowsやNode.js、npmの環境構築、axiosやJest、ESLint、Prettierの選択理由も紹介。詳しくは記事をご覧ください。</div> <img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/%F0%9F%93%98Articles/attachments/2021-06-27.jpg" /> <a data-href="📘Nuxt.js x TypeScript x Composition API x Vuetifyなプロジェクトを作る" class="internal-link"></a> </div> %% [[📘Nuxt.js x TypeScript x Composition API x Vuetifyなプロジェクトを作る]] %% ## 📅2021-01-24 <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"> 📘2021年冬のテレワーク日記@自宅 </div> <div class="link-card-v2-content">テレワークや在宅勤務での生産性向上やエネルギー管理、ルーティン、BGM活用、健康習慣について実体験をもとに紹介しています。理想の1日を作る工夫や、集中力・リフレッシュ方法を知りたい方はぜひご覧ください。</div> <img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/%F0%9F%93%98Articles/attachments/2021-01-24.jpg" /> <a data-href="📘2021年冬のテレワーク日記@自宅" class="internal-link"></a> </div> %% [[📘2021年冬のテレワーク日記@自宅]] %%