Agent Skills by ALSEL
Anthropic ClaudeLLM・AI開発⭐ リポ 0品質スコア 50/100

firebase-ai-logic-basics

Firebase AI Logic(Gemini API)をWebアプリケーションに統合するための公式スキルです。セットアップから、マルチモーダル推論、構造化出力、セキュリティ設定まで幅広くカバーします。

description の原文を見る

Official skill for integrating Firebase AI Logic (Gemini API) into web applications. Covers setup, multimodal inference, structured output, and security.

SKILL.md 本文

Firebase AI Logic の基本

概要

Firebase AI Logic は Firebase の製品で、クライアント側の SDK を使用してモバイルアプリと Web アプリに生成 AI を追加できます。専用のバックエンドを管理することなく、アプリから直接 Gemini モデルを呼び出すことができます。Firebase AI Logic は、以前「Vertex AI for Firebase」として知られていた製品で、モバイルおよび Web 開発者向けの Google の AI 統合プラットフォームの進化形です。

2 つの Gemini API プロバイダーをサポートしています:

  • Gemini Developer API: プロトタイピングに最適な無料ティアがあり、本番環境ではペイアズユーゴー課金
  • Vertex AI Gemini API: スケールに対応した企業レベルの本番対応が必要で、Blaze プランが必要

デフォルトとして Gemini Developer API を使用し、アプリケーションが必要な場合のみ Vertex AI Gemini API を使用してください。

セットアップと初期化

