App Prototyping agent を使用して Gemini API で新しいアプリ プロトタイプを自動的に作成できますが、ボタンを 1 回クリックするだけで Gemini Developer API で空白のキャンバスを起動することもできます。必要なすべての Gemini API インフラストラクチャを含むテンプレートを使用して、アプリで Google の最新の生成 AI モデルの使用を開始します。Gemini API キーを追加してコーディングを開始するだけです。
Gemini API がプリロードされた新しいアプリを作成する
テンプレート ダッシュボードから Firebase Studio Gemini API テンプレートにアクセスし、AI の力で構築します。
- Firebase Studio テンプレート ダッシュボードで、Gemini API の Firebase Studio テンプレートを開きます。
- 環境の言語とフレームワークを選択します。Firebase Studio の Gemini API テンプレートは、JavaScript（Vite または Genkit を使用）と Python（Flask を使用したノートブックまたはウェブアプリ）で使用できます。近日中に、さらに多くの言語とフレームワークが追加される予定です。
- （省略可）LangChain フレームワークをアプリに追加する場合は、[LangChain を使用する] オプションを選択します。
- ワークスペースが読み込まれたら、
main.jsファイルまたはmain.pyファイルを開き、Google AI Studio の Gemini API キーを使用してAPI_KEY変数を更新します。 - ウェブ プレビュー パネルでベースアプリをテストして Gemini API の動作を確認し、それに応じて新しい Gemini API アプリを変更します。
Gemini API を既存のアプリに追加する
Firebase Studio から直接、既存のアプリに Gemini API を追加することもできます。
Firebase Studio を開きます。
ナビゲーション パネルの Firebase Studio アイコンをクリックして、Firebase Studio パネルを開きます。
[Google Integrations] セクションを開き、[Add Gemini API] をクリックします。
画面の指示に沿ってアカウントを認証し、アプリに Gemini API キーを追加します。