【生成AI】Gemini Pro APIでAIアプリを爆速開発 🎉

はじめに

記事投稿キャンペーン 「2024年!初アウトプットをしよう」にギリギリ投稿です！

Googleの生成AIであるGemini Proというものが使えるようになったということで、
AIアプリを爆速開発してみた！

実際に３時間くらいかかりました。

全然爆速じゃないです。ごめんなさい

(2023年12月29日〜)

※現在(2024/1 時点)は、試用期間となっており、無料 で使用可能です。

※Gemini Proを使用するには、Googleアカウントさえ取得していれば、すぐに始められます！

※ただし、Google Workspace等、管理者によって機能が制限されている可能性があります。

今回使用するのは、Google AI Studioです。
Vertex AI Studioは、Google Cloudのプロジェクトに紐づくため課金設定が必要です。

Google AI Studio

Vertex AI Studio

対象読者

• 生成AIのAPIを使用してアプリを爆速開発したい方
• 生成AIアプリをデプロイしたい方
• CI/CDも整備したい方

やったこと

Reactで生成AIアプリを作成する

完成画面

成果物

ソースコード

少し解説

1. Gemini Pro APIのサイトhttps://ai.google.dev/にアクセス

2. Gemini Pro APIのキーを取得

   「Get APIKey in Google AI Studio」をクリック
   

   紐付けは必須でないです。
   GoogleCloud(firebaseでも良い)のプロジェクトとの紐付けも簡単！
   

3. GoogleのGemini Proのドキュメントを参考にAPIを呼び出す

4. ひたすら、React で 開発！

5. firebase に デプロイ

まとめ

• 今回は、一旦、使ってみたかっただけなので、APIで直接叩きましたが、爆速開発するなら普通にライブラリを使ったほうがいいです
• とはいえ、APIでのリクエストも簡単ではありました
• プロンプトやRAGでもっと色んなことしたいですね！
• このアプリ、プロンプトクソすぎて、すぐ、AIが設定放棄します！

参考

• Gemini Pro API のリファレンス

• REST でのクイックスタート

• Node.jsでのクイックスタート