シアトル在住のコモダとイワイが、Googleの新しいコーディングエージェント IDE「Antigravity」を使って、自分たちのポッドキャストサイトを“30分で”作れるかに挑戦しました。
React＋Vite プロジェクトの自動生成から、Apple Podcast/RSS からのエピソード情報スクレイピング、ブラウザ拡張を使った自動UIテスト、エピソード再生ボタンの実装まで、ほぼノーコーディングでどこまでいけるのかをリアルタイムで検証します。AI時代のフロントエンド開発と“テストまでやってくれるIDE”の可能性を一緒にのぞいてみましょう。
00:00 オープニング
00:24 テーマ紹介：Antigravityを触る回
01:02 Antigravityとは？
02:05 インストール開始
03:12 30分でサイト制作チャレンジ
05:53 AIエージェント設定
08:20 仕様と実装プラン自動生成
09:52 Reactプロジェクト生成
12:31 JSXとTypeScript雑談
14:29 コンポーネント自動生成
15:25 自動UIテストに驚く
20:36 モックサイト完成
21:19 Apple Podcastデータ取得
22:27 RSSフィード利用へ
24:59 エピソード再生ボタン実装
29:00 音源再生成功
30:53 問い合わせフォームの限界
33:44 デプロイスクリプト生成
37:05 公開準備完了
38:06 まとめ
39:03 エンディング
トピックリスエスト、お問い合わせ、ご意見は以下フォームからお送りください。
https://forms.gle/V1Jx5K27TN7ht5oC9
