![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW5004a_6a8Ut-s2IgrQ80ltTT9SE3VuC-oHoIHDmYXCUNb2BEQi0LWr-nElwMGLOT0epZEXt1vA9cPm2-CQrt18puKGx1Gs-JwvQuMpb1i_MDK9viZVVOM4-IH45FFiFhD33-ikXvL1_l/s1600/m.gif)
Botの質問に対して、音声認識やボタンで回答して、Botと会話してみましょう。
この記事のサンプル
「Bot3D StoryGraphEditor」ではいろいろな便利な機能をシンプルに使えるように、様々なテンプレートが用意してあります。画面左上の「テンプレートから作成」を押します。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiEYtF55zwzeYZE9ExFdj2l6-36CL-2FyikE9F2yVsWGWXxot0LSsoMXNdw4YO0mXoFMlsKcoP_bL2m2E6v4y2Yx3z3A2WFywlgYi1d7-Zqx39c_loNkoulS55ZdjWbNW1hQiDSSNFjvBo/s0/tmp1.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6MqXVKST1Nr92NeuRWVMkRQUp3oZBpY0pKll-GAaI-EK57XeYRaV8LP0GCHp26pVuu9C91kTkHI4n4LSk-PpPd9_xCm5_mjfpFQvOQaIKlbGeZZXyae0JI42NX1_x64ZnWMmVL5xrUgTk/s1600/tmp3.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil-BkhTez0GivvQdtT7j0dGyIQe7IK5OgJhUSkXNt-uEFcV4urDXTrZyYNpZmblKucskB64ZQfRqfG2F1cBSUIXKRdF8oE_CT0KqLxPyIEfahhb5tpRYua4mTMBDFGn0hD4RRYODGCUiH4/s1600/teigi-3.png)
- 会話ボックス:
このグレー地の箱は、アクションをひとまとめにするものです。アクションとは、「Botにさせること」です。いろいろなことをさせることができます。 - "ユーザーが音声認識で選択"アクション:
"ユーザーが音声認識で選択"と書いてある、この黄色の箱(アクション)は、音声認識による回答の際の選択肢を設定できます。 - "ボタン選択"アクション:
"ボタン選択"と書いてある、この黄色の箱(アクション)は、ボタンによる回答の際の選択肢を設定できます。
基本操作のおさらい
簡単に基本操作のおさらいをしましょう。テンプレートをカスタマイズするときに一番重要なのは、9番の、ストーリーのいちばん最後の会話ボックスを「終了ボックス」につなげることです!
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Czwa1cqED4kByFzbcUNWTGv0gqEtLmyYttms9P34naizi0y-JJVZ_o5i8aCKEe01lU8IU0BzcbcymEwsyisCqRw9KTtud-Yq1HQU5eEC4hi9D-bSTyH2Jk55ciYKKtBULufF0t6okxDU/s0/basic.png)
質問に音声認識で回答させる
それではテンプレート【チャットテンプレ】Botと会話するを開いて一度保存し、どんなふうに「Bot3D Player」で再生されるか、一度見てみましょう。「Bot3D Player」で再生してみたい場合は、一度保存し、StoryGraphEditor クイックヘルプ:Bot3DPlayerで見る方法をご覧いただき、再生してください。
- 音声認識選択肢と書いてある会話ボックスの中の"ユーザーが音声認識で選択"アクションが再生されると、「Bot3D Player」側ではマイク入力ができるようになり、ユーザーの音声をうけつけます。
音声入力した結果を"ユーザーが音声認識で選択"アクションで設定されている条件で判定します。 - 音声認識の判定が選択肢に設定されている条件に一致すれば、その選択肢に紐づけられた会話ボックスへ分岐します。
- 音声認識を利用する場合、選択肢に設定されているどの条件にも該当しなかった場合の分岐もあらかじめ用意されています。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj67zB-Z1OVdos5oOSr_4XoDcmHr1zwOyxXt6hrb1jc-xJzTCtrdV8N_EpzWIJVJPQGn_xQbK3VZLeK8_B3BTn1t_lbCqGU9wqAWSO_FeMty90OcueBlfhfMfFI7cDgqmpq5VG05ArPsS9Z/s1600/select-voice-9.png)
音声認識選択肢と書いてある会話ボックスの中の"ユーザーが音声認識で選択"アクションをクリックすると、画面下部にエディタが表示されます。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1O2mSOJm3Q86DhxoKr5Jo72BWabolj2ZZDgOe52mzK1ztt44BGMwx4WhmoaA0YimYxEPWGFBUn_nXXsmkYlF1EggA1dsc8CCewuKkkjlKE-AbD1sMf8lHjfMONcItZJmLGcVOYDiEVIY7/s1600/select-voice-4.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoMFUhQeEt4sBvolTMO7E2b2WzORGz51BWJS5ZX5fQD1VAxVJAAUPCqfUhUTzLNcy-L-qbMc3esoMJozh15RMrt1mwz0_vZIZwRjxC7dluZL4WD_djbzAyk0sYfpJibunmuodVOljItRzp/s1600/select-voice-6.png)
- 選択肢を追加から、選択肢の名前を決めて追加します。
- タブ表示されているそれぞれが、回答させる際の選択肢です(オプションを除く)。
選択肢を削除したい場合は、タブ上の「×印」を押します。 - マッチワードに、音声認識に判定させる言葉を設定します。
マッチワードをカンマ区切りで複数追加すると、相手の様々な回答に対して判定精度を高めることができます。
ユーザーは音声認識でマイクに自由に発話するため、「犬」という答えでも「わんわん」や「わんこ」など様々な言い方をされる場合があります。
ある程度そういった類義語を想定して複数のマッチワードを登録しておくと、スムーズな会話が実現できます。
(マッチワードは部分一致です。「犬」を登録すれば「子犬」も判定されます) - 「保存」ボタンを押して、変更を確定します。
実際に選択肢を増やしてみましょう。
好きな動物についての質問をしているので、「鳥」という選択肢を追加し、回答に合わせた会話をしてみます。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSvvEWuVfzOx6f5_a-RjX7Sk00rAsFmundFG1THKOPQ0U0vXSP9OhyX7ztH2B6YSebr5uY_X3hMnUrZfnR1BE5YjW3SNrJLhao0RxFkzn4Q19aF4wTWUFke1FWBDvShWoZL-pC_fRnUWRM/s0/select-voice-10.png)
- 音声認識選択肢と書いてある会話ボックスの中の"ユーザーが音声認識で選択"アクションをクリックしてエディタを開きます
- エディタの選択肢を追加から、名前に「鳥」と入力して、追加します
- 「鳥」というタブが作成されます
- マッチワードに「鳥」と判別させたい言葉を入力します
- 「保存」ボタンを押します
- 選択肢に「鳥」が追加されました
手近な会話ボックス作成ボタンを押して、会話ボックスを作ります。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdu22xho904jJErejc-_2g0CSFhdYglW5crWZ4PwlAm6knn7o8DqZSxzjxF9Zno93KGXfWtI9IomK69fV6YMuVarDdEhHSFX6KORcBif_EHtYL68ThgImAFqfspHB0b1mM3hjYGVSoG5KG/s0/select-voice-11.png)
作成した会話ボックスの出口のコネクタからも、次の会話ボックスへとつなぎます。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8HeZlkL1VBFS7e0w0_QQLdUGiBAXzsK2oFY1nSx7wsvwwP-2qNXeVzlmypgkkYtibVOtWCcPsp73FCozXXQY4xisZ9no4atIs3X_UdN0wdwlEV7jzEKGSlaGGp6nWbASZPmMg5GXCW1wV/s1600/select-voice-12.png)
質問にボタンで回答させる
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidY5NQJSNpBeRQni64A69bewGpvoYFASQyU6WH_6_KrQQBALBXUosRFNK2QHTmDrShmG23Iq50neJsJnMIA2OzAJX-z1xdePkNPwZ1hR8CDrH6Tcefm75eTzvWHmhFIlOHxlZn9gk7im2z/s400/select-button-3.png)
「Bot3D Player」で再生すると、「どんな食べ物が好きですか?」と聞いたあとに、ボタンによる選択肢を表示されました。
このように、音声認識とは異なり、ボタンを表示させて回答を受け付けることもできます。
ボタン選択肢と書いてある会話ボックスの中の"ボタン選択"アクションをクリックすると、画面下にエディタが表示されます。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPYfsFnN5bErdmKtkW-BoofKEuaSbV2nRR0tlUFdNDb3ztjjIOmSz2aKZPr4DDZwosc211rPTTtYnwif2qcBYY3obbNW0Do39kbyJfzg9WRbOYJco3ujl7kOs5LSwuNvKJwv0Hju0vVwAR/s0/btn1.png)
選択肢は、前述の「質問に音声認識で回答させる」と同様に追加・削除します。
音声認識による回答をボタンでもサポートする
例えば電車の中など音声認識が使いづらい場所ってありますよね。そんなシチュエーションでも回答できるように、音声認識でもボタンでも答えられるようにすることができます。
設定方法を確認してみます。
音声認識でボタンも表示と書いてある会話ボックスの中の"ユーザーが音声認識で選択"アクションをクリックすると、画面下にエディタが表示されます。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkCv6zJypbF6J1iB9ut0ENDbbIsh1mQBGn70CDEYN7kWWCjd3ByjjziMWCFyOeDWexMcSFG0RZ4nFgmChLdVpb1gIKhMHRdDIXOxOlJYVKtPm3npnf108upSbQIIP5Vek7V7WuI2svu1oE/s0/voicebtn.png)
選択肢の作り方は、前述の 「質問に音声認識で回答させる」と同様です。
質問に英語で回答させる
「Bot3D Player」でストーリーのこの部分を再生してみると、helloという英語発音による入力に反応しましたね。
これを利用すると、英語対応のコンテンツが作れる他、英語が正しく発音できているか?をチェックするような英語教育コンテンツを作ることもできます。
英語で音声認識と書いてある会話ボックスの中の"ユーザーが音声認識で選択"アクションをクリックします。
「オプション」タブから入力言語で「英語」を選びます。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgmKT7D1W-dBEbssOxEFvYSUhSMCldnsrK_Bk_D-5MVX7BYebrA3wGTyzJrFPPNXhYt9lEp2evo379ekoSL563TMSOfjg36dOVQyGULYOugvMaGCLTj00Rt1iZmMdBniV2nbb8Zd55ze0l/s0/kaiwa_en1.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPrf8R-NzVKBLGZ-SOhEnl7xXc5GWwkASs3_MMNAuZqmGkFvN1NkIxl9MsPUgPtk3TXvFN8gEPjN8TRmhJc0XaU8zf36gBN5XMbws4bSm6SPv9fuggxt8KTliXDEeZCyEL5VOKSV1n_j7X/s0/kaiwa_en2.png)
"ユーザーが音声認識で選択"アクションや"ボタン選択"アクションを使って、インタラクティブなストーリーを作ってみてくださいね!