LINE用のChatGPTキャラボットを作成してみた

最近、ChatGPTに出会ってそのパフォーマンスに感銘を受けました。これで、
より本格的なキャラクターボットを作成できるのではないかと思い、調べていたところ、この記事に出会いました。
これを読んで、すぐに自分でも作成してみたくなり、早速、作ってみました。

[ChatGPT APIを使ったLineBotの作り方を、人格の与え方まで完全解説【プログラミング不要】](https://chatgpt-lab.com/n/n55257c082a9d)

下記手順は自分でやってみた時の内容ですので本家を見ていただいた方が良いと思います。

#  ■Line Developerの登録
以下のサイトを参考にさせていただきました。
https://lme.jp/media/line/developer/

個人用アカウント登録しました

プロバイダーの作成
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/115627/b5e9fb49-cb0f-6fdc-ee61-baed0b79eb53.png)

チャネルを作成
MeesageAPI
画像ファイルを一度登録すると変更できない？

自動応答をON/OFF、友達追加時のメッセージの設定
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/115627/a722014c-76ee-dd71-0e1f-f8046be27f1f.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/115627/1fd98033-6e7f-51c7-7996-65118106a690.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/115627/37671008-d40a-3b83-7e27-4552fe278859.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/115627/a36c2afc-1da1-ffe6-8184-5a8de1bea92d.png)

LINE ACCESSトークンの取得(Channel access token)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/115627/ea4cae65-3d52-2f26-8c55-74ddc4fc7222.png)

#  ■OpenAIからAPI Keyを取得
https://platform.openai.com/account/api-keys

#  ■Google Apps Script（GAS）を作成
https://chatgpt-lab.com/n/n55257c082a9d
にあるスクリプトをそのまま引用させていただきました。

↓のようにLINE ACCESSトークン、OpenAIからAPI Keyを登録します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/115627/2e23e305-17d3-7974-40cc-fc643437a154.png)

#  ■GASのデプロイ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/115627/e47c27b3-a19c-4e98-be41-c9af0bd87e07.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/115627/01078ae6-b3a8-0ba5-4a85-93678019db52.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/115627/f061f0a2-89cc-54db-30d0-fe969b1930cc.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/115627/e609bd45-0076-e894-7229-3d3101ee6984.png)

Google連携で↓のエラーが発生
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/115627/b82c44b2-c330-ca79-67eb-4ec4558e04cb.png)

Advancedを押してUnsafeをクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/115627/8253de4b-80b2-ac87-7351-2862f3910ae6.png)

あとはAllowを押せばOK
URLが生成されるのでそれを保存しておく

#  ■Line Developerの設定でWebhookの設定
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/115627/6c2bed5b-b7d8-f7ec-5326-f4ec13312e81.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/115627/a298f761-78a4-f467-19c2-958dcc700289.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/115627/3b293492-a917-f1e0-02a8-4b0464bc9926.png)

#  ■スマホのLineで友達登録テスト
↓QRコードをスマホのLINEで友達追加→QRコードで読み取る
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/115627/246b0c14-cdf6-7925-9331-1935ef1810a3.png)

![7AC66535-C8C9-4B93-8129-AB0163C2EB17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/115627/537236d7-7741-3a5f-8962-76540040a782.png)

自動応答メッセージ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/115627/0c0d0e1e-17a3-bcb9-6416-8f66c33dac2e.png)

何かがおかしい。。。
![9BBE996C-D184-44B8-8582-99276F40C903.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/115627/90b5266f-1b5f-2118-8b57-048be917c718.png)

↓でOFFにすると自動応答のメッセージが出なくなる
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/115627/50158825-f4bd-3ac9-8505-0ad9c6a9ed06.png)

#  ■チャットボットに人格を与える
https://chatgpt-lab.com/n/n55257c082a9d
再度↑にあるスクリプトをそのまま引用させていただきました。

GASをデプロイすると再度WebURLをLine DveloperのWebhook設定しなおす必要がある。

![EA26153E-AFF8-41A6-8163-44AC42CBB276.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/115627/90695409-c577-1847-5d53-2f1b01ae5173.png)

#  ■最後に
本当に凄い時代になりました。
スマホが今では当たり前のようにみんな持っているのと同じようにこれからChatGPTなどのAIサービスが爆発的に普及していきそうですね。