ChatGPT × kintone × LINEで最強の接客ツールを作ろう！②

https://linedevelopercommunity.connpass.com/event/291907/?fbclid=IwAR1ZTqZdNEntjhKaGMcZapQGU7tnKOVKKhyhTfj5wGyVZED7dB5buLHNHg0

みなさん本イベントへのお申込みありがとうございます！
本資料イベントで使用するハンズオン資料となります。

可能な方は[LINE Developers](https://developers.line.biz/ja/)のアカウント設定や[OpenAIのAPI_key](https://platform.openai.com/account/api-keys)、[Make(Integromat)](https://eu1.make.com/)のアカウント作成などの事前準備をお願いします。

https://developers.line.biz/ja/

https://platform.openai.com/account/api-keys

https://eu1.make.com/

::: note alert
本記事にはLINE Messaging APIのCHANNEL_ACCESS_TOKENなど記載されていますが、本来は悪用を防ぐために、漏洩には十分注意してください。記事中のキーは全てハンズオン用に取得したものであり、イベント終了後は使用できないものとなっております。
:::

# この記事のゴール
この記事のゴールは2つあります！
## ① LINEBotとChatGPTとkintoneをとりあえず繋いでみる
## ② お客様対応ができるように設定を行う

# この記事でやること
:::note warn
この記事では以下の記事で「withMake」というサービスで「オウム返しのLINEBot」が完成している状態からスタートします。まだの人は、まず以下の記事からはじめてください。
記事を書いている人が違うので、変数の名前など微妙に異なることがありますが、気にしないでください。
:::
https://qiita.com/okinakamasayoshi/private/08d36273112000b7cd87?fbclid=IwAR0jNYFKZ4h2TsZ1yVkS98zv660p4zxyitxPu_0yV11O_Rv8NxzX-O0AfaQ

- withMakeでLINEBotとChatGPTとkintoneを繋ぐ
- chatGPTへのプロンプトを編集します
- kintoneに渡すデータを整えます

# 実装
## ① withMakeでLINEBotをChatGPTとkintoneを繋ぐ
### LINEBotとChatGPTを繋ぐ
#### openAIの必要情報を控える
[openAI](https://openai.com/)にアクセスします。
登録してない場合は登録しましょう。

:::note warn
openAIはアカウント登録から3ヶ月経つとクレジットカードの入力が必須になります。[参考](https://otona-life.com/2023/05/24/173094/)
また、chatGPT Plusの課金と、chatGPTのAPIの課金は別物です。（chatGPT Plusに入っているはずなのに！という勘違いがよくあります）
ここで詰まりたくない方は、新規でアカウントを作るのをオススメします。
:::


![スクリーンショット 2023-08-21 0.51.03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/b0d56885-42ef-2ac1-0269-c883bdba2bf4.png)
![スクリーンショット 2023-08-21 0.51.16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/a3f93a7c-3aef-32b3-5dc2-bfde794062d7.png)
![スクリーンショット 2023-08-21 0.51.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/8d40e3ec-f48e-0abf-8d7e-2cfcf91c8c1f.png)


#### withMakeでchatGPTの設定を行う
![スクリーンショット 2023-08-20 17.31.36.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/dc7e51b7-421d-778e-e457-d8774b458fc3.png)

![スクリーンショット 2023-08-29 1.23.40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/622e6fca-ed9c-2743-c4bb-cd2b99105d74.png)

![スクリーンショット 2023-08-29 1.23.55.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/36fee9ec-5995-40b7-ef7f-e43b57a317c5.png)

![スクリーンショット 2023-08-29 1.24.03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/20fad51b-4ae2-e463-f364-e14ff4f8d820.png)

![スクリーンショット 2023-08-29 1.24.13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/fb0db750-4954-406b-b0d4-8db34b9f8623.png)

![スクリーンショット 2023-08-29 1.24.19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/666df8bf-347b-fa11-fa4f-a20ce6b89b68.png)

![スクリーンショット 2023-08-20 17.32.18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/11516529-27aa-8581-b528-69809fe4865f.png)

### ChatGPTの返答をkintoneに入力する
#### kintoneのアカウントを準備します

https://cybozu.dev/ja/kintone/developer-license/

![スクリーンショット 2023-08-29 16.08.15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/9f6b5a97-7b5c-87e4-0545-ef64d3475788.png)
＊登録してから30分くらいかかることがあります

#### kintoneの設定
メールに記載された内容でログインします

![スクリーンショット 2023-08-29 16.12.13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/5ad2788d-f3fe-4fc0-ccd8-c4f8a038379f.png)

![スクリーンショット 2023-08-20 23.15.21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/786869c5-055e-e69b-4937-214535989cf3.png)

![スクリーンショット 2023-08-30 0.06.26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/37eb3608-5a3b-3621-e02e-d2840a15b1ad.png)

[テンプレートファイルはこちらからダウンロードして使ってください](https://drive.google.com/drive/folders/1-0e2H04YVU2u2OISGC1lEK5CDQH0JYhH)

![スクリーンショット 2023-08-30 0.06.38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/a7dbde1e-ab03-5ede-95f4-f7adf31ba191.png)

#### withMakeでChatGPTとkintoneを繋げる

![スクリーンショット 2023-08-20 23.38.57.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/17d3d3d6-377c-9fa0-0f4c-bf2bfd9b86df.png)

![スクリーンショット 2023-08-20 23.39.07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/3ab60c36-34d5-d825-bd62-87c4d0f2f279.png)

![スクリーンショット 2023-08-29 16.38.59.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/49fa5cee-2770-1c77-0307-5c70a706243b.png)

![スクリーンショット 2023-08-30 0.06.53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/2f2f84ce-d073-eefa-17c2-d86728b6e883.png)

![スクリーンショット 2023-08-30 0.07.03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/3029afd8-78ea-0061-f4c3-2a7acc6f2bfc.png)

![スクリーンショット 2023-08-30 0.07.26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/9aa3834c-4fa7-f514-3449-d1f7c63bd423.png)

ここまでで、下準備は完了です！
お疲れ様でした！

## ② お客様対応ができるように設定を行う
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/430cd855-059b-42f1-bd0a-c1781925ee58.png)

### chatGPTに考えてもらう内容を整理しましょう
・お客様の問い合わせへの返信の下書きを考えてほしい
・返信を人力でチェックし、完成したらLINEでメッセージを送りたい
・お客様の問い合わせの緊急度を判定しておいてほしい
・上記情報をkintoneに登録する際に便利なように、JSON形式で出力してほしい

以上よりchatGPTに与えるプロンプトを考えてみました
```
以下のお客さまからの問い合わせを分析して、緊急度と返信内容を考えてください。
出力は必ず、緊急度と返信内容に別れたJSON形式になるようにしてください。
緊急度は必ず、「高、中、低」の3つからひとつ選択してください。
```
### withMakeでchatGPTの設定
withMakeで実際に設定をしてみましょう。
プロンプトは**Role=System**としてItem1に設定します。
ユーザーからの問い合わせは**Role=User**としてItem2に設定します。

サンプルのクレーム
```
先日、あなた方のサイトから赤色のあかべこを注文いたしました。商品が到着して大変楽しみに開封したところ、中身は黄色のあかべこでした。再度、注文の確認をしましたが、確かに赤色を選択しております。私は特に赤色を楽しみにしていたため、このようなミスが発生したことは非常に残念です。誠に申し訳ございませんが、正しい商品との交換、または対応方法についてお知らせいただけますでしょうか？

何卒、よろしくお願い申し上げます。
```

では、以上の内容でchatGPTモジュールを変更して試してみましょう！
![スクリーンショット 2023-08-30 0.17.32.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/08792f07-219f-979c-3bca-6f35b87dc9a0.png)

返答はおおむね良さそうです！

### kintoneにデータ登録
![スクリーンショット 2023-08-21 0.44.46.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/a0d97143-b830-7d42-a612-06501517d3fb.png)

![スクリーンショット 2023-08-21 0.44.52.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/544da857-8a09-5c37-3d18-40de9ad4ed0c.png)

![スクリーンショット 2023-08-21 0.44.58.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/a87f0636-48e9-4b84-d3d4-4f0fa517b499.png)

![スクリーンショット 2023-08-30 0.20.52.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/1b01f28a-98c8-4bcd-dcaa-3e0ac5c34b5b.png)

Sample dataはLINEの返信か以下のサンプルを利用しましょう
```
{
  "緊急度": "高",
  "返信内容": "誠に申し訳ございません。ご迷惑をおかけしましたことをお詫び申し上げます。お手数ですが、注文番号とお客様のお名前をお教えください。すぐに確認し、正しい商品との交換、または返金手続きをさせていただきます。再度、ご迷惑をおかけしましたことを心よりお詫び申し上げます。"
}
```

![スクリーンショット 2023-08-30 0.21.44.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/d4443048-be3c-28d9-9d2e-0042423e40d8.png)

![スクリーンショット 2023-08-21 0.45.19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/164cee17-9373-e79d-21d7-bed874c08881.png)

![スクリーンショット 2023-08-30 0.26.08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/7749ff21-c85c-e9a5-ed49-34aad4d01897.png)

![スクリーンショット 2023-08-21 0.45.32.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/e7d2492a-0cc4-ebdb-82af-d5cfc0cb6240.png)

Run onceを再実行し、LINEBotの挙動を試してみましょう！
![スクリーンショット 2023-08-30 0.30.26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/27192/2a089b2e-7884-9739-0748-b85779d0def8.png)

# まとめ
プロンプトは改善の余地はまだありそうですが、
お客さま問い合わせをchatGPTに分析させ、
kintoneに情報を登録するところまでササっとできました！

次のステップに進みましょう！

https://qiita.com/RyBB/private/746eae97e34ada250ef2?fbclid=IwAR1hSJjmmv9ez3nzHgHmrFqNbKtASGcxyzOZ0fdC5obOZHF3a9vW-2t6U0w