最新記事

Astroブログのレイアウトとコンポーネント構造を共有します。BaseLayout、PostLayout、Navbar、Footerなど主要コンポーネントの設計と動的ルーティングを解説します。

AstroブログにPagefindを利用した静的検索機能を実装する方法を共有します。ビルド統合、多言語検索、カテゴリフィルタリングなどを扱います。

AstroブログにGoogle AdSense広告を連携する方法を共有します。広告コンポーネント構成、カスタムrehype-in-feed-adsプラグインでマークダウン内に広告を挿入する方法などを扱います。

AIエンジニアリングを構成する4つのパラダイム（Prompt、Context、Agentic、Harness Engineering）の定義、技法、実務例、そして各パラダイム間の階層関係を整理します。

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の設定まで解説します。