Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
アニメ「Steins; Gate」のヒロイン ”牧瀬紅莉栖” 風に返信してくれるLINE Bot をChatGPTで作ってみた話 LINE DC Offline Meetup ~ChatGPT/LLM~ @ken_yoshida (yoyo)
Slide 2
Slide 2 text
自己紹介 ・大阪出身、10年ほど香川在住。会社員 ・趣味は、電子工作、音楽(ドラム)、 スタバ、手芸、九州温泉道擬似お遍路 ・プロトアウトスタジオ8期生(現役) アウトプット力を鍛えるべく修行中。 4月~ JavaScript, node.jsなどを勉強中 ・好きなプログラム言語は、Python
Slide 3
Slide 3 text
Steins; Gate 電話レンジ(仮) 未来ガジェット研究所 (アパートの1室) Dメール 秋葉原を舞台にした作品 ビット粒子砲
Slide 4
Slide 4 text
ヒロイン:牧瀬紅莉栖 クーデレ(クール+デレ)な感じが好き
Slide 5
Slide 5 text
構成図 メッセージ メッセージ レスポンス API
Slide 6
Slide 6 text
コードの説明(1) 各種モジュール読込み LINE BotAPI, ChatGPTAPI, Node.jsでウェブサーバ作成するモジュール LINEの設定情報 チャンネルシークレット とアクセストークン ChatGPTの設定情報 openAIのAPI Key, Organization ID
Slide 7
Slide 7 text
コードの説明(続き) プロンプトの指定 言語モデルの設定 ユーザメッセージをchatGPTに送信 して返答を取得する関数を定義 牧瀬紅莉栖がクーデレ風に 応答させるための設定
Slide 8
Slide 8 text
コードの説明(続き) 略 受け取ったイベントがテキストメッセージか判定してテキストメッセージならChatGPT に送信。ChatGPTから返答を受け取りLINE BotAPIを使用して ユーザに返信する処理 コードの全文は こちら→
Slide 9
Slide 9 text
デモ
Slide 10
Slide 10 text
メッセージのやりとり
Slide 11
Slide 11 text
プロンプト修正
Slide 12
Slide 12 text
まとめ ChatGPT×LINEを連携 ”牧瀬紅莉栖”のクーデレ感を体感できるアプリを作成 Dメール、電話レンジ(仮)、ドクペ、など Steins;Gateに出てくる専門用語も的確に応答 プロンプトの修正によりどんどん賢くなってく (最初言えなかったラボメンナンバーも正しくいえるようになった。) ChatGPTの凄さを実感した点