この動画はGoogle AI Studio内でGemini APIを使ったバイブコーディングの実践的な解説である。プログラミング知識がなくても、簡単なプロンプトから漫画風ミームマシン、三目並べゲーム、履歴書作成・分析アプリなどを短時間で構築できる方法を紹介している。API統合の複雑な作業が自動化されており、完全無料で利用できるため、AI アプリ開発の入門として最適なツールであることを実演を通じて示している。
Google AI StudioでのGemini APIを使ったバイブコーディング入門
Google AI Studio内でGemini APIを使ったバイブコーディングはめちゃくちゃ簡単やし、API統合の細かい技術的な部分を知らんでもGemini APIと統合できるから、一番効果的なんや。例えば、たった一つのプロンプトだけで、Google Gemini AI studioがこれを作ってくれたんや。
これは漫画ミームマシンや。テキストを入力したら2つの画像を作成してくれる。見ての通り、バックエンドではGemini APIと統合されとって、これ全部が一つのプロンプトからできたんや。この動画では、君らもこんなことができるようになる方法を教えたるで。
アプリケーション構築の始め方
構築を始める方法はな、ハンバーガーメニューをクリックして「build」をクリックするだけや。そうすると、この画面に移って、既に使える大量のアプリケーションが用意されとるし、自分のアプリケーションも作ることができる。
何か作ったことがあるなら「your apps」の下に表示されるし、「showcase」に行って他の人が作ったものを見ることもできる。例えば、「Gemini code drawing」っていうアプリケーションがあるんや。これはたぶんGoogleチーム自身が作ったもんやと思う。だからアプリケーションがどう構築されとるか、どんなことができるかを見に行けるで。最終的なアプリケーションもここで見れるし、コードも利用できる。
実際の開発プロセス
今度はゼロから始めてみよう。テンプレートから始めることもできる。空のプロンプト、ライブビュー、埋め込み、トークンカウント、チャット例、imagen、関数呼び出し、reactの例なんかのテンプレートが山ほど用意されとる。今回は「imagen」をクリックしてみるで。
image generationをクリックすると、非常にシンプルなimagen ベースのアプリケーションでスタートしたのが分かる。情報はそんなにないけど、imagenと統合するためのバックエンド統合は作成されとる。
ほんなら今度はここで「ユーザーがシンプルなテキストを入力したら、理想的には2つの異なるミームを漫画スタイルで生成する漫画ミームマシンのWebアプリを作って」って言うてみよう。アイデアはシンプルなミーム作成エンジンや。送信してみるで。
送信すると、ここで見てもらえるように、Gemini 2.5 Proによって処理される。めっちゃ使ったらレート制限があるけどな。ここで考え始めてる。何をすべきかを理解してて、思考プロセスが終わったらアプリケーションのコーディングを始めてくれる。それから新しい機能とか、欲しいものを追加していけるで。
ここでええのは、GitHub統合があることや。だからGitHubとの統合が簡単にできる。Google Cloud Platform（GCP）があったら、Google Cloud Runにデプロイもできる。文字通りアプリをダウンロードして、ローカルのcursor、Windsurf、Cloud Code、何でも使って使い始めることができる。
漫画ミームマシンのテスト
この時点で「Manga Meme Machine」っていうのができとる。「アイデアを漫画スタイルのミームに変える」ってやつや。最近見たシンプルなツイートで試してみよう。「3時間の過酷な戦いの後、今日PhD を無事に弁護しました。3年で PhD を修了しました。私の学部では記録的なことです。」
これをコピーして、ここに戻って貼り付けてみるで。おお、これはええな。「過酷な3時間後、PhD を無事に弁護した」って出とる。ここに2つあるな。ゾンビのミームまで作ってくれてる。かなりええやん。「view diff」をクリックしたら、どんな変更が起こったかが見れる。ファイルごとに、どんな変更があったかが分かるで。
欲しかったら、GitHubにデプロイしたり、Google Cloud Runにデプロイしたりできる。さっき言ったように重要なのは、アプリケーションを既にGoogle Gemini APIと統合してることや。だからAPI統合の作業は一切せんでええ。
動的三目並べゲームの作成
もう一個テキストを入力してみよう。「2つのGeminiモデルを選択して、それらが自分たちで対戦できる動的な三目並べゲームを作って」。
見ての通り、API統合も管理してくれてる。多くの人が苦労する重要な部分の一つやと思うAPI統合を開発してくれてる。前回のと違って、これは数分余分にかかったな。ゲームの準備ができた。「Gemini tic tac toe」や。試してみよう。
Gemini Flash、Gemini Flash、皮肉やな。「start game」をクリック。プレイヤーXが考え中、Oが考え中。この場合は同じモデルを使ってるけど、Gemini 2.5 Proみたいな異なるモデルを追加したかったんや。
履歴書ビルダー＆アナライザーの開発
終わりにする前に、非常にシンプルなアプリケーションを作りたい。「職務記述書が与えられて共有ランクを付ける履歴書ビルダーと履歴書アナライザーを作りたい。Salesforceみたいな適切なSaaSアプリケーションに見えるようにして」って言うてみよう。
全部完了したけど、途中でちょっとエラーがあって、やり直さなアカンかった。数分かかった。見ての通り、ランディングページみたいなのができとる。「あなたの履歴書はここで利用できます」「AIアナライザー」って出とる。
履歴書を貼り付けることができる。職務記述書を貼り付ける。職務記述書を取りに行こう。職務記述書を取得して、ここに戻って貼り付けて、サンプルのデータサイエンティストの履歴書を取得する。コピーして、また貼り付けて履歴書の分析を頼む。「Analyze resume」。
100%のマッチスコアって出とる。美しいドーナツグラフになった。強み、改善領域、実行可能な提案って出とる。マイクロSaaSを実際に構築してサイドギグとして立ち上げたいか、自分で使いたいかに関係なく、Google AI studio内でバイブコーディングをする優れた方法やと思う。呼び出すのにお金もかからんし、完全に無料や。
レート制限内やし、ぜひ試してみることを強くお勧めするで。これについてどう思うか教えてくれ。また別の動画で会おうな。
コメント