プログラミング無しでのLINE BOTの作り方

#はじめに
LINE BOT (**[Messaging API](https://developers.line.biz/ja/docs/messaging-api/building-bot/)**)はLINEが提供するサービスです。
LINEは、世界でもかなりのシェアを持っているSNS(個人の勝手な認識です)という事はみなさんが知っている事だと思います。様々な企業でもLINEでクーポンを配布したり、スタンプカードとして使用するなど集客ツールとして使ったりしています。

料金プランも変わって、フリープランでも友達数の上限はなくなった(多分)っぽいので気軽に始められるんじゃないかと思っています。
![スクリーンショット 2020-03-23 05.14.21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/001eea0a-32af-6f16-b605-ea2107559b3f.png)
※2020年3月20日現在

企業としてLINE BOTを利用するのであれば、当然プッシュ通知を使うケースが出てくると思うのですが、フリープランでも1,000通までは送ることが出来ますので、月に何回配信するか、友達の数は何人かなどなど考えながらプランをいい感じに変更していくと良いと思います。
3プランしかありませんが、追加のプッシュ通知の単価がめちゃ高いのでお気をつけください。

実働までは一旦、フリープランで作成していくことをお勧めします。

#今回のLINE BOT作成に必要なもの
- 個人のLINEアカウント(PCだけでも[アカウント作成出来る](https://appllio.com/how-to-create-line-account-with-pc)っぽいです。
- **[IFRO](https://ifro.ai/)**のアカウント

#IFROアカウントの作成
[以前の記事(プログラム無しでチャットボット作ってみた〜アカウント作成編〜)](https://qiita.com/mat_aaa/items/c75dd25dc086a61cda33)を参考にIFROアカウントを作成します。
アカウントの作成は**[コチラ](https://app.ifro.ai/signup)**から。


#BOT用LINEアカウントの作成
まずは[LINE Developers](https://developers.line.biz/ja/)にアクセスし、ログインしましょう。

![スクリーンショット 2020-03-23 13.54.28.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/5b6edf54-e6b7-a691-8533-706daa8777e6.png)

手元にLINEをインストールしているスマートフォンがあるならQRコードでログインした方が早いですね。
僕はパスワード覚えていないのでいつもQRコードです。

![スクリーンショット 2020-03-23 13.58.14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/7f2b6781-578f-dbe7-973d-2e4ecf0b5c59.png)

ログインするとトップにプロバイダーを選択する画面が出てきます。
まだプロバイダはないと思うので、「作成」ボタンを押して新規プロバイダーを作成します。
とりあえず、「mat、LINEボットのテスト用プロバイダー」としました。

![スクリーンショット 2020-03-23 14.03.31.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/19b153df-c5ad-d874-dccf-d26954054712.png)

Messaging APIを選択します。

![スクリーンショット 2020-03-23 14.04.33.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/c721a743-b470-2e53-a7d2-f93defbbdcb9.png)

必要な情報を入力して、LINE公式アカウント利用規約及びLINE公式アカウントAPI利用規約に同意したら作成ボタンを押します。
これでBot用アカウントの準備が出来ました。開いたページはそのままにしておいてください。

#LINE Official Account Managerの設定
ここまでの手順が終われば、LINE Official Account Managerへアクセスすることが出来るようになります。

![スクリーンショット 2020-03-23 15.18.44.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/0fb12772-f4c0-9344-ed9b-6182842ca1f1.png)

応答設定 > 詳細設定 > 応答メッセージをオフにします。

#IFROとLINE Botの接続
準備は出来たので以前この記事[プログラム無しでチャットボット作ってみた〜とりあえず動かしてみた編〜](https://qiita.com/mat_aaa/items/c791905b6965fd2faa43)で作成したプロジェクトと接続してみたいと思います。

まずはLINE側の情報を取得していきます。
LINE Developersのボットアカウントページを開きます。(作成後のページをそのままにしていた場合はそのページを使用します。)
![スクリーンショット 2020-03-23 15.27.26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/4c2b76fa-2c36-48f4-e13a-85a4d1760743.png)
まずはアカウント作成後に表示されるページ「チャネル基本設定」タブのチャネルIDをメモ

![スクリーンショット 2020-03-23 15.27.38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/cfac6f10-30f0-8bfc-4275-d6f479242c2f.png)
さらに、「チャネル基本設定」タブのチャネルシークレットをメモ

![スクリーンショット 2020-03-23 15.31.46.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/d0ecb420-59c2-50cd-ea80-3f7576daffd1.png)
「Messaging API」タブのチャネルアクセストークン右側の発行ボタンを押した後、表示された文字列をメモ


![スクリーンショット 2020-03-23 15.21.55.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/088fd063-7c8a-b280-f995-c77a7119e387.png)

IFROのプロジェクトを開き、スキル名の隣にある「公開する」ボタンを押し、この画面になったら「公開する」ボタンを押します。

![スクリーンショット 2020-03-23 15.23.16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/83a20549-05b1-c9ac-a77b-ea50f9915a6f.png)

スキル名隣の「公開する」が「公開中」に変わったことを確認して、さらに2つ右隣にある「書き出し設定」にマウスを合わせます。
するとこの画面になるのでLINEをクリックしましょう。

![スクリーンショット 2020-03-23 15.36.47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/b1fd2942-26ba-114a-4872-8e3b219a4c3e.png)
先ほどメモしたLINEのチャネルID、チャネルシークレット、チャネルアクセストークンをこの画面に入力して、「LINEプロバイダーとのチャネルを設定」ボタンを押します。

![スクリーンショット 2020-03-23 15.39.12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/88f114c4-8855-f8a9-700d-0e08df418c40.png)
表示されたWebhook URLをコピーします。

![スクリーンショット 2020-03-23 15.41.53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/fc9a13b5-ca58-2731-1fe3-c3fc97929577.png)
再び、LINE Developersに戻り、「Messaging API」タブの中程にある「Webhook設定」のWebhook URLにコピーしたURLを貼り付けて、更新ボタンを押します。

![スクリーンショット 2020-03-23 15.44.09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/beb4b0b8-1564-4178-4542-a142f18ff7df.png)
ボタンを押すと、「Webhookの利用」というスイッチが出てきますので、クリックして画像のような緑色にします。
これで接続が完了しました。

QRコードをLINEで読み込んで友達追加してみてください。
1トーク目は何かしら話しかけないとダメそうですが、無事につながっているとちゃんと会話が出来ることがわかります。
![スクリーンショット 2020-03-23 15.47.19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/8c830499-66f1-8a43-aad3-b92ffd1ee9a5.png)

#次回
IFROを使ってQ&Aボットでも作ってみようと思います。

#関連
[プログラム無しでチャットボット作ってみた〜アカウント作成編〜](https://qiita.com/mat_aaa/items/c75dd25dc086a61cda33)
[プログラム無しでチャットボット作ってみた〜とりあえず動かしてみた編〜](https://qiita.com/mat_aaa/items/c791905b6965fd2faa43)
[プログラミングせずにLINEでQ&Aボット作った](https://qiita.com/mat_aaa/items/80732b73a2985eb32cfb)