Technical Article: The Antigravity Workflow

かつての私にとって、Webサイト制作は「まず数ヶ月かけて言語を学ぶ」という、終わりの見えない修行でした。しかし、Antigravityとの出会いがその常識を完全に破壊しました。今回のポートフォリオ制作。その最初の1時間は、コードを一行も書くことなく、AIとの「対話」だけに費やされました。 「ガラスモーフィズムを採用した、プレミアムなダークモードのポートフォリオを作りたい」。私の抽象的でワガママな願いに対し、AIは即座にカラーパレット、タイポグラフィ、そして全体的な情報のゾーニング案を提示しました。それは単なる提案ではなく、「あなたの理想はこういうことですよね？」という、私の脳内にあった霧を晴らしていくような、解像度を上げるプロセスでした。

開発の開始直後、AIの真価を目の当たりにしました。Next.js 14のApp Router構造の構築。通常であればフォルダ構成に悩むだけで数時間を要する作業が、AIの手を借りることで数分で完了しました。AIは単にコードを書くのではなく、「メンテナンス性の高い構造」を自ら提案し、私はそれに『Yes』と答えるだけでした。 Framer Motionを導入し、ページ遷移やホバー時のマイクロアニメーションを仕込んでいく作業も、AIにとっては「呼吸をするように」簡単なことでした。私の役割は、AIが提示した動きを確認し、「もう少しだけ、余韻を残してほしい」とニュアンスを調整すること。この時、私は自分がプログラマーではなく、映画の監督になったような感覚すら覚えていました。

2日目、最も時間のかかる「実績（Works）」ページの量産に入りました。これまでの自分の活動を言語化し、AIに渡していく。AIはそれを読み込み、各実績の特性に合わせたグラデーションやアイコンを選定し、最適なUIコンポーネントへと流し込んでいきます。 ここで驚いたのは、AIの「文脈理解」の深さです。ゲーム開発の記事であれば親しみやすいトーンに、技術解説であれば凛とした構成に。AIが私の意図を汲み取ってデザインを自律的に調整してくれるため、私は「どのようなストーリーを読者に届けたいか」というコンテンツ制作の本質に、全てのエネルギーを注ぐことができました。

もちろん、全てがスムーズにいったわけではありません。レスポンシブ対応や特定の端末でのレイアウト崩れなど、何度か「摩擦」も発生しました。しかし、ここからがAI開発の真骨頂でした。エラーログをAIに投げ、なぜ思い通りにいかないのかを徹底的に議論する。 AIは「このCSSプロパティが競合しています」と原因を特定するだけでなく、それを解決するための代案を複数提示しました。その過程で、私はいつの間にかCSSのFlexboxやGridの仕組みを、教科書で学ぶ何倍もの速度で理解していました。AIとの「摩擦」は、私にとって最高の学習機会へと姿を変えたのです。

完成が近づくにつれ、私の欲求はエスカレートしていきました。「1pxだけ、タイトルの位置を下げたい」「ボタンの色の遷移を、もう少しだけ深みのある色に変えたい」。通常であれば独りでは挫折してしまうような瑣末な調整。しかし、AIは嫌な顔一つせず（当然ですが）、私の全てのワガママに応え続けました。 数千行に及ぶコードの森の中で、AIという相棒と共に1pxのズレを追いかける作業。それは、技術の限界を超えて、自分の「美意識」の限界に挑戦する、極めて人間的で濃密なクリエイティブの時間でした。

最後の2時間。GitへのプッシュとCloudflare Pagesへのデプロイ。非エンジニアにとって最も緊張するこの瞬間も、AIは完璧なガイドとして伴走してくれました。コマンドを打ち込み、ビルドが走り、自分のドメインでサイトが表示された瞬間。その感慨は、到底言葉では言い表せません。 たった2日間。しかし、その中身は何ヶ月分もの学習と、何年もかけて培ってきた「作りたい」という想いの結晶でした。AIは、私の未熟さを補うだけでなく、私の情熱を最速で世界へと届けるための「翼」になってくれたのです。

この48時間を通じて確信したのは、これからの開発において重要なのは「コードを書く技術」ではなく、「何を作りたいかというビジョン」と「AIへの適切な伝え方」であるということです。AIが複雑な実装を一手に引き受けてくれるからこそ、私たちは人間にしかできない「意味の創出」に集中できるようになります。 このワークフローは、非エンジニアであっても「世界は自分の手で作れる」ということを証明した記録です。Antigravityと共に走り抜けたこの48時間は、私にとって単なるウェブサイト制作ではなく、自分の人生の可能性を再定義する、一生忘れることのない体験となりました。