プログラミングせずにLINEでQ&A FAQ ボット作った

#はじめに
いくつか[IFRO](https://ifro.ai/)の記事を書きましたが、機能的なことを全く書いてなかったので少し。

- 無料でスタート出来るので運用開始までコストがかからない。
- 個人でも懐が痛まない程度に安い。
- テンプレートが数百種類用意されていて、それを使うと一瞬でボットが出来る。
- ブラウザ用、Alexa、LINEの他、APIが公開されているのでロボットとか他のSNSとも繋げることが出来る。

僕は完全素人で個人の趣味レベルでやってるようなものなので、コストがかからない or かなり安いものを好んで使う為、こういったサービスは助かります。
他のチャットボットCMSも見ましたが、料金はぶっちぎりでIFROに軍配が上がります。

#やること
前回の記事、[プログラミング無しでのLINE BOTの作り方](https://qiita.com/mat_aaa/items/3357bcb1d7f7e9f404cc)でLINE上でオウム返しするBotを作りました。
今回は、前回作ったチャネルをそのまま利用しつつ、オウム返しするBotじゃなくQ&A Botを作ってみようと思っています。

#プロジェクトの準備
![スクリーンショット 2020-03-25 04.56.31.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/7a609732-ba48-8f15-cf56-80c8e40c0dfb.png)

「+新規スキル」を押して今回のプロジェクトを作って行こうと思います。

![スクリーンショット 2020-03-25 04.58.30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/2e6309c2-73d8-bd3a-7ede-8618ac369cb8.png)
プロジェクト名をつけます。

「はじめに」も書いたようにIFROにはテンプレートが用意されているので、今回はそれを使っていきたいと思います。

![スクリーンショット 2020-03-25 05.00.35.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/37d175bd-2441-56e5-ea47-fed0ae209446.png)

左側の「ストア」を押してストアページを開きます。

![スクリーンショット 2020-03-25 05.01.34.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/353de156-4522-414c-08a8-1eae420362cc.png)

「Q&A-LINE用QR4」というテンプレートにマウスを合わせ、「テンプレート保存」を押してテンプレートを保存します。

![スクリーンショット 2020-03-25 05.03.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/17c9fc28-6674-1d67-2d54-5aff359fbbfe.png)

#実装
準備しておいたプロジェクトに戻り、右側の「テンプレートを追加」を押します。

![スクリーンショット 2020-03-25 05.03.09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/f68787c0-f035-ea75-3a9a-a0edc92faf82.png)

すると、先ほどストアからテンプレート保存したテンプレート「Q&A-LINE用QR4」が表示されるので、ドラッグ＆ドロップします。

![スクリーンショット 2020-03-25 05.05.45.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/a7466f81-3832-a50b-7b64-1e0267fe462b.png)

何やらごちゃごちゃ出てきますが、OKを押します。

![スクリーンショット 2020-03-25 05.06.36.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/c0864500-25b7-315a-3fb8-02bdaffae4b6.png)

「Q&A-LINE用QR4」という名前のグループモジュールが配置されたのが確認出来ます。

![スクリーンショット 2020-03-25 05.07.49.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/ee384cd5-f80d-292a-f514-1e204fa40cd7.png)

STARTから結線します。
グループモジュールは、複数のモジュールを一つにまとめたもので、ダブルクリックする事でボックスの中身をみることが出来ます。
せっかくなので見てみることにします。

![スクリーンショット 2020-03-25 05.11.11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/bf141877-b691-6eab-ad05-4f842960d7b1.png)


中身はこんな感じになってました。
それでは、自分オリジナルのQ&Aボットに変えていきましょう。
右側のプロパティ設定を押します。

![スクリーンショット 2020-03-25 05.13.48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/df1b8ac8-2187-ef25-242b-84c5056e9c82.png)

プロパティはこういう感じになっていました。
これを書き換えていこうと思います。

![スクリーンショット 2020-03-25 05.20.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/20aed5ad-a3b2-f94c-0f6f-4a01efd3ef43.png)
自己紹介みたいになってしまいましたが、書き換えました。

これで完成です！

![スクリーンショット 2020-03-25 05.22.12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/bfff8c35-5c12-fcfe-5d63-2178e435c568.png)
![スクリーンショット 2020-03-25 05.22.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/ae465ee6-7390-910b-8ad8-66b27dd4190d.png)

公開ボタンを押し、書き出し設定を行っていきます。
書き出し設定の仕方は[前回の記事](https://qiita.com/mat_aaa/items/3357bcb1d7f7e9f404cc#ifro%E3%81%A8line-bot%E3%81%AE%E6%8E%A5%E7%B6%9A)と同じです！

![スクリーンショット 2020-03-25 05.26.24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/84ce287f-5477-5e08-ae1d-673f0b396d64.png)

<img width="1714" alt="スクリーンショット 2020-03-25 05.25.33.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/33692d82-1347-7cc7-b291-b6aecaf113e6.png">

IFROで生成されたURLをLINE DevelopersのBotのWebhool URLに貼り付けたら完成です！

実際にLINE Botで試してみようと思います。

![スクリーンショット 2020-03-25 05.31.17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/7e4397aa-176d-d03d-5d62-8a8eb51728ba.png)

うまく出来てることが確認出来ました！
簡単なので、また時間を作って何かやってみたいと思います。

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