LINEでChatGPTに指示してイラストを描いてもらう
今日はノーコードツールのMakeを利用して、LINEで文章を送って、その文章にあったイラストをLINEで返してもらうチャットボットを作成します。
その名も「LINE illustration generator」
空いた時間にブログのアイキャッチや素材を作ってもらえて便利ですよ。
![](https://kiko-an.com/wp-content/uploads/2023/04/photo1-1024x919.jpg)
Makeで作成する手順
MakeでLINEdevelopersとChatGPTを繋げる
LINEとMakeを連携させる方法は下記のブログ記事を参照ください。
![](https://kiko-an.com/wp-content/uploads/2023/03/アイキャッチ-300x245.jpg)
Makeアカウントの作り方は下記の記事を参照ください。
![](https://kiko-an.com/wp-content/uploads/2023/03/アイキャッチ.jpg)
OpenAIのアカウント作成については検索してみてください。
ChatGPTブームなので、分かりやすい解説がたくさんありますね♪
MakeとChatGPTとLINEの連携
LINEdevelopersとMakeのアカウントが作成してあると思いますので、Makeで連携させていきます。
https://developers.line.biz/console/
Makeのシナリオを解説
最初はLINEモジュールのWatchEventを設定します。
![まずはLINEを設定](https://kiko-an.com/wp-content/uploads/2023/04/00.jpg)
次はWebhook設定ですが、前回のやまびこBotをそのまま使い回します。
LINEdevelopersのやまびこBotのWebhook設定へURLを設定してね。
![Webhook設定で山びこBotをそのまま使い回します。](https://kiko-an.com/wp-content/uploads/2023/04/01.jpg)
LINEdevelopersのやまびこBotのWebhookURLへ先ほどコピーしたMakeのURLを貼り付けます。
![先ほどのURLを貼り付ける](https://kiko-an.com/wp-content/uploads/2023/04/02.jpg)
LINEモジュールのWatchEventがセットできたら、次はOpenAIモジュールをセットします。
ChatGPTも、DALL・Eもプログラム無しで簡単に扱えるのはMakeならではですね。
![ChatGPTモジュールを作成します](https://kiko-an.com/wp-content/uploads/2023/04/03.jpg)
OpenAIモジュールにはいくつかのアクションがセットされています。
今回は上から4つめの「Generate an Image」を選択します。
![イラスト作成アクションを選択します](https://kiko-an.com/wp-content/uploads/2023/04/04.jpg)
次に内容をセットします。LINEのメッセージをそのままOpenAIのDALL-Eへ渡します。
![メッセージをDALL-E2へセットします](https://kiko-an.com/wp-content/uploads/2023/04/05.jpg)
ConnectionはAddよりOpenAIのAPIをセットしてください。
ChatGPTもDALL-Eも同じAPIが利用できます。便利ですね♪
「Prompt」はLINEのメッセージを選択してください。
Sizeは「1024×1024」「512×512」「256×256」から選べます。
(1枚当たりの価格が変わります。)
Response Formatは「URL」となります。LINEへはURLで渡します。
「N」はイラストの作成枚数ですが、1としてください。LINEへ送る場合、2以上にするとエラーとなります。
(LINE ReplyTokenで、DALL-Eより作成されたイラストを2枚送信する方法をどなたか教えてくれませんか?)
ここまできたら一度「Run Once」を押して、動作確認します。LINEからメッセージを送ってみて下さい。
![画像は出ず、文章だけとなります。](https://kiko-an.com/wp-content/uploads/2023/04/photo3-e1680334900382-1024x371.jpg)
1という数字がそれぞれのモジュールに付いたら動作OKです。
![ここでRun Onceで動作確認](https://kiko-an.com/wp-content/uploads/2023/04/06.jpg)
![きちんと動作した](https://kiko-an.com/wp-content/uploads/2023/04/06_1.jpg)
最後はLINEモジュールのSend a Reply Messageアクションの設定です。
「Send a Reply Messageアクション」を選択します。
「Connection」はやまびこBot、「ReplyToken」はLINEモジュールのEvent➡ReplyTokenの変数をセット。
「Messages」の「+Add Item」を開いて、「Type」は「image」、「Original Content URL」はOpenAIモジュールの「Data」-「url」の変数をセット。
「Preview Image URL」も同じくenAIモジュールの「Data」-「url」の変数をセット。
下記のようにセットしてね。
![Send a Reply Messageアクションを設定](https://kiko-an.com/wp-content/uploads/2023/04/07.jpg)
![ReplyTokenを設定](https://kiko-an.com/wp-content/uploads/2023/04/08.jpg)
![imageにして、DALL-EのURLを設置](https://kiko-an.com/wp-content/uploads/2023/04/09.jpg)
これで完成となります。
![Run Onceで動作確認しよう](https://kiko-an.com/wp-content/uploads/2023/04/11.jpg)
![画像が表示された](https://kiko-an.com/wp-content/uploads/2023/04/photo3-1-926x1024.jpg)
OpenAI DALL-Eの1枚当たりの価格は?
下記の通りです。
- 1024サイズ: 0.02ドル
- 512サイズ : 0.018ドル
- 256サイズ : 0.016ドル
性能はDALL-Eなので他のイラストジェネレーターより少し落ちますが、その分お安い価格となっていますね。
Promptを駆使したら、もう少し良いイラストが生成されそうですが、まだ勉強中です。
![一番高い1024サイズでも1枚0.02ドルと安め。](https://kiko-an.com/wp-content/uploads/2023/04/13.jpg)
英訳してDALL-Eへ渡すには?
先ほど作成したLINE illustration generatorは、日本語をそのままDALL-Eへ渡しています。
DALL-Eは日本語が苦手なので、日本語では伝えたままのメッセージを作成してくれません。
もう一工夫が必要ですよね。
それは「英訳」です。
ここまで作れた方ならモジュールを追加するのは余裕だと思います。
DeepLのAPIは無料枠が多くて良さげなので、間に挟み込んでみました。
完成図を置いておくので、ぜひチャレンジしてみて下さいね。
![](https://kiko-an.com/wp-content/uploads/2023/04/14-1024x319.jpg)
![DeepLを利用してね](https://kiko-an.com/wp-content/uploads/2023/04/15-1-855x1024.jpg)
不明な点はお気軽にコメントしてくださいね。
コメント