Qiita初？ [Gemini+LINE]動画分析もできちゃうAI Botをノーコードで作ろう！

https://linedevelopercommunity.connpass.com/event/310494/

本資料はこちらのイベントの事前準備資料となります。

24年4月19日 ハンズオン動画も公開されました！

<iframe width="560" height="315" src="https://www.youtube.com/embed/PYFzXOtp89k?si=H2x2Kly_UPBvqMOh" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

Geminiを搭載したAI LINE Botを一緒に作りましょう！

完成図はこちら
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/ee6469a4-6a84-a2b0-a809-467115520625.png)

賢いGeminiは言語生成だけでなく、**画像・動画もサクッと分析**してくれます。
そしてOpen AI と比較してもとにかく**返信が早い**🚄
そしてそしてOpen AI より**安い**💰

Geminiに関しては[こちらの記事](https://qiita.com/njn0te/items/afad790f15a974c9224f)でさくっと理解しましょう

https://qiita.com/njn0te/items/afad790f15a974c9224f

ノーコードなので非エンジニアでも簡単！早速作っていきましょう！

## 事前準備と目標

**①Vertex AI API(GCP)の設定**

https://qiita.com/okinakamasayoshi/items/defeb9db5e4303ca2563

**②LINE 公式アカウントの作成**
※記事内のOPEN AI APIkeyの設定は不要です

https://qiita.com/okinakamasayoshi/items/bf9593b2af20148c4d19#1line%E5%85%AC%E5%BC%8F%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E4%BD%9C%E6%88%90

事前準備が済んだら


**・入力した文字がそのまま帰ってくるオウム返しLINE Bot**
**・GeminiをLINE Botに搭載してプロンプトを変えてみる**
**・画像や動画を分析させる**

の3つをノーコードサクッと、初心者🔰にも分かりやすく解説していきます！

途中経過も含め、Xに  `#LINEDC`をつけて発信しよう！

## おうむ返しBot

まずはLINE Botの基本となるおうむ返しBotを作ります。
makeで作成しますので、知っている方はこの章はスキップして下さい。

 <details><summary>おうむ返しBotの作り方はこちら
 <font color="Red">(クリックで表示)</font></summary><div>

◆【再掲】公式アカウント作成

[まずはこちらからこちらの手順](https://qiita.com/okinakamasayoshi/private/bf9593b2af20148c4d19)から公式アカウントを作成

このようなメッセージが返ってきたら成功です
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/c7275f72-e3f5-7a3c-a644-d45451768546.png)

◆makeの設定

 [make](https://eu1.make.com/)にて 画面の通りに進めましょう

◆下記の通り進める
 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/fff9b824-b3db-b8ae-7434-e51f2fa53add.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/b9bd5ab4-e843-0be6-ee69-b16354898fe2.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/abd19b27-64f0-3c98-a57f-966ce1af0ddf.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/6c63a6b1-91a5-43a5-82a3-1177ab9c6991.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/9209ddd4-c097-978f-6d4c-16f9f71167e0.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/e35909ad-46f6-8d58-a777-01fc7a2466e2.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/d2dd762f-78c0-90c2-622d-851a2022047a.png)
 ページを切り替えます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/0b58ac48-04c9-f4eb-38a8-20c4a478a72d.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/20eb1db4-aca9-e7c1-f741-cb2d4550fd53.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/c6ed1fb4-7dd0-54e7-a3e9-7be67eed3edf.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/edba2dba-adad-5fef-2574-148c56ff6be5.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/7cd335c4-aebf-664f-c705-3c677e771b60.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/36ecdae4-58e0-ffe6-5060-2ff6b54953ce.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/b700528b-913a-bba7-f368-c945ceec3edc.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/4a9e3491-8367-f9e6-2780-8f3ecae1980e.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/cfe4e116-d6df-17a7-ada2-03947603c76c.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/66ea509a-56dc-c6fc-8ecd-a72098aa62ae.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/855baada-1364-b302-16ae-2e303d4ca551.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/3c4d5770-c736-9cec-a89d-284cc90e3908.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/fa2c3246-73ef-11ae-6d32-b0b798a5041d.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/96f50be5-dfb4-1729-d04f-dd773ff47d63.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/18663728-72ae-4c26-9458-438750431c6c.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/a1ab139c-92c5-3018-7018-67634346a746.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/f87ddbb4-74ea-8516-b5da-bffbbbf1c648.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/2c50dcda-9937-74a6-fd08-b392d958f240.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/7eec0999-7260-d78c-a655-ee505a537e81.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/2f100354-9ebc-c4f2-7cbd-320842267e56.png)

 <font color="Red">**今のところ毎回「Run Once」をクリックしないと動きません**</font>
 </div></details>

 ## Geminiに返答させよう

 ◆目指す姿
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/db631d4f-3c06-c372-e449-8ad24c8b031c.png)

