Astro
「美味しそう」を伝える画像最適化 & メニュー管理 - Vol.6
飲食店サイトの命である「シズル感」と「Webパフォーマンス」。Astroの標準機能をフル活用して、この相反する要素を両立させる方法。
最新記事
モダンなWebアプリケーション開発の記録
Astro
季節限定LPの爆速構築 - 恵方巻き予約 - Vol.5
年末年始の繁忙期、開発期間はごくわずか。既存資産（予約システム）をフル活用して、期間限定のランディングページを数時間で構築した話。
Astro
Vol.9 サーバーレス時代のバグハント: Astro View Transitionsとフォーム二重送信の怪
リリース直後に発覚した「合計金額が計算されない」「予約メールが2通届く」という深刻なバグ。その原因はAstroのライフサイクルとブラウザのキャッシュ仕様にありました。解決までの全記録。
Astro
SEOとの戦い & Canonical問題 - Vol.4
「正規タグなしの重複」...Google Search Consoleの警告をどう解消するか。AstroにおけるテクニカルSEOの正解を解説します。
Astro
「記事を書くだけ」で終わらせる。OGP画像生成とSEOの自動化
ブログ運営で最も面倒な「OGP画像の作成」。SatoriとAstroを組み合わせて、記事タイトルから動的にサムネイルを生成する仕組みを構築しました。
VS Code
VS Code + Agentic AI 最強の執筆環境 - Vol.2
AIとのペアプログラミングを最大化するためのVS Code設定と、自律型AI「Antigravity」との付き合い方について。
Astro
「Cmd+K」で呼び出す、爆速のサイト内検索体験を作ろう
AstroサイトにPagefindを導入し、コマンドパレット風のモーダル検索を実装しました。キーボード操作中心のモダンな開発体験をブログにも。
Astro
なぜ Astro × TailwindCSS なのか？ - Vol.1
地方の海鮮飲食店サイトになぜこの最新スタックを採用したのか、その理由と実際の構成設定を解説します。
Astro
Astro × Google Sheets で作る、サーバーレス予約システム - Vol.3
バックエンドサーバーは不要。Google Apps Script (GAS) を活用して、無料で堅牢な予約管理システムを構築する方法。
Astro
AIとペアプログラミングでWeb開発を始めよう
地方の海鮮飲食店のWebサイト構築プロセスを公開し、AIを活用したモダンなWeb開発の現場をお届けします。