SlideShare a Scribd company logo
Bot Framework
Composer
2019.11.22 ふくあず
Introduction
n Yuta Ishibashi (@rupic_jp)
n 製造業 品質管理
n 業務アプリケーション企画~保守
n C# VB Javascript Python
n Oracle SQLServer Postgres
https://garrawayf.com/
Fukuoka.NET
(ふくてん)
overview
n Bot Frameworkn Composer について
n 概要
n メリット
n 画面概要
n Demo
n QnA Maker 連携と注意点
n 製品FAQ ボット
n まとめ
Do you know
Bot Framework
Composer ?
Chatbot
あたしメリーさん。
今ゴミ捨て場にいるの…
既読
19:22
既読
19:35
あたしメリーさん。
今タバコ屋さんの角にいるの…
既読
19:55
あたし...メリーさん😢
だれ?
既読
22:18
Rupic
Chat Bot(ロボット)
予めプログラムされた
作業を自動化するApp
メールよりタイムリー
画像/動画/音声
Chatbot
明⽇の天気は?既読
19:22
どの地域の天気ですか?
既読
19:22
Weather Chatbot
Chatbot
ユーザーからの入力(テキスト/音声)に
対する回答を選択/生成して
対話を自動的に行うプログラム
宗像市既読
19:23
宗像市の14日の天気は晴れ、
最高気温は16℃、最低気温は
6℃の予想です。
既読
19:23
宗像市の
明日の天気は?
晴れっす!!
Chatbot 活用のシナリオ B2B、B2C、B2E
FAQ
・ お客様
・ 社内
情報を取得
・ ドキュメント
・ 天気予報
・ 運行ダイヤ
オンライン受付
・ 修理受付
・ オペレータへ接続
・ アフターサービス
・ ホテル/お店の予約
Bot Framework
会話型AIエクスペリエンスを構築するための
包括的なフレームワーク
Bot Framework Composer Preview
Bot Framework をベースとした Chatbot を
GUI で作成可能な Tool
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時点
環境
Bot Framework Composer Preview
$ yarn install $ yarn build
インストール
Bot Framework Composer Preview
localhost:3000
接続
会話フローを GUI で
視覚的に編集
LUIS や QnA Maker を
ノンコーディングで実装
便利なテンプレート機能
オープンソース開発
Bot Framework Composer Preview
Composerで作成したbotのコードを確認
オープンソース開発
https://github.com/microsoft/BotFramework-Composer
会話フローを GUI で視覚的に編集
GUIで編集できるので
Botの動作の流れが一目でわかる
便利なテンプレート機能
目的にあったテンプレートを活用する事で
学習や開発工数の削減に
Composerで作成したbotのコードを確認
作成したBotのソースコードが作成される
GUI でフローを確認しているので理解しやすい
Bot Framework
Composer
DEMO
Bot Framework
Composer
画面構成
テンプレート
作業履歴
新規作成
←?
Top
テンプレート
新規作成
トリガー
インテントとボットの応答を関連付ける
トリガーはボットの機能の1つ
ボットのルートおよびエントリポイント
アクション
ボットの応答方法を定義および管理
アクションの編集ツール
ダイアログ / トリガ / アクションのプロパティ
Design Flow
ボットの応答
ダイアログ
Bot Responses
ボットの応答
ダイレクト編集
Bot Responses
/ComposerDialogs/common/common.lg
ユーザーの入力
User Input
ユーザーの入力
User Input
ダイレクト編集
/ComposerDialogs/<DialogName>/<DialogName>.lu
LUIS / QnA Maker の設定
Settings
LUIS / QnA Maker の設定
Settings
/ComposerDialogs/settings/application.json
Settings
/ComposerDialogs/settings/application.json
QnA Maker の設定はDialog Flow からではなく
必ず settings から設定する
セキュリティリスク回避のため、ソース管理からも
application.json を含めない様設定する
Azure へ デプロイ
Settings
既に環境が構築されている
新しく環境を構築
Settings
デプロイする為のコマンドが生成される
Settings
各機能説明の ON / OFF 切替
会話フローを GUI で
視覚的に編集
LUIS や QnA Maker を
ノンコーディングで実装
便利なテンプレート機能
オープンソース開発
まとめ
Composerで作成したbotのコードを確認
参考資料
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/
https://www.microsoft.com/ja-jp/ignite-the-tour/
Bot Framework Composer Fukuazu
Thanks

