プログラム無しでチャットボット作ってみた〜とりあえず動かしてみた編〜

#はじめに
前回の記事([プログラム無しでチャットボット作ってみた〜アカウント作成編〜](https://qiita.com/mat_aaa/items/c75dd25dc086a61cda33))でIFROのアカウントの作成をしました。
今回は、一旦なんでもいいので作成してみようと思います。

#チャットボット用のプロジェクトを作成
![スクリーンショット 2020-03-23 09.13.47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/51a28bc9-7ee6-6fcf-2c09-b5c73cd6a20b.png)

ログインした直後はダッシュボードの画面になっている為、画面左側の「スキル」を押してプロジェクト一覧画面へ移動します。

![スクリーンショット 2020-03-23 09.14.45.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/36838733-72d9-94bb-c977-03de0ee7b82e.png)

まだ何も作ってないのでこのような画面が表示されるので、「＋新規スキル」ボタンを押してプロジェクトを作成します。

![スクリーンショット 2020-03-23 09.16.15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/9b548d26-6bbe-4e6a-f127-4c0a4e96d06b.png)

新しいプロジェクトが出来ました！
早速、スキルの名前をつけてみましょう！右側のプロパティ設定を押し、設定タブを開きます。

![スクリーンショット 2020-03-23 09.18.42.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/677118f9-086f-9112-bfb2-bf66cfdb2c3f.png)

この「新規スキル」と書いてあるところを変更すればスキルの名前を変更することになります。

![スクリーンショット 2020-03-23 09.20.00.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/d9aca785-fe00-5bcc-176d-e7445359852f.png)

無事に変更が出来ました！

#オウム返ししてみる
プロジェクトは出来たので言われたことをそのままオウム返しするスキルを作ってみましょう。

![スクリーンショット 2020-03-23 09.22.50.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/ed4a8e0b-ba03-c138-6bde-21076ed73c44.png)

画面右側の「モジュールを追加」を押してモジュール一覧を表示します。

![スクリーンショット 2020-03-23 09.23.40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/27a5b1cc-564e-8588-26f5-4360479c0e2b.png)

それでは、必要なモジュールを置いていきます。

```text
Bot  : こんにちは！なんか言って！
User : おはよう！
Bot  : おはよう！
```

会話の内容としては、このようにしたいので実現する為に必要なモジュールを置いていきます。
各モジュールの説明は[IFROのドキュメント](https://docs.ifro.ai/skill.html#_%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB%E4%B8%80%E8%A6%A7)に書いてあります。

```text
Bot  : こんにちは！なんか言って！ -> 発話モジュール
User : おはよう！ -> 聞き取りモジュール、記憶保存モジュール
Bot  : おはよう！ -> 発話モジュール
```

![スクリーンショット 2020-03-23 09.35.41.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/5b3cc43a-cc63-8b82-a964-b231434e9b77.png)

こういう感じですね。
それでは中身を作っていこうと思います。

![スクリーンショット 2020-03-23 09.38.55.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/da02f2ff-11a5-b717-509b-15c75b5e6897.png)

まずは、スタートにマウスを置いて発話モジュールへドラッグ&ドロップ
発話モジュールの下部の○印にマウスを置いて聞き取りモジュールへドラッグ＆ドロップ
同様に、聞き取りモジュールから記憶保存モジュール、記憶保存モジュールから発話モジュールへと結線します。
![スクリーンショット 2020-03-23 09.40.54.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/30b33471-bc05-d21f-3a99-348121868178.png)

最初の発話モジュールをダブルクリックして、発話内容を入力します。

![スクリーンショット 2020-03-23 09.45.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/37ab72bd-aecc-bbab-5143-628cf88274e1.png)

次は聞き取りモジュールですが、今回はオウム返しをするので特に何もしません。

![スクリーンショット 2020-03-23 09.46.58.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/20a78df5-28b7-fea7-1d4a-4aba3d6a1a19.png)

記憶保存モジュールをダブルクリックするとこのような画面が表示されますが、まだ記憶と呼ばれる変数のようなものが作られていないので、「記憶作成フォームを表示する」を押して記憶を作っていきます。

![スクリーンショット 2020-03-23 09.46.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/5fd0aa35-2737-b0d8-e3a5-262cefaee164.png)

ラベルには、あとで見てなんなのか分かる名前をつけましょう。
デフォルト値は、要は初期値なので必要に応じて値を入力しましょう。今回は初期値関係ないので「-」にしました。
この2項目を入力したら「記憶を作成」ボタンを押します。

![スクリーンショット 2020-03-23 09.50.55.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/50f3e8de-34c5-0815-28de-63031eeadfac.png)

スキルの記憶一覧に先ほど入力したラベル名が表示されたことを確認します。

![スクリーンショット 2020-03-23 09.52.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/0f3aa494-5b8a-85dd-1c2f-e6987c02f011.png)

上部にあるボックスから作成した記憶を選択します。

![スクリーンショット 2020-03-23 09.54.59.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/f14c9da4-c712-bc19-2136-5e0ccf13a8ac.png)

最後の発話モジュールをダブルクリックして、下部にある記憶キー「言われた言葉」をクリックし、発話内容のところに%で始まる文字列が入ったことを確認したらこれで完成です。

![スクリーンショット 2020-03-23 10.10.28.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/5d6fc494-4feb-b4f8-5c3d-fb877de58646.png)

画面右下の再生ボタン(▷)を押してプレビューしてみます。

![スクリーンショット 2020-03-23 10.13.03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/03c84d16-4430-1299-b976-a11972b0607a.png)

出来ましたね！試しに違う言葉も言ってみようと思います。

![スクリーンショット 2020-03-23 10.14.20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/56585/15614ac9-7789-d79c-4db0-60977f260a33.png)

バッチリですね:dancers:

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