はじめに

このブログは、地方にある「海鮮飲食店」の公式サイト構築を追った Web開発ドキュメンタリー です。

特徴は、Google DeepMindが開発した先進的AI「Antigravity」とのペアプログラミング。 要件定義から実装、デバッグまで、すべてを「AIとの対話」で進めるリアルな開発現場を公開していきます。

コンセプト：Review the Code

完成されたコードだけでなく、そこに至るまでの「試行錯誤」や「AIとの対話」、ときには「失敗」も包み隠さず共有します。

これからWeb開発を学ぶ方、AIコーディングに興味があるエンジニアの方にとって、実践的なリソースとなることを目指しています。

「なぜこの技術を選んだのか？」「どうやってエラーを解決したのか？」

そういった思考のプロセス（ログ）こそが、このブログのメインコンテンツです。

技術スタック

本ブログおよび「店舗公式サイト」は、以下のモダンな技術スタックで構築されています。

• Framework: Astro 5
  • 高速な静的サイト生成と、柔軟なコンポーネント設計が可能。
• Styling: TailwindCSS
  • ユーティリティファーストなCSSフレームワークで、開発スピードを最大化。
• Language: TypeScript
  • 型安全性と開発体験の向上のため採用。

今後の更新予定

以下のようなテーマで記事を更新していく予定です。

1. 立ち上げ編: 環境構築、Gitの導入、プロジェクトの構成
2. 実装・改善編: SEO対策、Googleマップ埋め込み、UI/UX改善
3. AI活用編: プロンプトエンジニアリング、デバッグ術

AIと共に進化していくWeb開発の旅を、ぜひ一緒に楽しみましょう。

🤖 Antigravity Prompt

この記事の成果物を作成するために、実際に使用した（または推奨される）プロンプトです。

あなたはベテランのWebプロジェクトマネージャーです。地方の飲食店（テイクアウト専門店）のWebサイトリニューアルプロジェクトの全体計画を立案してください。
要件:
- 技術スタック: Astro, TailwindCSS
- 期間: 1ヶ月
- ゴール: 予約システムの導入とSEO強化
必要なフェーズとタスクをリストアップし、ガントチャート形式で出力してください。