More Related Content

PDF
スタートアップ企業が実践するクラウドネイティブアプリケーションの開発手法
PDF
Dotnetcore30forwindesktop
PDF
.NET Conf の歩き方
PDF
忙しい人のための .NET Conf 2019 まとめ
PDF
オンライン中心だから地方のコミュニティも見てみませんか? - Fukuoka.NETの紹介
PPTX
.NET Core 3.0 で Blazor を使用した​フルスタック C# Web アプリ​の構築
PPTX
若手がコミュニティを盛り上げよう!
PDF
いつでもどこでも .NET
スタートアップ企業が実践するクラウドネイティブアプリケーションの開発手法
Dotnetcore30forwindesktop
.NET Conf の歩き方
忙しい人のための .NET Conf 2019 まとめ
オンライン中心だから地方のコミュニティも見てみませんか? - Fukuoka.NETの紹介
.NET Core 3.0 で Blazor を使用した​フルスタック C# Web アプリ​の構築
若手がコミュニティを盛り上げよう!
いつでもどこでも .NET

What's hot (20)

PDF
Blazor Server テンプレート解説
PDF
これから始める Bot Builder 開発のコツと舞台裏
PDF
改めて C# でできることを振り返る
PDF
マイクロサービス開発が捗る Project Tye
PPTX
Windowsサービスも.NET Coreで作ろう
PPTX
MicrosoftのサービスでさくっとBot開発!
PPTX
Visual Studio Code 入門
PDF
.NET Coreのいろは
PDF
C# runs anywhere, make anything
PPTX
Visual Studio Code で快適開発生活 -拡張を作って公開しよう-
PPTX
.NET 5 and Windows app dev
PPTX
.NET Framework で ​C# 8って使える? ​YESとNO!
PPTX
これさえあれば大丈夫!Visual Studio Code 徹底解説
PDF
The Twelve-Factor (A|M)pp with C#
PDF
そろそろレガシーな.Net開発をやめなイカ?
PDF
Get started with future C# .Net development with Docker
PDF
.NET Core時代のCI/CD
PDF
Remote Development with Visual Studio Code & A clean dev env, working every ...
PPTX
Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~
ODP
怠惰な私がプログラミングするときに重要だと考えているたった1つのこと
Blazor Server テンプレート解説
これから始める Bot Builder 開発のコツと舞台裏
改めて C# でできることを振り返る
マイクロサービス開発が捗る Project Tye
Windowsサービスも.NET Coreで作ろう
MicrosoftのサービスでさくっとBot開発!
Visual Studio Code 入門
.NET Coreのいろは
C# runs anywhere, make anything
Visual Studio Code で快適開発生活 -拡張を作って公開しよう-
.NET 5 and Windows app dev
.NET Framework で ​C# 8って使える? ​YESとNO!
これさえあれば大丈夫!Visual Studio Code 徹底解説
The Twelve-Factor (A|M)pp with C#
そろそろレガシーな.Net開発をやめなイカ?
Get started with future C# .Net development with Docker
.NET Core時代のCI/CD
Remote Development with Visual Studio Code & A clean dev env, working every ...
Visual Studio Codeを使い倒そう! ~プログラミングから機械学習、クラウド連携、遠隔ペアプロまで~
怠惰な私がプログラミングするときに重要だと考えているたった1つのこと
Ad

Similar to Bot Framework Composer Fukuazu (20)

