このページでは、Google AI Studio を使用して、Nano Banana や Live API などの Gemini の最新機能を試すアプリをすばやく構築（または「バイブ コーディング」）してデプロイする方法について説明します。Google AI Studio では、フルスタック ランタイムを使用したウェブアプリ と、Kotlin と Jetpack Compose を使用したネイティブ Android アプリ を、すべて自然言語プロンプトで構築できます。
始める
Google AI Studio のビルドモードでバイブ コーディングを開始します。ビルドを開始するには、いくつかの方法があります。
- プロンプトから始める: ビルドモードで、入力ボックスを使用して、構築する内容の 説明を入力します。[AI チップ] を選択して、画像生成や Google マップデータなどの特定の機能をプロンプトに追加します。音声テキスト変換ボタンを使用して、希望する内容を伝えることもできます。
- [I'm Feeling Lucky] button: クリエイティブなアイデアが必要な場合は、[I'm Feeling Lucky] button を使用すると、Gemini がプロジェクトのアイデアを含むプロンプトを生成して、作業を開始できます。
- ギャラリーからプロジェクトをリミックスする: App Gallery からプロジェクトを開き、[アプリをコピー] を選択します。
プロンプトを実行すると、必要なコードとファイルが生成され、アプリのライブプレビューが右側に表示されます。
作成されるもの
プロンプトを実行すると、AI Studio によって完全なアプリケーションが作成されます。プラットフォーム ピッカーを使用して、ウェブアプリ またはネイティブ Android アプリ を構築できます。
ウェブアプリ （デフォルト）の場合、AI Studio は次のものを含むフルスタック環境を作成します。
- クライアントサイド: ウェブ フロントエンド（デフォルトは React）。
- サーバーサイド: 安全な API 呼び出し、 データベース接続、npm パッケージの使用を可能にする Node.js ランタイム。
Android アプリの場合、AI Studio は Kotlin と Jetpack Compose のプロジェクトを生成します。 このプロジェクトは、ブラウザベースのエミュレータでプレビューしたり、実機にインストールしたり、 テスト用に Google Play ストアに公開したりできます。詳しくは、Android アプリをビルドするをご覧ください。
生成されたコードを表示するには、右側のプレビュー パネルで [コード] タブを選択します。Antigravity エージェント は、スタック内の複数のファイルをインテリジェントに管理し、変更が正しく伝播されるようにします。
Antigravity エージェント
Antigravity エージェント は、Google Antigravity の主要な AI 機能であり、エージェントハーネスのコアコンポーネントは Google AI Studio のビルドモードのエクスペリエンスを強化しています。プロジェクト全体のコンテキストを維持し、複数のファイルを管理し、複雑な手順を理解することで、シンプルなコード生成を超えて、堅牢なフルスタック アプリケーションを構築します。
主な機能は次のとおりです。
- コンテキスト アウェア: 以前のプロンプトとファイルの状態のコンテキストを維持します。
- マルチファイル管理: 複数のファイル間の依存関係を処理します。
- 検証済みの実行: コードの更新を検証して、ハルシネーションを減らします。
フルスタック機能
Google AI Studio は、最新のウェブ エコシステムの力を引き出し、クライアントサイドのプロトタイプだけでなく、さまざまなものを構築できます。
- サーバーサイド ランタイムと npm: npm パッケージの豊富なライブラリを使用します。エージェントは、アプリに必要なパッケージ（データ可視化や API クライアント用の特定のライブラリなど）を自動的に識別してインストールします。必要に応じて、特定のパッケージをリクエストすることもできます。
- シークレット管理: API キーとシークレットを [設定] メニューに安全に保存します。これらはサーバーサイド コードでアクセスできるため、クライアントサイドに公開されることはありません。
- マルチプレイヤー: AI Studio 内でリアルタイムのコラボレーション エクスペリエンスを直接構築します。サーバーサイド ランタイムは、ユーザーが共同で操作するために必要な状態と接続を管理します。
- Firebase Firestore と Authentication: Firestore データベース（永続的なデータ ストレージ）や Firebase Authentication（ログインフロー、特に「Google でログイン」）など、Firebase を自動的にプロビジョニングして設定します。エージェントは、セットアップ プロセス全体を処理し、これらのサービスのアプリにコードを記述します。
- Google Workspace との統合: アプリを Gmail、スプレッドシート、ドキュメント、ドライブ、カレンダーなどの Google Workspace API に接続します。AI Studio は、すべての OAuth 構成を自動的に処理します。
Android アプリ
Kotlin と Jetpack Compose を使用して、ネイティブ Android アプリを構築することもできます。 ブラウザベースの Android エミュレータでアプリをプレビューし、ブラウザで ADB を使用して実機にインストールして、内部テスト用に Google Play ストアに公開します。
詳しくは、Android アプリをビルドするをご覧ください。
構築を続行
Google AI Studio でアプリケーションの初期コードが生成されたら、次のようにして改良を続けることができます。
Google AI Studio でビルドする
- Gemini で反復する: ビルドモード のチャット パネルを使用して、Gemini に変更、新機能の追加、スタイルの変更を相談します。
- コードを直接編集する: プレビュー パネルで[コード] タブを開いて ライブ編集を行います。
外部で開発する
より高度なワークフローの場合は、コードをエクスポートして、任意の環境で作業できます。
- ダウンロードしてローカルで開発する: 生成されたコードをZIP ファイルとしてエクスポートし、コードエディタにインポートします。
- GitHub に push する: コードをGitHub リポジトリ に push して、既存の開発プロセスと デプロイプロセスに統合します。
主な機能
Google AI Studio には、ビルドプロセスを直感的で視覚的に行うための機能がいくつか用意されています。
- フルスタック アプリを作成して反復する: プロンプトだけでフルスタック アプリを作成し、チャットモードまたはアノテーション モードで反復します。アノテーション モードでは、アプリの UI の任意の部分をハイライト表示して、必要な変更を記述できます。
- アプリを共有してデプロイする: 作成したものを他のユーザーと共有して、 共同作業を行ったり、成果物を公開したりできます。共有する場合、API 呼び出しは使用量上限にカウントされます。有料モデルを使用する場合は、費用が発生する可能性があります。アプリの準備ができたら、Cloud Run にデプロイします。
- アプリギャラリー: アプリギャラリーには、プロジェクトのアイデアのビジュアル ライブラリが用意されています。Gemini でできることを確認したり、アプリケーションをすぐにプレビューしたり、リミックスして独自のアプリケーションを作成したりできます。
アプリをデプロイまたはアーカイブする
アプリケーションの準備ができたら、デプロイできます。
Cloud Run: アプリケーションをスケーラブルなサービスとしてデプロイします。 Google Cloud Run の料金は、使用量に応じて適用される場合があります 。デプロイについて詳しくは、 Google AI Studio からデプロイするをご覧ください。
GitHub: プロジェクトを GitHub リポジトリにエクスポートします。
制限事項
このセクションでは、Google AI Studio のビルドモードの現在の制限について説明します。
API キー管理
Gemini API を使用する新しいアプリを作成すると、AI Studio は Gemini API キーをアプリのサーバーサイド環境のシークレットとして自動的に構成します。 このキーは、[シークレット] パネルで表示して管理できます。
- 自動設定:
GEMINI_API_KEYが設定されます。ビルドを開始するために手動で 構成する必要はありません。 - サーバーサイドのみ: API キーはサーバーサイド ランタイムに挿入され、 クライアントサイド コードには含まれません。
- 既存のアプリ: 2026 年 5 月 14 日より前に構築されたアプリの場合、アプリの Gemini 機能を変更すると、Gemini API 統合が推奨されるサーバーサイド アプローチに 自動的にアップグレードされます。
Google AI Studio 以外へのデプロイ
- Cloud Run: AI Studio から Cloud Run にデプロイすると、API キーがサーバーサイド環境に 安全に組み込まれます。デプロイされたアプリは、すべてのユーザーの Gemini API 呼び出しに API キーを使用します。
- ZIP ダウンロード: アプリを ZIP ファイルとしてダウンロードして別の場所で実行する場合は、ホスティング環境で
GEMINI_API_KEY環境変数を設定する必要があります。アプリの Gemini API 呼び出しはサーバーサイド コードから行われるため、キーはエンドユーザーに公開されません。
アプリの共有時のエラー
アプリを共有し、エンドユーザーが共有 URL を使用したときに「403 Access Restricted 」エラーが発生した場合は、次のいずれかの原因が考えられます。
- ブラウザ拡張機能: Privacy Badger などのプライバシー拡張機能がアプリをブロックしている可能性があります。エラーを回避するには、拡張機能を無効にしてください。
- ビルドの問題: 現在のコードに問題がある可能性があります。エージェントに「現在のコードのビルドの問題を修正する」ように指示してから、URL を再共有してください。
よくある質問
AI Studio のビルドとは何ですか？
AI Studio Build は、シンプルなプロンプトから Gemini を使用した本番環境対応の AI 搭載アプリケーションを作成するためのプラットフォームです。プロンプトで構築する内容を記述すると、Gemini がアプリを生成します。ギャラリーで Gemini API でできることを確認したり、アプリをリミックスして独自のアプリを作成したりすることもできます。
ビルドで Gemini API キーはどのように処理されますか？
Gemini API を使用するアプリを作成すると、AI Studio は Gemini API キーをサーバーサイド シークレットとして自動的に設定します。アプリの Gemini API 呼び出しは、このキーを使用してサーバーサイド コードから行われるため、ブラウザに公開されることはありません。API キーは、設定の [シークレット] パネルで確認できます。
アプリを共有すると API キーが公開されますか？
いいえ。API キーはサーバーサイド シークレットとして保存され、クライアントサイド コードには含まれません。アプリを共有すると、他のユーザーがアプリを使用できるようになりますが、API キーは表示されません。
アプリを他のユーザーと共有する場合、API 呼び出しは使用量上限にカウントされます。 有料モデルを使用する場合は、費用が発生する可能性があります。アプリで費用が発生する可能性がある場合は、設定時と共有前に AI Studio から通知されます。
アプリを表示できるユーザー
デフォルトでは、アプリは非公開です。アプリを他のユーザーと共有して、使用できるようにすることができます。アプリを共有したユーザーは、アプリのコードを表示して、独自の目的でフォークできます。編集権限を付与してアプリを共有すると、他のユーザーがアプリのコードを編集できます。
AI Studio の外部でアプリを実行できますか？
はい。AI Studio から
Cloud Run にアプリをデプロイすると、アプリに公開 URL が付与され、API キーが
サーバーサイド環境に安全に構成されます。アプリを ZIP
ファイルとしてダウンロードして別の場所でホストすることもできます。ホスティング環境で GEMINI_API_KEY
環境変数を設定する必要があります。Gemini API 呼び出しはサーバーサイド コードから行われるため、キーは安全に保たれます。
デプロイ オプションについて詳しくは、Google AI Studio からデプロイするをご覧ください。
独自のツールを使用してローカルでアプリを開発し、ここで共有できますか？
この機能はまだご利用いただけません。今後、アプリのユースケースをさらにサポートしていく予定です。具体的なご要望がありましたら、フィードバックをお寄せください。
アプリでデータベースやその他のストレージを使用するにはどうすればよいですか？
AI Studio アプリは、Cloud Run コンテナで実行される標準アプリです。動的 IP 範囲からのアクセスをブロックするファイアウォールがない限り、ネットワーク経由で接続できるストレージ ソリューションを使用できます。
今後、ストレージの直接サポートを追加する予定です。これは AI Studio 内で直接構成できます。
マイク、ウェブカメラ、その他の Navigator API にアクセスするにはどうすればよいですか？
視聴者がアプリによるウェブカメラやその他の
デバイスの使用を認識できるようにするため、アプリがこれらの Navigator APIにアクセスする前に、追加の確認を求める必要があります。
アプリ作成者は、これらの権限リクエストをアプリの metadata.json
ファイルに追加できます。次に例を示します。
{
"name": "My app",
"requestFramePermissions": [
"microphone",
"camera",
"display-capture",
"geolocation",
"bluetooth",
"clipboard-read",
"serial",
"usb"
]
}
requestFramePermissions でサポートされている値は、
標準の ポリシーで制御される機能のサブセットです。
アプリで GitHub を使用するにはどうすればよいですか？
AI Studio の GitHub 統合を使用すると、作業用のリポジトリを作成して、最新の変更を commit できます。現時点では、リモートの変更の pull はサポートされていません。
他のユーザーにアプリの編集権限を付与できますか？
まだサポートされていませんが、近日中にリリースされる予定です。
アプリがポリシー違反としてフラグ設定されたのはなぜですか？
Google には、アプリがポリシーに準拠しているかどうかを自動的に審査するシステムがあります。アプリがポリシーに違反していることが判明した場合、そのアプリは AI Studio から削除されます。ポリシー違反には、次のようなものがあります（これらに限定されません）。
- マルウェア、フィッシング、なりすましを含むアプリ
- 児童への性的虐待の画像に関するポリシーに違反するコンテンツを表示または配信するアプリ
- ハラスメントに関するポリシーに違反するコンテンツを表示または配信するアプリ
- ヘイトスピーチに関するポリシーに違反するコンテンツを表示または配信するアプリ
- 人身売買に関するポリシーに違反するコンテンツを表示または配信するアプリ
- 性的描写が露骨なコンテンツに関するポリシーに違反するコンテンツを表示または配信するアプリ
- 暴力的または残虐なコンテンツに関するポリシーに違反するコンテンツを表示または配信するアプリ
- 有害または危険なポリシーに違反するコンテンツを表示または配信するアプリ
アプリがポリシー違反としてフラグ設定され、誤りであると思われる場合は、再審査請求を送信できます。ポリシーの度重なる違反が認められた場合、AI Studio へのアクセスが停止されることがあります。
アプリ デベロッパーとしての責任は何ですか？
前述のとおり、アプリケーションの所有者として、アプリケーションの動作と処理するすべてのデータに対する責任を負います。これには以下が該当します。
- 法令遵守と第三者の権利: アプリが適用されるすべての法律や規制に準拠し、知的財産権やプライバシーの権利など、他者の権利を侵害しないようにします。
- コンテンツのモニタリング: アプリで使用される 他のサービスには、追加利用規約が適用される場合があります。たとえば、 Google Cloud 利用規約（ Firestore に適用）では、第三者のコンテンツをホストするお客様は、禁止されているコンテンツ（違法な コンテンツなど）を定義するポリシーを公開し、その違法なコンテンツの有無をモニタリングする必要があります。
- 安全な実装: アプリケーションの不正使用を防ぐために必要な保護措置とモデレーション ツールを実装します。
利用規約の使用制限 にご注意ください。
AI Studio のアプリギャラリーのアプリに適用される規約は何ですか？
特に明記されていない限り、AI Studio のアプリギャラリーに掲載されているアプリの使用には、Gemini API 追加利用規約 が適用されます。
次のステップ
- フルスタック アプリを開発する（ウェブ）
- Android アプリをビルドする
- App Gallery で例を見る。