こんにちは。FlutterFlowの機能拡張が止まりません。

今回はGoogleのGemini AIと連携できるようになりました。設定からGemini AIをONにしてAPIキーをいれるだけで使えるようになります。API設定をする必要さえありません。

今話題のGeminiなど、AI周りはすぐ抑えにいくところもさすがですね。

先日の「FlutterFlowが2,550万ドルのシリーズA資金調達」の記事でも書かれていたように、「AIへの大幅な投資」が実際に行われていると言うことでしょうか。
今後も楽しみですね。

では、FlutterFlowとGoogle Gemini AIとの連携方法について書いていきたいと思います。

Geminiの設定をEnableにしてAPI Keyを入れるだけ！

とても簡単です。API呼び出しの設定も不要です。

単に設定のGeminiのところのEnable GeminiをONにするだけ。あとは自分のGeminiのAPIキーを貼り付けるだけです。

これは簡単・・・！

今後他のAIサービスなどもこんな感じでより便利に組み込まれていくかと思うと、「ノーコードx AI」を組み合わせたサービスはどんどん加速しそうですね。

使い方も簡単。

使い方はこんな感じです。

テキストのプロンプトを渡す方法

以下の例は、ボタンを押すと、ユーザーに入力されたプロンプトをGeminiに渡して回答をテキストで表示するものです。

ボタンアクションで、Gemini Generate Textで、Generate Textを選択します。

Action Outputに名前をつけておいて、テキストフィールドのWidget側でそれを表示するだけです。

画像も渡す方法

Geminiにはテキストだけではなく画像も渡せます。

さっきと同じ容量で、今度は「Text From Image」を選択し、テキストのプロンプトとアップロードされた画像を渡してあげればOKです。

Youtube動画での解説はこちら

FlutterFlowとGeminiとの連携も試してみたのでこちらもどうぞ。

アプリ・Webサービスの開発の無料相談はこちら

FlutterFlow、Adalo、bubble、STUDIOなどのノーコードツールを使うことで、リスクを抑えて低コストでスピーディにビジネスアイデアを形にすることができます。

弊社はスタートアップ・新規事業向けにコストを抑えた最速のアプリ・Webサービスの開発、さらにはサービス立ち上げのコンサルティングから提案を行なっております。

また、法人向けにノーコードのスクール事業を通して内製化のサポートも行っています。

アプリ、Webサービス、LPなどの構築に興味のある方は、こちらからご気軽にご相談ください。