#Astro

「美味しそう」を伝える画像最適化 & メニュー管理 - Vol.6

飲食店サイトの命である「シズル感」と「Webパフォーマンス」。Astroの標準機能をフル活用して、この相反する要素を両立させる方法。

季節限定LPの爆速構築 - 恵方巻き予約 - Vol.5

年末年始の繁忙期、開発期間はごくわずか。既存資産（予約システム）をフル活用して、期間限定のランディングページを数時間で構築した話。

サーバーレス時代のバグハント: Astro View Transitionsとフォーム二重送信の怪 - Vol.9

リリース直後に発覚した「合計金額が計算されない」「予約メールが2通届く」という深刻なバグ。その原因はAstroのライフサイクルとブラウザのキャッシュ仕様にありました。解決までの全記録。

SEOとの戦い & Canonical問題 - Vol.4

「正規タグなしの重複」...Google Search Consoleの警告をどう解消するか。AstroにおけるテクニカルSEOの正解を解説します。

「記事を書くだけ」で終わらせる。OGP画像生成とSEOの自動化

ブログ運営で最も面倒な「OGP画像の作成」。SatoriとAstroを組み合わせて、記事タイトルから動的にサムネイルを生成する仕組みを構築しました。

「Cmd+K」で呼び出す、爆速のサイト内検索体験を作ろう

AstroサイトにPagefindを導入し、コマンドパレット風のモーダル検索を実装しました。キーボード操作中心のモダンな開発体験をブログにも。

Astroでの型安全な環境変数

なぜ Astro × TailwindCSS なのか？ - Vol.1

地方の海鮮飲食店サイトになぜこの最新スタックを採用したのか、その理由と実際の構成設定を解説します。

Astro × Google Sheets で作る、サーバーレス予約システム - Vol.3

バックエンドサーバーは不要。Google Apps Script (GAS) を活用して、無料で堅牢な予約管理システムを構築する方法。

TilセクションをAstroで開設しました

AstroとGridで作る、動的サイズのタグクラウド

記事数に応じてカードサイズが変わる、弁当箱スタイルのタグクラウド実装ガイド。

Astro View Transitions でネイティブアプリのような遷移を実現する

Astro標準機能を1行追加するだけで、驚くほどスムーズなページ遷移と画像アニメーションを実現する方法。

AIとペアプログラミングでWeb開発を始めよう

地方の海鮮飲食店のWebサイト構築プロセスを公開し、AIを活用したモダンなWeb開発の現場をお届けします。