本資料はこちらの体験会で使用するハンズオン資料となります。
LINE Developersのアカウント設定やOpenAIのAPI_key、make(integromat)のアカウント作成などは実施をお願いします。
本記事にはLINE Messaging APIのCHANNEL_ACCESS_TOKENなど記載されていますが、本来は悪用を防ぐために、漏洩には十分注意してください。記事中のキーは全てハンズオン用に取得したものであり、イベント終了後は使用できないものとなっております。
イベントに参加いただくにあたって
今回の目標
今回のイベントでは
- 入力した文字がそのまま帰ってくる、オウム返しLINE Botをつくる🦜
- LINEを通じてDALL-EのAPIを叩き、文字から絵が返ってくるようにする🖼
- プロンプトを調整し、任意の画風に仕上げる✍
以上、3点が実施できることを目標としています。
更にミニハッカソンとして、自分オリジナルのLINE Bot作成にも挑戦していただきますので、作ってみたい題材も頭の片隅で考えてみてください。
途中経過も含めて、スクリーンショットや動画をtwitterに #protoout #LINEDCをつけて発信してみましょう。
ハンズオンについていけなくなってしまったら
普段の授業では時間をとって説明するようにしていますが、今回は限られた時間で実施するイベントとなりますので、もしかするとすべての方が進行通りに作成することは難しいかもしれません。
もしついていけなくなってしまったら、
- 一旦は画面の中での説明をしっかり聞いて、今何をしようとしているのかを理解してみてください。
- 今回利用する
makeというサービスはモジュール単位で作業を進めますので、現在のモジュールは一旦あきらめて次のモジュールから再度手を動かしてみてください。 - 途中に休憩時間を設けますので、その時に質問してみてください。
また、参加いただいた方には動画も共有されるかと思いますので、後日改めてじっくりと挑戦してみてください。
以下、ハンズオンの作業資料です
おうむ返しBotの作成
まずはリプライメッセージを送るLINE Botの基本となるおうむ返しBotを準備します。
こちらの記事の「おうむ返しBotの作成」の章を参照
OpenAI モジュールの組み込み
OpenAIのAPI（Generate an Image）を叩いて、返ってきた画像URLをリプライするLINE Botを作成します。
目標となる形
Generate an Image
- モジュールは画像の通り、
Generate an Imageを選んでください。ConnectionのAddボタンをクリックし、取得したAPI KeyとOrganization IDを入力します。
- Promptのところには
Events[]:Message.Textを入力してください。これでLINEに入力した言葉でDALL-EのAPIを叩くことができます。
Send a Reply Message
- 先ほどはMessagesのTextのところに送られてきたテキストをそのまま返すようにしていましたが、今回はまず
TypeをImageに変更します。その後2か所のURL記入欄にData[]:urlを入力します。これが、DALL-EのAPIから返ってきた画像のURLとなります。
実行すると画像が生成されて返信されます。
プロンプトの設定
DALL-Eに特定の役割を与え、自分の想定した画風を引き出す技術がプロンプトの調整となります。詳細は下記リンク先DALL・Eで使えるプロンプトまとめなどを参考にしてみてください。
今回はクロード・モネ風の画像を生成してもらいましょう。
Generate an Image
- Promptの
Events[]:Message.Textの横にpainted by Claude Monetと入力して下さい。
プロンプトを与えた場合の返答
発展 「ちょっと待ってね…」を先に返信する
画像生成には少し時間がかかるので、「ちょっと待ってね…」というメッセージを一旦返しておきます。
目標となる形
Send a Push Message
- モジュールは画像の通り、
Send a Push Messageを選んでください。To欄にはEvents[]:Souce.User IDを入力し、Textの中身も任意でメッセージを入力してみましょう。
画像生成前に一旦返答されるようになります
発展 ChatGPTと会話できるLINE Botを作る
こちらの記事の「OpenAI モジュールの組み込み」以降の章を参照
ミニハッカソン：オリジナルのお絵描きLINE Botを作成しましょう。
- 今回紹介したMakeとDALL-EのAPIを活用して、オリジナルのお絵描きLINE Botを作成してみましょう。
- プロンプトの調整は、APIを叩くだけではなくwebのDALL-Eも活用してみましょう。
- 作成したら動く様子を表したスクリーンショットや動画をtwitterに
#protoout#LINEDCをつけて発信してみましょう。 - 2名程度発表していただきます。迷ったら発表テンプレートは下記の通り
お名前
普段のお仕事や活動紹介
なぜこのLINE Botを作ろうと思ったか
こだわったポイント
企画を立てる上で重要なプロトアウトとしての考え方
- 企画はどこかで聞いたことのあるような広いものではなく、自分だから思いつくような尖ったものだとなおよいです。
- 完成するのではなく締め切りがやってくるのです。まずは時間内に作り上げることができるものを、素早く作りましょう。
せっかく作ったものは積極的に発信しましょう（企業機密発信してはだめですが）