【Antigravity】Vibe Codingで爆速開発！AIとペアプログラミングして最高のポートフォリオサイトを1週間で作った話

「自分のポートフォリオサイトを作りたい」そう思い立ったのが1月8日。そこから今日（1月15日）までのたった7日間で、このサイトは劇的な進化を遂げました。

この爆速開発を支えたのが、Google DeepMind が開発した最新のAIエージェント、「Antigravity」 です。ただコードを書くだけじゃない。Antigravity と自然言語で対話し、アイデアを即座に形にしていく。そんな「Vibe Coding（バイブコーディング）」で駆け抜けた、怒涛の8日間の開発ログを公開します。

Day 1-2：基礎固めと「自分らしさ」の定義 (1/8〜)

まずはサイトの土台作りからAntigravityとのセッションが始まりました。単なる技術ブログではなく、「自分の活動の拠点」にするため、ナビゲーションやコンテンツを整理しました。

ナビゲーションの刷新: 「YouTube」タブを「Music」に変更し、アーティスト活動を前面に。
プロフィールページの作成
、Amazonほしい物リストや、Doneru/PayPalなどの支援リンクを集約。
Vercelデプロイ: 開発初期から本番環境へのデプロイを行い、常に「動くもの」を確認しながら進める体制を構築。

Day 3-4：最強の管理画面を作る (1/10〜)

「サイトの更新が面倒だと続かない」その懸念をAntigravityに伝えると、強力な管理画面（Admin Dashboard）の実装を提案してくれました。

プロフィール管理機能
、各SNSリンクや支援サイトのURLを、コードを触らず管理画面からいつでも変更可能に。
ブログエディタの強化: 日々の発信をスムーズにするため、タグ管理や画像のドラッグ&ドロップ機能を実装。

まだサイトの見た目はシンプルでしたが、裏側の「運用しやすさ」はこの時点で固まりました。

Day 5-6：品質向上とブログ機能の拡充 (1/12〜)

コンテンツが増えてくるにつれ、コードの品質管理（Lint）や、ブログとしての魅力を高めるフェーズに入りました。 Antigravityは単に機能を足すだけでなく、コードの健全性も常に気にかけてくれます。

Biome への移行: コード品質を保つため、ESLintから高速なフォーマッター「Biome」へ完全移行。爆速開発を支える足回りを強化。
ブログ機能の進化:
- コメント機能: 読者との対話を生むコメント欄の実装。
- 閲覧数（View Count）: 記事の人気度がひと目で分かるカウンターの設置。
- シェアボタン: X（旧 Twitter）などで簡単に拡散できる仕組みを追加。
サイドバーの実装: 「人気記事ランキング」や「週間/月間アクセス数」を表示し、メディアとしての体裁を整えました。

Day 7：ユニークなアプリ開発への挑戦 (1/14〜)

サイトの基盤ができたら、次は「遊び心」です。「Apps（自作アプリ）」セクションを新設し、最初のアプリを開発しました。

グロンギ語変換機: 日本語を、あの特撮作品の言語「グロンギ語」に変換するツール。
- 形態素解析 API を使って漢字をカタカナに直し、特定の子音変換ルールを適用するロジックを実装。マニアックな機能も Antigravity なら一瞬で形にしてくれます。

Day 8：仕上げとリリース (1/15・今日)

最終日は、もう一つのユニークアプリの追加と、サイト全体のクオリティアップ、そして公開準備です。 Antigravity のエージェントとしての真価が発揮されたのがこの日です。

イシャネイター (Ishanator): アキネイター風の UI で、質問に答えると最終的に「病院へ行け」と診断されるジョークアプリ。
Works と Apps の分離: 実績（Works）と自作アプリ（Apps）を明確に分け、ポートフォリオとしての見やすさを向上。
画像のクラウド化: Vercel Blob Storage を導入し、画像の永続化に対応。
SEO 完全対応:
- 全記事に動的メタタグ（OGP）を設定。
- 構造化データ (JSON-LD) で Google 検索に対応。
- サイトマップ (sitemap.xml) の自動生成。
品質保証 (QA):
- AI 校正: 全 32 記事の誤字脱字・ファクトチェックを AI で実施（「2025 年」表記の修正まで！）。
- スモークテスト: 主要ページの動作確認スクリプトを実行。
- カウンターリセット: テスト用のアクセスログを全消去し、真っ白な状態でリリース！

Conclusion：Antigravity と創る新しい開発体験

こうして振り返ると、1 週間ちょっととは思えない密度の開発でした。これを可能にしたのが、「Antigravity」 という相棒の存在です。

「こんな機能があったら面白いな」「ここをもっと使いやすくしたい」そんなふとした思いつき（Vibe）を、Antigravity が即座にコードに落とし込み、私がそれをレビューしてデプロイする。この超高速なフィードバックループがあったからこそ、楽しみながら、挫折することなくここまで作り上げることができました。

このサイトは、私のポートフォリオであると同時に、Antigravityとの共創の記録でもあります。ぜひ、すみずみまで触って、そのスピード感とクオリティを感じてみてください！