Gemini API を使用してアプリを作成する

Project IDX では、ボタンをワンクリックするだけで、Gemini API を使用して AI アプリにスムーズに移行できます。必要なすべての Gemini API plumb を含むテンプレートを使用して、アプリで Google の最新の生成 AI モデルの使用を開始できます。API キーを入力して開始します。

Gemini API をプリロードして新しいアプリをビルドする

テンプレート ダッシュボードから IDX Gemini API テンプレートにアクセスし、AI を活用してビルドします。

IDX の Gemini API テンプレート オプションの画像

  1. IDX テンプレート ダッシュボードから Gemini API 用の IDX テンプレートを開きます。
  2. 環境に合わせて言語とフレームワークを選択します。IDX の Gemini API テンプレートは、JavaScript（Vite を使用）と Python（Flask を使用するノートブックまたはウェブアプリ）で利用できます。今後、さらに多くの言語とフレームワークを利用していく予定です。
  3. （省略可）LangChain フレームワークをアプリに追加する場合は、[Use LangChain] オプションを選択します。
  4. ワークスペースが読み込まれたら、main.js ファイルまたは main.py ファイルを開き、Google AI Studio の Gemini API キーで API_KEY 変数を更新します。
  5. ウェブ プレビュー パネルでベースアプリをテストして Gemini API の動作を確認し、必要に応じて新しい Gemini API アプリを変更します。

Gemini API を既存のアプリに追加する

IDX から直接、Gemini API を既存のアプリに追加することもできます。

  1. プロジェクト IDX を開きます。

  2. ナビゲーション・ペインの IDX アイコンをクリックして、IDX パネルを開きます。

  3. [Google Integrations] セクションを開き、[Add Gemini API] をクリックします。

  4. 画面の指示に沿ってアカウントを認証し、アプリに Gemini API キーを追加します。