ふくあず登壇資料です

1. Bot Framework
Composer
2019.11.22 ふくあず

2. Introduction
n Yuta Ishibashi (@rupic_jp)
n 製造業 品質管理
n 業務アプリケーション企画～保守
n C# VB Javascript Python
n Oracle SQLServer Postgres

3. https://garrawayf.com/

4. Fukuoka.NET
(ふくてん)

5. overview
n Bot Frameworkn Composer について
n 概要
n メリット
n 画面概要
n Demo
n QnA Maker 連携と注意点
n 製品FAQ ボット
n まとめ

6. Do you know
Bot Framework
Composer ?

7. Chatbot
あたしメリーさん。
今ゴミ捨て場にいるの…
既読
19:22
既読
19:35
あたしメリーさん。
今タバコ屋さんの角にいるの…
既読
19:55
あたし...メリーさん😢
だれ？
既読
22:18
Rupic
Chat Bot(ロボット)
予めプログラムされた
作業を自動化するApp
メールよりタイムリー
画像/動画/音声

8. Chatbot
明⽇の天気は？既読
19:22
どの地域の天気ですか?
既読
19:22
Weather Chatbot
Chatbot
ユーザーからの入力(テキスト/音声)に
対する回答を選択/生成して
対話を自動的に行うプログラム
宗像市既読
19:23
宗像市の14日の天気は晴れ、
最高気温は16℃、最低気温は
6℃の予想です。
既読
19:23
宗像市の
明日の天気は？
晴れっす!!

9. Chatbot 活用のシナリオ B2B、B2C、B2E
FAQ
・ お客様
・ 社内
情報を取得
・ ドキュメント
・ 天気予報
・ 運行ダイヤ
オンライン受付
・ 修理受付
・ オペレータへ接続
・ アフターサービス
・ ホテル/お店の予約

10. Bot Framework
会話型AIエクスペリエンスを構築するための
包括的なフレームワーク

11. Bot Framework Composer Preview
Bot Framework をベースとした Chatbot を
GUI で作成可能な Tool

12. Bot Framework Composer Preview
12.13.0 stable 1.19.1 stable 2.2 required to test4.6.0 stable
Emulator
Bot Framework
2019.11.15時点
環境

13. Bot Framework Composer Preview
$ yarn install $ yarn build
インストール

14. Bot Framework Composer Preview
localhost:3000
接続

15. 会話フローを GUI で
視覚的に編集
LUIS や QnA Maker を
ノンコーディングで実装
便利なテンプレート機能
オープンソース開発
Bot Framework Composer Preview
Composerで作成したbotのコードを確認

16. オープンソース開発
https://github.com/microsoft/BotFramework-Composer

17. 会話フローを GUI で視覚的に編集
GUIで編集できるので
Botの動作の流れが一目でわかる

18. 便利なテンプレート機能
目的にあったテンプレートを活用する事で
学習や開発工数の削減に

19. Composerで作成したbotのコードを確認
作成したBotのソースコードが作成される
GUI でフローを確認しているので理解しやすい

20. Bot Framework
Composer
DEMO

21. Bot Framework
Composer
画面構成

22. テンプレート
作業履歴
新規作成
←？
Top

23. テンプレート
新規作成

24. トリガー
インテントとボットの応答を関連付ける
トリガーはボットの機能の1つ
ボットのルートおよびエントリポイント
アクション
ボットの応答方法を定義および管理
アクションの編集ツール
ダイアログ / トリガ / アクションのプロパティ
Design Flow

25. ボットの応答
ダイアログ
Bot Responses

26. ボットの応答
ダイレクト編集
Bot Responses
/ComposerDialogs/common/common.lg

27. ユーザーの入力
User Input

28. ユーザーの入力
User Input
ダイレクト編集
/ComposerDialogs/<DialogName>/<DialogName>.lu

29. LUIS / QnA Maker の設定
Settings

30. LUIS / QnA Maker の設定
Settings
/ComposerDialogs/settings/application.json

31. Settings
/ComposerDialogs/settings/application.json
QnA Maker の設定はDialog Flow からではなく
必ず settings から設定する
セキュリティリスク回避のため、ソース管理からも
application.json を含めない様設定する

32. Azure へ デプロイ
Settings
既に環境が構築されている
新しく環境を構築

33. Settings
デプロイする為のコマンドが生成される

34. Settings
各機能説明の ON / OFF 切替

35. 会話フローを GUI で
視覚的に編集
LUIS や QnA Maker を
ノンコーディングで実装
便利なテンプレート機能
オープンソース開発
まとめ
Composerで作成したbotのコードを確認

36. 参考資料
Bot Framework (Composer / Emulator etc)
QnA Maker
LUIS
https://github.com/microsoft/botframework
https://www.qnamaker.ai/
https://www.luis.ai/
るぴブロ
https://rupic.hatenablog.com/

37. https://www.microsoft.com/ja-jp/ignite-the-tour/

39. Thanks