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://qiita.com/okinakamasayoshi/private/f42b6dc36e77cd453b7d)

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

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

https://eu1.make.com/

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

## 1.イベント概要
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/430cd855-059b-42f1-bd0a-c1781925ee58.png)

**『公式アカウントでカスタマーサポートを導入したいんだけど、対応リソースが無くて…』**
そんな課題はありませんか？本イベントでは**ChatGPTなどの生成AIを活用した接客ツール**を一緒に作り、手間のかかる文面生成のコストの大幅削減を目指します！

顧客からの問い合わせに自動返信するのではなく、緊急度合いを付与した上で一時的にkintoneに格納し、kintone側で緊急度合いが高いものを優先的にChatGPTの支援を受けながら文面生成、そしてLINEで返信。これにより対応リソースの削減と顧客満足度の向上の両立が可能になります！

## 2.公式アカウントとおうむ返しBotの作成

**まずはリプライメッセージを送るLINE Botの基本となるおうむ返しBotを準備します。**

### 2-1.公式アカウント作成

 <details><summary>こちらをクリックで表示
 <font color="Red">(知ってるよ！という方はスキップ)</font></summary><div><br><br>


LINEが入ったスマホを手元に準備し [こちら](https://developers.line.biz/) にアクセス

https://developers.line.biz/

 ◆自動翻訳が出たら「英語」を選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/8a7481c5-20bb-de8c-1ba1-f6c624c65f03.png)

 ◆日本語を設定→コンソール
![](https://storage.googleapis.com/zenn-user-upload/38eb277e6866-20220227.png)

 ◆LINEアカウントでログイン→QRコードログイン
![](https://storage.googleapis.com/zenn-user-upload/a92e377ea0d3-20220227.png)

 ◆QRコードをスマホで読み込み→ログイン→スマホで認証番号4桁を入力
![](https://storage.googleapis.com/zenn-user-upload/e6b45b9a9767-20220227.png)

 ◆下記の通り進める
![](https://storage.googleapis.com/zenn-user-upload/6a43f137648c-20220227.png)
![](https://storage.googleapis.com/zenn-user-upload/bc5c03895438-20220227.png)
![](https://storage.googleapis.com/zenn-user-upload/872b672e0774-20220227.png)
![](https://storage.googleapis.com/zenn-user-upload/927d49a836e1-20220227.png)
![](https://storage.googleapis.com/zenn-user-upload/13e832f6829f-20220329.png)
![](https://storage.googleapis.com/zenn-user-upload/97c1991a105d-20220227.png)
![](https://storage.googleapis.com/zenn-user-upload/b6b5bb30858f-20220227.png)
![](https://storage.googleapis.com/zenn-user-upload/84e50170bbb8-20220227.png)

 ◆LINE Official Account Managerをクリック
![](https://storage.googleapis.com/zenn-user-upload/e1ef35002f4d-20220227.png)

 ◆①～⑤の通りクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/b1a8643c-0534-7a3d-1941-61fee52543c3.png)


 ◆LINE Official Account Managerに戻る→Messaging API設定→QRコードから友達登録
![](https://storage.googleapis.com/zenn-user-upload/79e74cbbc17f-20220227.png)

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

</div></details>

#### 参考：LINE公式アカウントとは？

 [こちらのページ](https://www.ooh.co.jp/blog/?p=219)で分かりやすく解説されています

 https://www.ooh.co.jp/blog/?p=219


### 2.2 おうむ返しBotの作成

 ◆まずはMakeログイン
 <details><summary>こちらをクリックで表示
 <font color="Red">(知ってるよ！という方はスキップ)</font></summary><div><br><br>

 [こちら](https://www.make.com/en) を開いて下さい

 https://www.make.com/en

 ◆自動翻訳が出たら『英語』をクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/53c5e0ac-35dc-12a6-fce6-31c1fb18ab3e.png)


 ◆Sign in→Make platform
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/e2dbbdc9-eef3-b10b-f015-0c2776806d2b.png)

 ◆Sign in with Google→自分のアカウントを選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/3550ab09-74ea-b2ff-eb9c-cb52b4a29680.png)

 ◆この画面になった場合は下記の通り進める(でなければ無視)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/998a1d97-8b78-61d8-3a29-c0d26bb73b92.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/871b8ef1-204c-994f-188b-b48da01051b8.png)

 ◆この画面になればOKです
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/a20dc88b-3264-77e8-fbdc-61586c3151a5.png)

</div></details>

 ◆下記の通りBotを作っていきます
 ![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)

#### 参考：Makeの用語 これだけは覚えよう
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1793443/c081e93c-6a90-196e-0f6b-2907effb67f9.png)

## 次の記事に続く

https://qiita.com/cog1t0/private/32669847456a74048bbe

https://qiita.com/RyBB/private/746eae97e34ada250ef2?fbclid=IwAR37T2pfWaQK25JzXDmKGh_qKieyQFw5lX0PljpHTzdCQKRSHfd8zx81kyU