Astro の Service Worker が新着記事を1回分遅れて表示していた — 一覧ページをネットワーク優先にする
Astro の Service Worker がすべてのナビゲーションをキャッシュ優先で返していたため、新着記事が1回分遅れて出ていました。一覧ページはネットワークを先に見るようにしています。
すべての記事
AstroのService Workerで読んだ記事をオフラインでも開けるようにする — 205KBのシェルと記事50件の上限
AstroブログのService Workerで、サイト共通のCSSとJS 205KBを事前キャッシュします。記事は読んだ分だけ50件まで保持し、図版スタイルは必要になった時点でキャッシュします。
転載で読者を増やしつつ自分の記事を主にしておく — rel=canonicalと全文RSS
被リンクとrel=canonicalが何をするのか、ZennとQiitaで方針が変わる理由、そして記事の転載を作業ではなく貼り付けに変えたパイプラインの話。
AstroブログをGoogleとChatGPTに見つけてもらう — robots.txt・JSON-LD・プレーンテキスト版・IndexNow
AstroブログをGoogleとBingに載せた方法。AIクローラーを名指しするrobots.txt、headに置いたJSON-LD、記事のプレーンテキスト版、デプロイごとのIndexNow送信を紹介します。
Dependabotで最小リリース経過日数と自動マージを設定する — プライベートリポジトリに潜む罠
プライベートリポジトリでは依存関係グラフが既定でオフのため、DependabotはnpmのPRを1件も出さず、自動マージのワークフローはCI完了の45秒前にマージしていた。
Vercel Web Analytics で人気記事にバッジを付ける — ビルド時に解決し、静的サイトのまま配信する
このブログが人気記事にバッジを付ける仕組み。ビルド中に Vercel Web Analytics へ 1 回問い合わせ、3 つのロケールを合算して静的 HTML に焼き込みます。
CLAUDE_PROJECT_DIR で用語集をスキルの外に出す — .claude/ への書き込みが必ず承認を求める理由
Claude Code は .claude/ を保護対象パスとして扱うため、許可ルールでは事前承認できません。書き換わり続ける用語集を CLAUDE_PROJECT_DIR で外に出した記録です。
Chrome DevTools MCP と Playwright MCP はどう違うのか — Astro ブログで Chrome DevTools を選んだ理由
Chrome DevTools MCP と Playwright MCP がコーディングエージェントに渡すものは違います。それぞれが何を提供するのか、そして Astro ブログが一方を残して他方を拒否した理由。
Astroの静的ブログで「いいね」を数える — Vercelの1ルートとUpstash Redis
完全な静的Astroサイトにサーバーレスなルートをひとつだけ足し、「いいね」を共有カウントする方法。Upstash Redisのキー設計と、動作を確かめるまでに踏んだCIのバグをまとめます。
Pagefind の Enter をキャプチャフェーズで止めて日本語検索を直す — isComposing だけでは足りない理由
IME の変換中に Pagefind がページ遷移していました。isComposing は必要ですが十分ではありません。WebKit は keydown より先に compositionend を発火します。
Astroの図版を自分のサイズで描かせ、タップで拡大できるようにする — 固有幅・ネイティブダイアログ・@2x
Astroでwidth:100%が256pxのスクリーンショットをぼかしていた理由と、ネイティブダイアログでスマートフォンでも図版が読めるようになるまで。設計を正したのは7つの計測でした。
Pagefindのステミング警告は見当違いだった — 日本語検索を壊していたのは分かち書きの不一致
Pagefindはビルドのたびに日本語と中国語のステミング未対応を警告していました。本当の不具合は別にあり、検索語と索引のトークナイザーの不一致が誤ったページを返していました。