Google AI Studioの使い方:Playground、Build mode、Geminiでバイブコーディング
Google AI Studioを使うには、aistudio.google.comにGoogleアカウントでサインインし、PlaygroundでGeminiモデルにプロンプトを試し、自分のコードからGeminiを呼び出したいときはGet API keyをクリックします。アプリをバイブコーディングで作るならBuild modeを開き、作りたいアプリをプロンプトで説明すると、Geminiがライブプレビュー付きで生成し、チャットで改良できます。その後、Cloud Runにデプロイする、GitHubに同期する、コードをダウンロードする、のいずれかが可能です。
このガイドでは、執筆時点(2026年11月)でGoogleが公開しているとおりに各機能を順に説明し、AI Studioが最も得意な場面と、データベースとホスティングを備えたビルダーのほうが向いている場面を紹介します。AI Studioは頻繁にアップデートされるため、最新の名称や制限はGoogleのドキュメントで確認してください。
Google AI Studioとは
AI Studioは、Geminiで開発するためのGoogleのブラウザ向けワークスペースです。次の2種類の人を対象にしています。
- 開発者: Geminiモデルを試し、プロンプトを調整して、動くコードを自分のプロジェクトにコピーしたい人。
- ビルダー: アプリを言葉で説明し、Build modeを使ってGeminiにコードを書かせたい人。
Googleは、AI Studioの利用は提供地域では無料で、一部のモデルには無料アクセスの制限があるとしています。有料のAPIティア、一部のモデル、Google検索を多用するグラウンディング、Google Cloudでのホスティングは別料金です。
パート1:Playground
Playgroundは、標準で新しいチャットプロンプトが開きます。何かを作る前に、モデルにできることを試す場所です。
- モデルを選び、入力欄にメッセージを入力してRunをクリックします。
- Run settings(右上のチューニングアイコン)を開くと、モデルのパラメータや安全性設定を変更でき、構造化出力、関数呼び出し、コード実行、グラウンディングも有効にできます。
- System Instructionsを追加して、モデルの役割とトーンを設定します。例:「あなたはパン屋のフレンドリーなアシスタントです。2文で答え、商品を1つおすすめしてください。」
- Get codeをクリックすると、プロンプトと設定が、好みの言語のコードに変換されます。
チャット以外にも、Playgroundにはリアルタイムストリーミングや動画生成などのプロンプトタイプがあります。
APIキーを取得する
自分のアプリの中でGeminiを使いたいときは、Get API keyページ(aistudio.google.com/apikey)でキーを作成します。パスワードと同じように扱い、サーバーの環境変数やシークレットに保存して、訪問者のブラウザで動くコードには決して入れないでください。理由はAPIキーを安全に管理する方法のガイドで説明しています。
パート2:Build modeでバイブコーディング
「GeminiでAIバイブコーディング」が行われるのがBuild modeです。アプリを説明すると、AI Studioのエージェントがコードを書き、その横に結果を表示します。
プロジェクトを始める
入り口はいくつかあります。
- アプリを説明するプロンプトを入力する。
- I'm Feeling Luckyを押して、生成されたアイデアで始める。
- App GalleryのアプリをCopy Appでリミックスする。
- Add filesメニューからGitHubからインポートする。
AI Chipsを追加すると、画像生成やMapsデータなどの機能を取り込めます。音声入力でプロンプトを話して入力することもできます。
何が作れるか
Googleのドキュメントによると、次のとおりです。
- 標準ではWebアプリ: ReactのフロントエンドとNode.jsサーバーで、API呼び出しをサーバー側に置けます。npmパッケージは自動でインストールされ、アプリはデータベースにも接続できます。
- KotlinとJetpack ComposeによるネイティブAndroidアプリ: ブラウザ上のエミュレータでプレビューし、ADB経由でインストールし、内部テスト用にGoogle Playへ公開できます。
- Firebaseのセットアップを代行: データ用のFirestoreと、Sign in with Googleを使うFirebase Authentication。
- Google Workspaceとの連携: Gmail、Sheets、Docs、Drive、Calendarなど。
最初のプロンプト
レシピアプリを作ってください。レシピまたはリンクを貼り付けると、Geminiが材料、手順、調理時間を整理したきれいなカードにしてくれます。レシピを保存して検索でき、人数に合わせて材料の分量を換算できます。Googleでサインインして、レシピが自分のアカウントに保存されるようにしてください。
これはAI Studioの強みを活かした例です。Geminiが機能の一部で、サインインはGoogle、保存はFirebaseです。
アプリを改良する
- エージェントとチャットする:「チェックを入れたレシピの材料をまとめた買い物リストを追加して。」
- 注釈モード: アプリの画面の一部をハイライトして、そこに加えたい変更を説明します。どのボタンのことかを言葉で説明するより速いです。
- Codeタブ: 生成されたコードを表示し、必要なら直接編集できます。
Googleのドキュメントによると、Build modeはGemini APIキーをクライアントコードに入れず、サーバー側のシークレット(GEMINI_API_KEY、Secretsパネルで確認可能)として保持します。AndroidアプリはキーではなくFirebase AI LogicとApp Checkを使います。
共有とデプロイ
- 共有: アプリは標準で非公開です。共有された相手はコードを閲覧してフォークでき、編集権限がある人は変更できます。共有したアプリを使う人が行うGeminiの呼び出しは、あなたの利用量にカウントされ、費用がかかりそうな場合はAI Studioが共有前に警告します。
- Cloud Run: AI Studioからスケーラブルなサービスとしてデプロイします。Google Cloudの料金がかかる場合があります。
- GitHub: リポジトリとの双方向同期で、双方に変更があった場合はコンフリクトビューが表示されます。
- ZIPダウンロード: コードをどこにでも持っていけます。APIキーは自分のホストで設定します。
Build modeでより良い結果を出すコツ
- アプリの中でGeminiが何をするかを最初に書く。 Build modeは、要約、情報抽出、画像生成、文書への質問応答など、AIそのものが機能であるときに最も力を発揮します。
- 何を、誰のために保存するかを書く。 「各ユーザーのレシピは本人だけが見られる」といったルールは、最初に明記しておく価値があります。
- 1回のメッセージでは1つだけ変更し、次に進む前にプレビューで確認する。
- 実際のユーザーが来る前にFirebaseのセキュリティルールを確認する。 自分で動くからといって、他のユーザーがデータを読めないとは限りません。「Firestoreのルールを見せて、各コレクションを誰が読み書きできるか説明して」と頼んでみましょう。
どのツールでも使えるプロンプトは、バイブコーディングのプロンプト集もご覧ください。
Google AI Studioが最も得意なこと
- Geminiが中核機能のアプリで、キーをサーバーに置く場合。
- Google中心の構成: Firebase、Sign in with Google、Workspaceのデータ、Maps。
- 素早いプロトタイプが欲しい開発者で、そのままGitHubに同期して開発を続ける場合。
- ネイティブAndroidの実験を、ブラウザでプレビューしたい場合。
データベースとホスティング付きのビルダーに移るべきとき
AI Studioは強力なツールで、多くのプロジェクトではそれで十分です。次のような場合は、フルスタックのAIアプリビルダーを検討する価値があります。
- リレーショナルデータベースが欲しい。 Firestoreはドキュメント型データベースです。顧客、注文、請求書がたがいに関連するアプリなら、Postgresデータベースのほうが考えやすいことがあります。違いはSupabaseとFirebaseの比較のガイドで説明しています。
- Google Cloudプロジェクトを管理したくない。 Cloud Runへのデプロイには、Cloudアカウント、課金、その設定が必要です。ワンクリックで公開でき、ホスティングが込みのほうがよいという人もいます。
- ホスティング、データベース、ストレージを1つの請求にまとめたい。 Mythexでは、これらはプランに含まれる月間のCloudクレジットから支払われます。
- AndroidだけでなくiPhoneも必要。 Mythex Proでは、公開したアプリをGoogle Playにアップロードできる Androidアプリにでき、自分のApp Store Connectキーを使ってMacなしでTestFlightに送るiPhoneアプリにもできます。(これらは公開済みのアプリを開くもので、ネイティブのSwiftやKotlinのコードではありません。)
- AIがアプリの主役ではない。 予約システムやクライアントポータルの中心にGeminiは必要なく、汎用のビルダーのほうが自然に合うことがあります。
- Cloudサービスを設定せずに、独自ドメインを使いたい。
Mythexの仕組みは次のとおりです。チャットでどの言語でもアプリを説明すると、ライブプレビュー付きの本格的なフルスタックアプリを作り、Postgresデータベースとファイルストレージを接続し、ワンクリックで公開URLに公開します。Freeプランはカード不要で、公開も含まれます。Proは月25 USDで、コード編集、エクスポート、GitHub、独自ドメイン、スマホアプリが加わります。AIアプリビルダーのページをご覧ください。
どちらを選んでも、コードは自分で持ち出せます。AI StudioはGitHubまたはZIPで、MythexはProのエクスポートとGitHubで可能です。選択肢をもっと広く見たい方は、おすすめのバイブコーディングツールと、アプリ開発におけるChatGPT・Claude・Geminiの比較をご覧ください。
Google AI Studio の使い方(要点)
- aistudio.google.com に Google アカウントでログインします。
- Playground でモデルを選び、プロンプトを入力して Run を押します。Run settings でパラメータや機能を切り替えられます。
- 自分のアプリから Gemini を使うときは Get API key でキーを作成し、サーバー側の環境変数に保存します。
- アプリを作るなら Build mode を開き、作りたいアプリを文章で説明します。プレビューを見ながらチャットや注釈モードで修正します。
- 完成したら Cloud Run にデプロイするか、GitHub と同期するか、ZIP でダウンロードします。
データベース、ホスティング、独自ドメイン、iPhone と Android のアプリを一か所で管理したい場合は、Mythex のようなフルスタックの AI アプリビルダーも選択肢になります。
よくある質問
Google AI Studioは無料ですか?
Googleによると、AI Studioの利用は提供地域では無料で、一部のモデルには無料アクセスの制限があります。有料のAPI利用、一部の新しいモデル、追加の検索グラウンディング、Cloud Runのホスティングには費用がかかる場合があるので、アプリを共有・デプロイする前にGoogleの料金ページを確認してください。
Google AI StudioのBuild modeとは何ですか?
Build modeは、AI Studioのバイブコーディング用ワークスペースです。アプリをプロンプトで説明すると、Geminiがライブプレビュー付きでコードを生成し、チャットや画面の一部のハイライトで改良できます。WebアプリはReactのフロントエンドとNode.jsサーバーで作られ、ネイティブAndroidアプリも生成できます。
Google AI Studioのアプリにデータベースやログインは付けられますか?
はい。Googleのドキュメントによると、Build modeはFirebaseを自動でセットアップでき、データ用のFirestoreと、Sign in with GoogleのFirebase Authenticationも含まれます。サーバーからネットワーク経由で接続できれば、ほかのデータベースも使えます。
Google AI Studioのアプリはどうやって公開しますか?
AI StudioからGoogle Cloud Runにデプロイするか、コードをGitHubに同期するか、ZIPをダウンロードして別の場所でホストできます。Cloud RunはGoogle Cloudの一部なので通常の料金がかかる場合があり、ZIPの場合は自分のホストでGemini APIキーを設定する必要があります。
Google AI Studioではなくアプリビルダーを使うべきなのはどんなときですか?
AI Studioは、GeminiやGoogleのサービスを中心にしたアプリに最適です。Postgresデータベース、ファイルストレージ、ホスティング、独自ドメイン、AndroidとiPhoneのアプリを1か所で管理し、Google Cloudプロジェクトを設定せずに1つのプランで支払いたいなら、フルスタックのアプリビルダーのほうが合うことがあります。