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 キーを追加します。