EPISODE · Nov 29, 2025 · 39 MIN
[Special-1] Google Antigravity で30分ポッドキャストサイト制作チャレンジ
from シアトルエンジニアのデプロイ待ち · host satoshiyagafa
シアトル在住のコモダとイワイが、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
Embed this episode
What this episode covers
シアトル在住のコモダとイワイが、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
Ready to play
[Special-1] Google Antigravity で30分ポッドキャストサイト制作チャレンジ
No transcript for this episode yet
Similar Episodes
No similar episodes found.