Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Voiceflowではじめる音声アプリ・チャットボット開発〜2022年版〜 / Introdu...

Voiceflowではじめる音声アプリ・チャットボット開発〜2022年版〜 / Introduction to Developing Voice Apps & Chatbots with Voiceflow

以前以下のイベントで発表した資料を2022年の内容で更新しました。

https://vuidesigner.connpass.com/event/177473/

Kuniaki Shimizu

May 31, 2022
Tweet

More Decks by Kuniaki Shimizu

Other Decks in Programming

Transcript

  1. 自己紹介 @VoiceflowHQ | #VFJUG Kuniaki Shimizu (@kun432) • インフラエンジニア •

    AWS認定Alexaスキルビルダー • #VFJUG/#AAJUG/#VoiceLunchJP • Voiceflow Global Ambassador • Voiceflow Growth Award 2019
  2. @VoiceflowHQ | #VFJUG 免責事項 • 本資料は、2022/05/29に作成されたものです。将来的に 諸所変更されている可能性があります。 • 本資料内で紹介している画面イメージ等は古い可能性が あります。

    • 本資料は、Voiceflowを触ったことがない方に気軽に始め てもらうということを目的に、作成者の所感に基づいて 記載されています。個人によっては感じ方・捉え方は異 なる場合があります。 • 本資料を参照されたことによるいかなる不利益・損害に ついて責任を負いかねます。
  3. とは? @VoiceflowHQ | #VFJUG • ノンコーディングで音声アプリが作成できるサービス ◦ Alexaスキル ◦ Googleアクション※1

    • ブラウザだけで音声アプリ開発が可能 • ノンコーディングとしては機能が非常に豊富 • 基本無料ではじめれる • コミュニティがとても活発 ※1 Alexaに比べると、現時点ではいろいろ機能が限定的です
  4. @VoiceflowHQ | #VFJUG • 独自の音声アシスタント・チャットボット開発も可能 ◦ 「カスタムアシスタント」 ◦ Alexa/Google向けと同じインタフェースで会話フロー を作る

    ◦ Dialog Management APIを使って、フロントエンド から会話フローにつなぎこむ ▪ SNS (LINE / Slack / FB Messenger /MS Teams等) ▪ IVR (Twilio等) ▪ スマホアプリ/Webアプリ ◦ コーディング知識が必要 ◦ フロントエンド部分は開発者側で用意する必要あり さらに     とは? 2022年版!!
  5. @VoiceflowHQ | #VFJUG • デザイナー向けにどんどん便利になるプロトタイピング ◦ プロトタイピングの共有 ◦ キャンバスマークアップ ◦

    コメントシステム ◦ プロトタイプ結果の記録 ◦ ユーザーペルソナ設定 さらに     とは? 2022年版!!
  6. • インテント/スロット • 変数やロジック • 永続セッション • JavaScript • ワンショット発話※1

    • SSML※1,2 • Polly※1 • APL(画面対応)※1 • ストリーミング • ダイアログモデル※1 • API連携 • サービス連携(Googleスプ レッドシート、Zapier) • リマインダー※1 • ユーザプロファイル※1 • 所在地情報※1 • 位置情報(GPS)※1 • パーソナライズ※1 • スキル内課金※1 • アカウントリンク※1 @VoiceflowHQ | #VFJUG 豊富な機能の数々! ※1 Alexa向け ※2 Google向け
  7. @VoiceflowHQ | #VFJUG • 独自の音声アシスタント・チャットボット開発も可能 ◦ Voiceflowで会話のフローを作る ◦ Dialog Management

    APIを使って、フロントエンド から会話フローにつなぎこむ ▪ SNS (LINE / Slack / FB Messenger /MS Teams等) ▪ IVR (Twilio等) ▪ スマホアプリ/Webアプリ ◦ コーディング知識が必要 ◦ フロントエンド部分は開発者側で用意する必要あり さらに     とは? 2022年版!! 再掲
  8. @VoiceflowHQ | #VFJUG Voiceflowでカスタムアシスタント開発 ユーザー フロントエンド Voiceflow 対話モデル バック エンド

    処理 カスタム アシスタン トプロジェ クト A P I 開発者 / デザイナー 作成 反映 アプリ(SNS等) Web チャットボット フロントエンド 独自アシスタント 作成 開発者
  9. @VoiceflowHQ | #VFJUG Voiceflowでカスタムアシスタント開発 ユーザー 作成 アプリ(SNS等) Web チャットボット フロントエンド

    Voiceflow 対話モデル バック エンド 処理 カスタム アシスタン トプロジェ クト A P I 開発者 開発者 / デザイナー 作成 反映 入力/ASR+STT NLU・NLP/バックエンド処理 応答/TTS 独自アシスタント
  10. @VoiceflowHQ | #VFJUG • AlexaやGoogle等プラットフォームに依存せず、フロント エンドを自由に選べる ◦ API経由でつなぎこむだけ • 開発者・デザイナーそれぞれが使いやすいやり方で

    分業が可能、それぞれのやるべきことに集中 ◦ 開発者は使い慣れたツールとコードで ◦ デザイナーは直感的なGUIで • バージョン管理が可能 ◦ バージョンの切り戻しなどもワンクリックで可能 ◦ 現行バージョンに直接変更を行い即反映も可能 カスタムアシスタントのメリット
  11. @VoiceflowHQ | #VFJUG • コーディング知識と実行環境が必要になる • バックエンドのNLU/NLPは、Microsoft LUISと推測される ため、日本語で使う場合にはMS LUISの日本語対応状況に

    依存する • Alexaが独自で提供しているような機能は当然ながら存在 しない。同等のものを実現する場合は独自実装が必要 カスタムアシスタントのデメリット
  12. @VoiceflowHQ | #VFJUG • フロントエンドからのリクエスト(ユーザの入力・発話) とVoiceflowの会話フローをつなぐためのAPI • プロジェクトごとにアクセストークンが発行される • 2つのAPIが存在する

    ◦ State API ▪ 必要なのはユーザIDのみ、会話の「状態」管理は Voiceflowに任せる ▪ IDだけなげてやり取りすれば応答が変わる ◦ Stateless API ▪ 会話の「状態」管理を自前で行う ▪ 同じステート情報を投げた場合、基本的に同じ回答 Dialog Management API
  13. @VoiceflowHQ | #VFJUG • 前提として、Voiceflow側で会話の「状態」データを開発者 側で管理できるような機能は現時点で提供されていない。 • State API ◦

    SNS等、ユーザIDの管理機能が提供されている場合 ◦ 会話の「状態」データがセンシティブでない場合 • Stateless API ◦ ユーザIDの管理機能が提供されていない場合 ▪ 誰でも使えるWebチャットボット等(セッションID 等で管理する必要が出てくる) ◦ 会話の「状態」データがセンシティブな場合 State/Stateless APIのユースケース
  14. @VoiceflowHQ | #VFJUG 構成例① SNS連携(Slack等) ユーザー SNS アプリ SNSプラットフォーム Voiceflow

    対話モデル バック エンド 処理 A P I 入力 API 繋ぎこみ PaaS 応答 NLU・NLP/バックエンド処理
  15. 電話+ 音声/テキ スト変換 @VoiceflowHQ | #VFJUG 構成例② IVR連携(Twilio等) ユーザー IVRプラットフォーム

    Voiceflow 対話モデル バック エンド 処理 A P I NLU・NLP/バックエンド処理 API 繋ぎこみ PaaS ASR+STT TTS
  16. @VoiceflowHQ | #VFJUG 構成例③ Webチャットボット連携 ユーザー Webサイト Voiceflow 対話モデル バック

    エンド 処理 A P I API 繋ぎこみ PaaS 入力 応答 Web チャットボット Ajax クライアント 状態 データ NLU・NLP/バックエンド処理
  17. Starter Team Enterprise 月額 / 月額(年契約) $0 $40 / $50

    要問い合わせ スキル数 2 無制限 無制限 コラボレータ数(編集可) 5人 5人 無制限 コラボレータ数(参照のみ) ✕ ◦ ◦ ワークスペース数 1 1 無制限? リアルタイム同時編集 ◦ ◦ ◦ その他 • シングルサインオン • カスタムNLU • 詳細なユーザ権限管理 • プライベートホスティング • 専有アカウント管理 価格 @VoiceflowHQ | #VFJUG まずは 始めてみたい 方にオススメ! 業務で使いたい方はこちら も。必要に応じて Enterpriseへ 詳細は https://www.voiceflow.com/pricing をご確認ください