前提条件

  • 開始する前に、Node.js 16 以上と npm がインストールされていることを確認してください。まだインストールされていない場合はインストールしてください。
  • ユーザーが構築したいプラットフォーム (Android、iOS、Flutter、Web) を事前に特定してください。
  • プラットフォームがサポートされていない場合、Firebase Docs にユーザーを案内して、アプリケーション用の AI Logic セットアップ方法を学習させてください(このリンクをユーザーと共有してください: https://firebase.google.com/docs/ai-logic/get-started)

インストール

ライブラリは標準の Firebase Web SDK の一部です。

npm install -g firebase@latest

firebase ディレクトリ (firebase.json を含む) に入っている場合は、現在選択されているプロジェクトがこのコマンドで「current」とマークされます:

npx -y firebase-tools@latest projects:list

現在のプロジェクトに少なくとも 1 つのアプリが関連付けられていることを確認してください

npx -y firebase-tools@latest apps:list

init コマンドで AI Logic SDK を初期化します

npx -y firebase-tools@latest init ailogic

これにより、Firebase コンソールで Gemini Developer API が自動的に有効になります。

詳細は Firebase AI Logic Getting Started を参照してください

コア機能

テキスト専用生成

マルチモーダル (テキスト + 画像/音声/ビデオ/PDF 入力)

Firebase AI Logic により、Gemini モデルはアプリから直接画像ファイルを分析できます。これにより、キャプション作成、画像に関する質問への回答、オブジェクト検出、画像分類などの機能が実現します。画像以外にも、Gemini は音声、ビデオ、PDF などの他のメディアタイプを、MIME タイプと共にインラインデータとして渡すことで分析できます。20 メガバイトを超えるファイル (インラインデータとして HTTP 413 エラーが発生する可能性がある) の場合は、Cloud Storage for Firebase に保存し、その URL を Gemini Developer API に渡してください。

チャットセッション (マルチターン)

startChat を使用して履歴を自動的に保持します。

ストリーミング応答

部分的な結果が到着するときに表示する (タイピング効果のような) ことでユーザーエクスペリエンスを向上させるには、結果の高速表示のために generateContent の代わりに generateContentStream を使用してください。

Nano Banana を使用した画像生成

  • ほとんどのユースケースでは Gemini で始め、画像品質と特定のスタイルが重要な専門的なタスクでは Imagen を選択してください。(例: gemini-2.5-flash-image)
  • アップグレードされた Blaze ペイアズユーゴー課金プランが必要です。

組み込み googleSearch ツールを使用した検索グラウンディング

サポートされるプラットフォームとフレームワーク

サポートされるプラットフォームとフレームワークには、Android 向けの Kotlin と Java、iOS 向けの Swift、Web アプリ向けの JavaScript、Flutter 向けの Dart、Unity 向けの C Sharp が含まれます。

高度な機能

構造化出力 (JSON)

応答の特定の JSON スキーマを強制します。

オンデバイス AI (ハイブリッド)

Web アプリ向けのハイブリッドオンデバイス推論。Firebase Javascript SDK はインストール後に Gemini Nano の可用性を自動的にチェックし、オンデバイス実行とクラウドホスト型プロンプト実行を切り替えます。これには Chrome ブラウザでのモデル使用を有効にするための特定の手順が必要です。詳細は ハイブリッドオンデバイス推論ドキュメント を参照してください。

セキュリティと本番環境

App Check

[!WARNING] 重大なセキュリティ要件: AI Logic を安全に使用するには、アプリで App Check を設定する必須です。これにより、許可されていないクライアントが API クォータを使用したり、バックエンドリソースにアクセスしたりするのを防ぎます。

セットアップ手順については reCAPTCHA Enterprise を使用した App Check を参照してください。

Remote Config

モデル名 (例: gemini-flash-lite-latest) をハードコーディングする必要がないことに注意してください。Firebase Remote Config を使用して、新しいクライアントコードをデプロイすることなく、モデルバージョンを動的に更新してください。モデル名をリモートで変更する を参照してください。

[!WARNING] 重大: バックエンドプロビジョニング必須 すべてのプラットフォーム (Flutter、Android、iOS、Web) に対して、npx firebase-tools init ailogic を実行してサービスをプロビジョニングする必須です。flutterfire configure はクライアント設定のみを処理し、AI サービスを有効にしないため、PERMISSION_DENIED エラーが発生します。

初期化コードリファレンス

言語、フレームワーク、プラットフォームGemini API プロバイダーコンテキスト URL
Web Modular APIGemini Developer APIfirebase://docs/ai-logic/get-started
iOS (Swift)Gemini Developer APIios_setup.md
Flutter (Dart)Gemini Developer APIflutter_setup.md

別の Gemini バージョンがドキュメントまたはユーザーによってリクエストされない限り、常に最新の Gemini バージョン (gemini-flash-latest) を使用してください。gemini-1.5-flash を使用しないでください。

リファレンス

Web SDK コード例と使用パターン iOS SDK コード例と使用パターン Flutter SDK コード例と使用パターン

Android (Kotlin) SDK 使用パターン

ライセンス: Apache-2.0(寛容ライセンスのため全文を引用しています) · 原本リポジトリ

詳細情報

作者
firebase
リポジトリ
firebase/skills
ライセンス
Apache-2.0
最終更新
不明

Source: https://github.com/firebase/skills / ライセンス: Apache-2.0

関連スキル

OpenAILLM・AI開発⭐ リポ 6,054

agent-browser

AI エージェント向けのブラウザ自動化 CLI です。ウェブサイトとの対話が必要な場合に使用します。ページ遷移、フォーム入力、ボタンクリック、スクリーンショット取得、データ抽出、ウェブアプリのテスト、ブラウザ操作の自動化など、あらゆるブラウザタスクに対応できます。「ウェブサイトを開く」「フォームに記入する」「ボタンをクリックする」「スクリーンショットを取得する」「ページからデータを抽出する」「このウェブアプリをテストする」「サイトにログインする」「ブラウザ操作を自動化する」といった要求や、プログラマティックなウェブ操作が必要なタスクで起動します。

by JimmyLv
汎用LLM・AI開発⭐ リポ 1,982

anyskill

AnySkill — あなたのプライベート・スキルクラウド。GitHubを基盤としたリポジトリからエージェントスキルを管理、同期、動的にロードできます。自然言語でクラウドスキルを検索し、オンデマンドでプロンプトを自動ロード、カスタムスキルのアップロードと共有、スキルバンドルの一括インストールが可能です。OpenClaw、Antigravity、Claude Code、Cursorに対応しています。

by LeoYeAI
汎用LLM・AI開発⭐ リポ 1,982

engram

AIエージェント向けの永続的なメモリシステムです。バグ修正、意思決定、発見、設定変更の後はmem_saveを使用してください。ユーザーが「覚えている」「記憶している」と言及した場合、または以前のセッションと重複する作業を開始する際はmem_searchを使用します。セッション終了前にmem_session_summaryを使用して、コンテキストを保持してください。

by LeoYeAI
汎用LLM・AI開発⭐ リポ 21,584

skyvern

AI駆動のブラウザ自動化により、任意のウェブサイトを自動化できます。フォーム入力、データ抽出、ファイルダウンロード、ログイン、複数ステップのワークフロー実行など、ユーザーがウェブサイトと連携する必要があるときに使用します。Skyvernは、LLMとコンピュータビジョンを活用して、未知のサイトも自動操作可能です。Python SDK、TypeScript SDK、REST API、MCPサーバー、またはCLIを通じて統合できます。

by Skyvern-AI
汎用LLM・AI開発⭐ リポ 1,149

pinchbench

PinchBenchベンチマークを実行して、OpenClawエージェントの実世界タスクにおけるパフォーマンスを評価できます。モデルの機能テスト、モデル間の比較、ベンチマーク結果のリーダーボード提出、またはOpenClawのセットアップがカレンダー、メール、リサーチ、コーディング、複数ステップのワークフローにどの程度対応しているかを確認する際に使用します。

by pinchbench
汎用LLM・AI開発⭐ リポ 4,693

openui

OpenUIとOpenUI Langを使用してジェネレーティブUIアプリを構築できます。これらはLLM生成インターフェースのためのトークン効率的なオープン標準です。OpenUI、@openuidev、ジェネレーティブUI、LLMからのストリーミングUI、AI向けコンポーネントライブラリ、またはjson-render/A2UIの置き換えについて述べる際に使用します。スキャフォルディング、defineComponent、システムプロンプト、Renderer、およびOpenUI Lang出力のデバッグに対応しています。

by thesysdev
本サイトは GitHub 上で公開されているオープンソースの SKILL.md ファイルをクロール・インデックス化したものです。 各スキルの著作権は原作者に帰属します。掲載に問題がある場合は info@alsel.co.jp または /takedown フォームよりご連絡ください。
原作者: firebase · firebase/skills · ライセンス: Apache-2.0