このページでは、Google AI Studio を使用して、Nano Banana や Live API などの Gemini の最新機能を試すアプリをすばやく構築（または「バイブ コーディング」）してデプロイする方法について説明します。Google AI Studio は、フルスタック ランタイムを使用したウェブアプリの構築と、Kotlin と Jetpack Compose を使用したネイティブ Android アプリの構築をサポートしています。これらはすべて自然言語プロンプトで行うことができます。
始める
Google AI Studio のビルドモードでバイブ コーディングを始めましょう。構築を開始するには、いくつかの方法があります。
- プロンプトから始める: ビルドモードで、入力ボックスを使用して、作成する内容の説明を入力します。AI チップを選択して、画像生成や Google マップのデータなどの特定の機能をプロンプトに追加します。音声入力ボタンを使用して、必要なものを音声で伝えることもできます。
- 「I'm Feeling Lucky」ボタン: 創造的なひらめきが必要な場合は、「I'm Feeling Lucky」ボタンを使用します。Gemini がプロジェクトのアイデアを含むプロンプトを生成し、作業を開始できます。
- ギャラリーからプロジェクトをリミックスする: App Gallery からプロジェクトを開き、[Copy App] を選択します。
- GitHub からプロジェクトをインポートする: ビルドモードで、プロンプト入力ボックスの [ファイルを追加]（+ アイコン）メニューから [GitHub からインポート] を選択して、既存のコードをインポートします。
プロンプトを実行すると、必要なコードとファイルが生成され、アプリのライブプレビューが右側に表示されます。
作成されるもの
プロンプトを実行すると、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 Emulator でアプリをプレビューし、ブラウザで ADB を使用して実機にインストールして、内部テスト用に Google Play ストアに公開します。
AI Studio は、Android アプリ用の Firebase とも統合されており、Firebase AI Logic と Firebase App Check（未加工の API キーを公開せずに安全なクライアントサイド Gemini API 呼び出しを行うため）、Cloud Firestore、Firebase Authentication を自動的にプロビジョニングします。
構築を続行
Google AI Studio がアプリケーションの初期コードを生成したら、さらに改良を続けることができます。
Google AI Studio で構築する
- Gemini で反復処理する: ビルドモードのチャットパネルを使用して、Gemini に変更、新機能の追加、スタイルの変更をリクエストします。
- コードを直接編集する: プレビュー パネルの [コード] タブを開いて、ライブ編集を行います。
外部で開発
より高度なワークフローの場合は、コードを同期またはエクスポートして、好みの環境で作業できます。
- GitHub と同期する: アプリを GitHub リポジトリに接続して、双方向同期を有効にします。AI Studio でプロンプトされた変更を、AI 生成の commit メッセージとともにリポジトリに直接 push できます。また、IDE でローカルで行った変更や、チームメンバーが行った変更を AI Studio に pull することもできます。同期ステータスは、[設定] の [GitHub] タブでいつでも管理できます。
- ダウンロードしてローカルで開発する: 生成されたコードを ZIP ファイルとしてエクスポートし、コードエディタにインポートします。
主な機能
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が自動的に設定されるため、手動で構成しなくてもビルドを開始できます。 - thought サーバーサイドのみ: API キーはサーバーサイドのランタイムに挿入され、クライアントサイドのコードには含まれません。
- 既存のアプリ: 2026 年 5 月 14 日より前に作成されたアプリの場合、エージェントは、アプリの Gemini 機能を次回変更するときに、Gemini API 統合を推奨されるサーバーサイド アプローチに自動的にアップグレードします。
Android アプリ
Android アプリをビルドする際、AI Studio は未加工の API キーではなく Firebase AI Logic と Firebase App Check を使用するため、認証情報が APK に埋め込まれることはありません。
Google AI Studio 以外でのデプロイ
- Cloud Run: AI Studio から Cloud Run にデプロイすると、API キーがサーバーサイド環境に安全に組み込まれます。デプロイされたアプリは、すべてのユーザーの Gemini API 呼び出しに API キーを使用します。
- ZIP のダウンロード: アプリを ZIP ファイルとしてダウンロードして別の場所で実行する場合は、ホスティング環境で
GEMINI_API_KEY環境変数を設定する必要があります。アプリの Gemini API 呼び出しはサーバーサイドのコードから行われるため、キーがエンドユーザーに公開されることはありません。
アプリを共有する際のエラー
アプリを共有し、エンドユーザーが共有 URL を使用したときに 403 アクセス制限エラーが発生した場合は、次のいずれかの原因が考えられます。
- ブラウザ拡張機能: Privacy Badger などのプライバシー拡張機能がアプリをブロックしている可能性があります。エラーを回避するには、拡張機能を無効にしてください。
- ビルドの問題: 現在のコードに問題がある可能性があります。エージェントに「現在のコードのビルドの問題を修正する」ように指示し、URL を再度共有します。
よくある質問
Build in AI Studio とは何ですか？
AI Studio Build は、Gemini を使用して、簡単なプロンプトから本番環境に対応した AI 搭載アプリケーションを構築できるように設計されたプラットフォームです。作成したいものをプロンプトで説明すると、Gemini がアプリを生成します。また、ギャラリーで Gemini API でできることを確認したり、アプリをリミックスして独自のアプリを作成したりすることもできます。
Build は Gemini API キーをどのように処理しますか？
Gemini API を使用するウェブアプリを作成すると、AI Studio は Gemini API キーをサーバーサイドのシークレットとして自動的に設定します。アプリの Gemini API 呼び出しは、このキーを使用してサーバーサイド コードから行われるため、ブラウザに公開されることはありません。API キーは、[設定] の [シークレット] パネルで確認できます。Android アプリの場合、AI Studio は Firebase AI Logic と Firebase App Check を使用して、アプリバイナリに API キーを埋め込むことなく、安全なクライアントサイド呼び出しを行います。
アプリを共有すると API キーが公開されますか？
いいえ。API キーはサーバーサイドのシークレットとして保存され、クライアントサイドのコードには含まれません。アプリを共有すると、他のユーザーはアプリを使用できますが、API キーは表示されません。
アプリを他のユーザーと共有する場合、API 呼び出しは使用量上限の対象となります。有料モデルを使用する場合は、費用が発生することがあります。AI Studio では、設定中や共有前に、アプリで費用が発生する可能性がある場合に通知されます。
アプリを閲覧できるユーザー
デフォルトでは、アプリは非公開です。アプリを他のユーザーと共有して、使用してもらうことができます。アプリを共有したユーザーは、アプリのコードを表示し、独自の目的でフォークできます。編集権限を付与してアプリを共有すると、他のユーザーがアプリのコードを編集できるようになります。
AI Studio の外部でアプリを実行できますか？
はい。AI Studio から Cloud Run にアプリをデプロイできます。これにより、サーバーサイド環境で API キーが安全に構成された公開 URL がアプリに付与されます。アプリを ZIP ファイルとしてダウンロードし、別の場所でホストすることもできます。その場合は、ホスティング環境で GEMINI_API_KEY 環境変数を設定する必要があります。Gemini API 呼び出しはサーバーサイドのコードから行われるため、キーは安全に保たれます。
デプロイ オプションの詳細については、Google AI Studio からのデプロイをご覧ください。
独自のツールを使用してローカルでアプリを開発し、ここで共有することはできますか？
はい。AI Studio アプリを GitHub リポジトリに接続すると、お好みのコードエディタや CLI ツールを使用してローカルで開発し、変更を GitHub に push してから、[設定] の [GitHub] タブを使用して、それらの更新を AI Studio に直接 pull できます。
アプリでデータベースやその他のストレージを使用するにはどうすればよいですか？
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 との双方向同期をサポートしています。
- リポジトリをインポートする: ビルドモードで、プロンプト入力ボックスの [ファイルを追加]（+ アイコン）メニューから [GitHub からインポート] を選択して、既存のコードをインポートします。
- リポジトリをリンクする: [Settings] で [GitHub] タブを開き、アプリから新しい GitHub リポジトリを作成するか、既存のリポジトリにリンクします。
- 双方向同期: AI Studio でプロンプトされた変更を、AI 生成の commit メッセージとともにリポジトリに直接 push したり、外部で行われた変更（ローカル IDE の編集やチームメイトの pull リクエストなど）を AI Studio に pull したりできます。
- マージの競合を解決する: GitHub との同期時に変更が競合した場合、AI Studio には、並べて表示される差分ビューアを含む [競合を解決する] ダイアログが表示されます。これにより、競合するファイルごとに、差分を確認して AI Studio バージョンと GitHub バージョンのどちらを保持するかを選択できます。
他のユーザーにアプリの編集権限を付与できますか？
AI Studio は、直接のリアルタイム共同編集をサポートしていません。ただし、アプリを共有の GitHub リポジトリにリンクすることで、チームメンバーと共同作業を行うことができます。チームメイトは GitHub で変更を push したり、pull リクエストを開いたりできます。これらの更新は AI Studio に pull できます。
アプリがポリシー違反として報告されたのはなぜですか？
Google では、アプリがポリシーに準拠していることを確認するため、アプリを自動的に審査するシステムを導入しています。アプリがポリシーに違反していることが判明した場合、そのアプリは AI Studio から削除されます。ポリシー違反には、次のようなものがあります（これらに限定されません）。
- マルウェア、フィッシング、なりすましを含むアプリ
- 児童への性的虐待の画像に関するポリシーに違反するコンテンツを表示または配信するアプリ
- ハラスメントに関するポリシーに違反するコンテンツを表示または配信するアプリ
- ヘイトスピーチに関するポリシーに違反するコンテンツを表示または配信するアプリ
- 人身売買に関するポリシーに違反するコンテンツを表示または配信するアプリ
- 性的描写が露骨なコンテンツに関するポリシーに違反するコンテンツを表示または配信するアプリ
- 暴力的または残虐なコンテンツに関するポリシーに違反するコンテンツを表示または配信するアプリ
- 有害または危険なポリシーに違反するコンテンツを表示または配信するアプリ
アプリがポリシー違反として報告され、それが誤りであると思われる場合は、再審査請求を送信できます。ポリシー違反を繰り返すと、AI Studio へのアクセスが停止される可能性があります。
アプリ デベロッパーとしての責任は何ですか？
アプリケーションの所有者として、アプリケーションの動作と、アプリケーションが処理するすべてのデータに責任を負うことになります。これには以下が該当します。
- 法令遵守と第三者の権利: アプリが適用されるすべての法律および規制を遵守し、知的財産権やプライバシーの権利など、他者の権利を侵害していないことを確認します。
- コンテンツのモニタリング: アプリで使用される他のサービスに追加規約の遵守が適用される場合があります。たとえば、Firestore に適用される Google Cloud 利用規約では、第三者のコンテンツをホストするお客様は、禁止されているコンテンツ（違法なコンテンツなど）を定義するポリシーを公開し、そのような違法なコンテンツの存在をモニタリングする必要があります。
- 安全な実装: アプリケーションの不正使用を防ぐために必要な保護対策とモデレーション ツールを実装します。
利用規約の使用制限に注意してください。
AI Studio のアプリ ギャラリーのアプリにはどのような規約が適用されますか？
特に明記されていない限り、AI Studio のアプリ ギャラリーに掲載されているアプリの使用には、Gemini API 追加利用規約が適用されます。
次のステップ
- フルスタック アプリの開発（ウェブ）
- Android アプリをビルドする
- アプリギャラリー の例をご覧ください。