Studio」が採用されました。Studioの使い方についてご紹介します。Twilioはメールアドレスとパスワードがあれば誰でも簡単に無料トライアルを開始することができるので、今回のキャンペーンシステムが本当にコーディングなしで構築できるかどうか、ぜひ体験してみてください。Studioとは自動応答システムを構築するためのツール。「音声を再生する」「電話を転送する」といった動作があらかじめパーツとして用意されており、それらを組み合わせていくことでシステムフローが完成します。ドラッグ&ドロップで必要なパーツを編集画面上に並べ、線で結んでいくだけなので、プログラミング知識がない人でも自動応答システムを構築することが可能。現在はβ版での提供となっています。今回のキャンペーンは、ドラマのメインビジュアルに使われている名刺に電話すると、主人公と会話できるというものです。主人公からの質問に対し、キャンペーン参加者が「はい」「いいえ」など声で答えると、その音声を認識して、内容に沿った音声を再生します。音声認識を採用することによって、より自然に会話しているように感じることができます。自動応答システム構築手順それではさっそく、ノンコーディングで自動応答システムを構築していきましょう。音声内容は異なりますが、キャンペーンと同じ流れを構築していきます。完成イメージは図の通りです。画面右上にある[サインアップ]から名前、メールアドレスとパスワードを設定して無料のトライアルアカウントを作成しましょう。詳しい手順はこちらの動画でも解説していますので、ぜひご参照ください。音声をアップロードする・まず初めに、再生したい音声をTwilioにアップロードしましょう。音声ファイルはmp3形式で用意し、あらかじめわかりやすいファイル名に変更しておいてください。・画面左側にある、サークルの中に点が3つ並んでいるアイコンをクリックしてメニューを開き、[Runtime]を開きます。Assets]と書かれた赤いアイコンをクリックします。フォルダが開くので、再生したい音声を選択し、アップロードしてください。・チェックボックスにチェックは入れず、[Upload]をクリックします。・アップロードが完了すると、自動でURLが生成されます。・質問音声、「はい」と返答した場合の音声、「いいえ」と返答した場合の音声、それぞれのURLを生成して、メモ帳などに控えておきましょう。Studio上にフローを構築していきます。ホーム画面の左側にある、サークルの中に点が3つ並んでいるアイコンをクリックしてメニューを開き、[Studio]を選択してください。flow]と書かれた赤いアイコンをクリックして、フローを作成しましょう。・タイトルをつけたら、[Next]をクリックします。scratch]を選択してください。[Next]を押せばセットアップ完了です。・こちらが編集画面です。LIBERARY]に並ぶアイコンは、自動応答システムを構築するのに必要な要素を視覚化したもので、「Widget」と呼ばれます。これらを空白のエリア(キャンパス)に並べ、線でつないでいくだけでフローの完成です。・今回使用するWidgetは以下の通りです。フローの開始となるWidgetです。着信以外にも、メッセージ受信などをフロー開始のきっかけにすることができます。音声を再生しながら、エンドユーザー側の返答を認識します。フローを分岐させます。Call]をドラッグ&ドロップで[Trigger]の下に配置します。Call]をクリックして選択し、以下のように詳細を設定していきましょう。LANGUAGE]は[Japanese]選択します。FILE]には、手順2で生成した質問音声のURLを貼り付けます。NAME]は自分のわかりやすい名前に変更できますが、英語を使用してください。・設定し終わったら、[Save]を押して保存してください。Call]と[Trigger]を繋げます。Call]を結んでください。・これで、「着信したら、指定した音声を再生する」というフローができあがりました。返事によってフローを分岐させる・ここでは、エンドユーザーの音声を認識し、それによって1「はい」と言った場合、2「いいえ」と言った場合、3返答が正しく認識されなかった場合、の3パターンにフローを分岐させる方法をご紹介します。...]を選んで、フローの一番下に配置します。...]をクリックして選択して詳細を設定していきます。TEST]は[SpeechResult]を選びます。Something]とつなげておきます。・次に、「はい」と答えたときに再生する音声を設定します。LIBERARYから[Say/Play]を選んでフローの一番下に配置してください。・配置したら、もう一度クリックして再生内容を設定していきます。Message]を選択して、「はい」と応答されたときに再生する音声のURLを貼り付け、保存してください。NAMEはわかりやすいように「play_yes」としておきます。・この作業を繰り返し、今度は「いいえ」と答えたときに再生する音声を設定してください。・分岐点を作っていきましょう。Matches]を選択すると、分岐点が追加されます。Matches]を選択すると、詳細を設定できるようになります。ここで、音声認識させたいキーワードを入れましょう。[Regex]を選択してください。区切る)と入力します。Condition]をクリックして保存します。・[Save]を押して設定を保存します。・これで、ユーザーが「はい」と言った場合の分岐点ができました。同じ手順を繰り返して、「いいえ」のパターンも設定してください。・設定できたら、[Save]を押して設定を完了させましょう。...]と[Say/Play]のyes、noを対応させる形で繋げます。Call]につなげておけば、返答が「はい」にも「いいえ」にも当てはまらないとき、もう一度質問を繰り返して再生することができます。・これで、「着信したら、指定した音声を再生し、エンドユーザーの返答によってさらに音声を再生する」というすべてのフローの完成です。・完成したら公開しましょう。フロー上部の[Publish]ボタンを押します。Flow?]のメッセージが表示されるので、再度[Publish]を押してください。電話番号を設定する・フローができあがったので、あとは電話番号を取得、設定するだけで完成です。Numbers]を選択します。・[番号を購入]を開き、[COUNTRY]に日本を選択して検索ボタンを押します。購入、とありますが、トライアルアカウントは無料で電話番号を取得することができるので、料金を請求される心配はありません。・検索結果一覧の中から、TYPEの欄がローカルになっている108円の電話番号を1つ選んで、[購入]に進みましょう。・[この番号を購入しますか?]という確認メッセージが表示されるので、[この番号を購入する]を押してください。・[Congratulation]のメッセージが表示され、購入が完了したら[番号を設定する]を選択します。・購入した番号を作成したフローに設定します。Flow]に設定し、フローを選択してください。・[保存]を押したら、キャンペーンに使われたものと同じシステムが完成です!さっそく電話をかけてみましょう。まとめ今回はドラマキャンペーンと同じフローを構築してみましたが、音声認識を電話のキーパッド操作にしたり、録音音声を合成音声にしたり、という変更も簡単にできます。電話以外にも、SMSを使ったサイト誘導システムや音声通知システム、LINEチャットボットなど、アイデア次第でさまざまなシステムを構築可能です。Studioなら、今まで外注していたものを短時間で構築できるためコスト削減につながりますし、面倒なサーバーの設定なども必要ありません。Studioについて知りたい、という方は、下記関連記事をご参照ください。