再掲：こちらの手順を進めるには[事前準備](https://qiita.com/okinakamasayoshi/items/defeb9db5e4303ca2563)が必要です

https://qiita.com/okinakamasayoshi/items/defeb9db5e4303ca2563

◆下記の通り進めましょう

Geminiのモジュールを追加
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/07d4c451-ec48-6bf9-ebe7-0b9c02352c6b.png)

事前に作成したGCPを繋ぎます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/4cb6ecc4-7fbf-b941-32ca-ccfc32841da5.png)
GCP選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/fa7992b9-376b-ebe0-bc92-9594f09c831d.png)
MessageにLINEの入力を反映させる
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/3ea07388-5193-2c33-6e65-b262e6f270fc.png)

次に右側のLINEモジュールの中身を変えていきます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/740524d3-f78e-aca5-a121-b586684f3d82.png)

RunOnceを実行して試してみましょう！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/8d51bc40-3556-e54c-a411-4319e93abbab.png)

 ## プロンプトを変えてみよう

 Geminiモジュールの中身を書き換えてみよう
 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/ccb86b6e-c9dc-0a2a-67a9-218548e8dccc.png)

色々と変化を楽しんでみてください
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/167be855-644c-5852-a903-567466bec0b2.png)

 ### 応用編① データベースから会話

いずれの応用編もOPEN AI APIを使用していますが
Open AI モジュール→Geminiモジュールに変えればOKです！

 https://qiita.com/okinakamasayoshi/items/d51ce5b6f795680113d4

 ### 応用編② 過去の会話を記憶

  https://qiita.com/okinakamasayoshi/items/07a6b2c41fb6d50dbd5e

 ## 画像や動画を分析しよう

◆目指す姿
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/4aec07f5-8016-d74f-742b-418b74d20b74.png)

◆LINEモジュールを追加
左のLINEとGeminiモジュールの間にモジュールを追加します
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/c3c8e79b-208c-887d-94d3-ba12babef6f5.png)
下記の通り選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/b04465f2-be9e-9830-cb70-129955a85073.png)
Connectionを選択し、Message IDを設定
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/f25b43aa-69e9-e64e-f02d-511266b688e5.png)

◆Geminiモジュールの設定
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/d5c82436-7b97-dd03-2f60-ef4121b969cd.png)

◆右側のLINEモジュールの設定
一度削除して再度textの中身を変更
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/5ad8b604-e093-10fa-e588-dddfbef6d931.png)

Run Onceで実行 画像が分析されます！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/88865fcf-db25-eaff-9753-046104f1fb80.png)

◆プロンプトを変更して遊んでみよう

クイズを出させてみる
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/ae76394a-588d-5ba9-5d76-00c3f5df8f2e.png)

プロのカメラマンに撮影アドバイスを受ける
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/8b145da3-daf2-2d1c-15e4-b708efffae33.png)

写真からレシピを考案させる

https://qiita.com/okinakamasayoshi/items/ddc2876953c6871581a2

◆動画を分析しよう

ファイルタイプ(MIME TYPE)を変更すればOKです
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/d002b73d-3e6a-7dfe-0890-179918f8d532.png)

## LINE Botライフを楽しもう!!

 プライベートでもビジネスでも大活躍のLINE！

 企業用LINE Botを完全外注すると〇〇百万円なることもあります。
 AI搭載した簡単なLINE Botくらいはまずは自分で作り、
 外注部分を最小化すれば、色々と可能性が広がりそうですよね。

 [LINEDCコミュニティ](https://linedevelopercommunity.connpass.com/)でも楽しいイベントが沢山ありますし、
 [YouTubeチャンネル](https://www.youtube.com/channel/UCZkYYwmvSA6y7WWLxM5x9IA)にはすぐ真似できる動画も盛り沢山!

 みなさんがオリジナルのLINE Botをどんどん生み出してくれると嬉しいです!
 またぜひどこかのイベントでお会いしましょう。ありがとうございました☻

 ◆おきなか[Twitterはこちら](https://twitter.com/okinakamasayos1)

 ◆LINE DC コミュニティ

https://linedevelopercommunity.connpass.com/

 ◆YouTubeチャンネル

https://www.youtube.com/channel/UCZkYYwmvSA6y7WWLxM5x9IA

 ◆私が通ったプロトタイピングスクール(おすすめ)

 https://protoout.studio/

 ◆最近色々なコミュニティも立ち上がりました！

 https://note.com/protoout/n/nebe3e2651bda
 
 https://note.com/m_okinaka/n/nf0cd83fba186

 過去の記事いろいろ

https://qiita.com/okinakamasayoshi

https://protopedia.net/prototyper/okinakamasayos1

Xもよければフォローしてね！

https://twitter.com/okinakamasayos1