最新記事

AstroブログにUtterancesコメントシステムを連携する方法を共有します。GitHub Issuesベースの軽量コメントシステムの実装とPostLayoutでの使い方を扱います。

Astroでマークダウン画像を自動的にAVIF/WebPに変換するカスタムrehypeプラグインを実装する方法を共有します。Sharpを利用した画像変換、キャッシング、lazy loadingなどを扱います。

AstroブログでSEO（検索エンジン最適化）を実装する方法を共有します。メタタグ、Open Graph、JSON-LD構造化データ、サイトマップ、RSS、Google Analyticsなどを扱います。

Astroで日本語、韓国語、英語の3言語をサポートする多言語システムを実装する方法を共有します。URLベースルーティング、翻訳システム、動的ルーティングなどを扱います。

AstroのContent Collectionsを利用してブログコンテンツを管理する方法と、Jekyllからマークダウンファイルをマイグレーションする過程を共有します。

Astroをインストールしてブログプロジェクトを構成する方法を共有します。astro.config.mjs設定、ディレクトリ構造、SCSS設定、ビルドスクリプトなどを扱います。

Jekyllブログのビルド速度問題と限界を経験した後、Astroへマイグレーションすることになった理由とAstroを選んだ背景を共有します。

Claude CodeのHooks機能とterminal-notifierを活用して、作業完了時にmacOSデスクトップ通知を受け取る方法を紹介します。Stop HookとNotification Hookの設定まで解説します。

Homebrew(brew)でインストールしたClaude Codeは自動アップデートされません。手動アップデート、自動アップデート設定、ネイティブインストールへの切り替え方法を紹介します。

Release Drafterのcommitishがmainに固定されている場合に発生するリリースノートの不一致問題を分析し、 ワークフローをautolabelとrelease note生成に分離してreleaseブランチ基準で正確なリリースノートを生成する方法を紹介します。

word-break: break-wordはCSS仕様で非推奨(deprecated)となったレガシー値です。代替の overflow-wrap: break-wordもintrinsic sizing要素では動作しない落とし穴があります。正しい 代替の組み合わせ(overflow-wrap: anywhere + word-break: normal + line-break: strict)と Stylelintカスタムプラグインによる自動化方法を共有します。

コードレビューで機械的にチェックできるコーディングスタイルやルールをLinterとSemgrepで自動化し、コードレビュー時間を減らす方法について紹介します。