PPTX
20180421_CV勉強会_LT
PPTX
20200714 cogbot
PDF
Azure Bot Service で始めるチャットボット開発入門 (2018-01)v1.1
PPTX
GitとCIとかチャットとかをオンプレで運用する話
PPTX
THETA プラグインで WebRTC やってみた
PDF
Microsoft Copilot Studio.pdf
PPTX
.NET Micro Framework is my spirit.
PPTX
nalgo-botができるまで
PDF
【GCC2019】モノビットエンジンがついにクラウド化!しかし、インフラでまさかのAzureを利用!?本当に大丈夫なの?
PPT
DevDo Irasally 20090426
PDF
第13回 Tokyo Jazug Night LT
PDF
Bot Builder V4 SDK + QnA Maker / LUIS
PDF
「らしく」ハタラコウ。 ChatWork x クラウドソーシング
PDF
Bot Framework Composer と Microsoft Azure でボット開発を取り巻く仲間たち
PPTX
TouchDesigner Beginners' Workshop vol.002
PDF
触ってみよう! Robotics Studio -レゴマインドストームRCXを動かしてみる
PDF
【de:code 2020】 Power Virtual Agents : ノーコードでボットを作ろう
PPTX
インターネットプログラミング 解説資料
PPTX
TouchDesigenr Beginners' workshop vol.002 2017/07/17
PDF
3 Dプリンタでロボットを作ろう_プレンプロジェクト
20180421_CV勉強会_LT
20200714 cogbot
Azure Bot Service で始めるチャットボット開発入門 (2018-01)v1.1
GitとCIとかチャットとかをオンプレで運用する話
THETA プラグインで WebRTC やってみた
Microsoft Copilot Studio.pdf
.NET Micro Framework is my spirit.
nalgo-botができるまで
【GCC2019】モノビットエンジンがついにクラウド化!しかし、インフラでまさかのAzureを利用!?本当に大丈夫なの?
DevDo Irasally 20090426
第13回 Tokyo Jazug Night LT
Bot Builder V4 SDK + QnA Maker / LUIS
「らしく」ハタラコウ。 ChatWork x クラウドソーシング
Bot Framework Composer と Microsoft Azure でボット開発を取り巻く仲間たち
TouchDesigner Beginners' Workshop vol.002
触ってみよう! Robotics Studio -レゴマインドストームRCXを動かしてみる
【de:code 2020】 Power Virtual Agents : ノーコードでボットを作ろう
インターネットプログラミング 解説資料
TouchDesigenr Beginners' workshop vol.002 2017/07/17
3 Dプリンタでロボットを作ろう_プレンプロジェクト
Ad

More from ru pic (19)

PDF
Osc fukuoka xAI Meetup
PPTX
xAI meetup #1
PPTX
Akarenga.lt
PPTX
xAI Meetup のご紹介
PDF
Pentaxと僕
PPTX
Ml.NET
PDF
X ai meetup
PDF
Microsoft learnご紹介vol2
PDF
Introducing microsoft learn
PDF
Cognitve Services × Azure Kinect DK
PDF
Cognitive Services Update
PDF
Cognitive Services使ってみませんか?
PDF
Fukuten 20181215
PDF
皆さん!ふくてんが来ましたよ!!
PDF
Welcome toswamp
PDF
Custom visionのすゝめ
PDF
Visual studio live share &amp; intellicode
PDF
Fukuten liveshare
PDF
Face APIで 寝る時間を確保しよう
Osc fukuoka xAI Meetup
xAI meetup #1
Akarenga.lt
xAI Meetup のご紹介
Pentaxと僕
Ml.NET
X ai meetup
Microsoft learnご紹介vol2
Introducing microsoft learn
Cognitve Services × Azure Kinect DK
Cognitive Services Update
Cognitive Services使ってみませんか?
Fukuten 20181215
皆さん!ふくてんが来ましたよ!!
Welcome toswamp
Custom visionのすゝめ
Visual studio live share &amp; intellicode
Fukuten liveshare
Face APIで 寝る時間を確保しよう

Bot Framework Composer Fukuazu