Posts — page 2

アーカイブ
/ Tech

Astro の OGP 画像生成で日本語の改行を自然にする

Astro + Cloudflare Pages の OGP 画像生成で、sharp がランタイムで動かない問題は prerender: true と @resvg/resvg-js で、日本語タイトルが文節の途中で折り返される問題は budoux で解決しました。

/ Tech

Claude Code にプロジェクト文脈を渡す 4 層構造

Claude Code にプロジェクト文脈を渡す CLAUDE.md・slash command・subagent・skill の 4 層の役割分担。CLAUDE.md は毎セッション読まれる共有規約、残り 3 層は必要時だけ読まれる専門知識と分け、ブログの構成を例に示します。

/ Tech

SEO と AEO の違い

SEO(検索エンジン最適化)と AEO(回答エンジン最適化)の違いを、ゴール・主体・最適化対象・重視される点の 4 項目で比較。ChatGPT や Perplexity に回答として引用されるための FAQ セクション、1 テーマ 1 記事、出典の明示などの施策もまとめました。

/ Tech

Astro をローカルで起動するまでの手順まとめ

Astro の公式ブログテンプレートを npm create astro@latest で作成し、ローカルの開発サーバーで表示するまでの手順。Node.js のバージョン条件、プロンプトで選ぶ項目(配置先・テンプレート・依存インストール・git 初期化)、起動ログの例つき。

/ Tech

REST Clientの使い方 - VSCodeで簡単にAPIリクエスト

VSCode の拡張機能 REST Client で、.http ファイルに書いた GET / POST リクエストをエディタ内から送信してレスポンスを確認する手順。### で複数リクエストを区切る方法、変数の定義、Bearer Token 認証付きリクエストの書き方まで。