昨今流行っているチャットボットをコーディングレスで作ってみたいと思いませんか？今回はMicrosoft PowerAppsとCognitive Services QnA Makerを使ってチャットボットを作ります

1. Japan Dynamics User Community
@TaikiYoshidaJP

2. ゲスト用 Wi-Fi（MSFTGUEST）

3. 吉田 大貴
コンサルタント @ EY Advisory & Consulting @TaikiYoshidaJP
今まで携わった主な製品やサービス
※本資料の掲載内容は個人的見解であり、EY、EY Japan及びそのグループであるEYアドバイザリー&コンサルティング株式会社、新日本有限責任監査法人、
EY税理士法人、EY・トランザクション・アドバイザリー株式会社の立場、戦略、意見を代表するものではありません。
Microsoft
Dynamics NAV
Microsoft
Azure
Microsoft
Dynamics 365
Office 365 VMware vSphere
Windows Server Microsoft Flow
Power BI
The views expressed in this session do not represent EY’s position.

4. 本日のアジェンダ
•突然のチャットボットアプリ開発依頼！
•PowerAppsとは？
•QnA Makerとは？
•実際に作ってみる
•おさらい

5. 「チャットボット作って！」
社長
「え！プログラミング
なんてできない！」
社員

6. 作成するチャットボットの要件
よくわからないけどAIとかを使う
業務効率化が図れる
もっているネタは社長のExcelファイルしかない
なぜかDynamics 365かOffice 365のライセンスは持ってる
開発に60分以上かけられない

7. PowerAppsと
Cognitive Services
で作るぞ！

8. Japan Dynamics User Community

9. 既存のシステムや
データソースへ接続
Microsoft PowerApps はカスタム業務アプリを作成し、
クロスプラットフォームで利用するためのサービス
アプリ、フォーム、
ワークフローを
コーディングせずに開発
ウェブとモバイル
へ瞬時に発行

10. 業務アプリを素早く開発
Microsoftの統合されたサービスで、
分析、ユーザー体験、自動化機能を作成
開発者にとって効率的に
開発者によって、パワーユーザーの開発物を拡張し、
Azureの力でリッチなプラットフォームサービスを提供する
業務アプリのプラットフォームに革命を
「パワーユーザー」に力を
業務を理解しているパワーユーザーによって、
コーディングなしでアプリを開発
アプリ間でのデータの共有
共通のデータモデルや、既存のサービスと統合し、
今のデータに更なる付加価値を与える
Azure AppServices
Azure Service Fabric
Azure Functions
…
Azure Logic Apps
Azure API
Management
BizTalk
…
Azure Data analytics
Azure Internet of
Things
SQL Server BI
…

11. ウェブとモバイルへ
瞬時に発行する
Web・iOS・Androidでも、
必要な時にアプリをチームへ配信
アプリストアは要りません

12. Japan Dynamics User Community

13. QnA Makerとは？
使いなれているチャット形式で応対のテストと調整が
でき、実際の会話から学習させることができます。
他のCognitive Servicesと連携させることでボットをさ
らに強化できます。より人間に近い形で対話できます。
QnA Makerは他のAPIと連携できるスケーラブルなシ
ステムなので、ボットサービスの一部として活用する
ことも、
単体で利用することもできます。
URLまたは表に記入するだけでボットの応対が設定
でき、
誰でもボット開発に携わることができます。
https://qnamaker.ai

14. QnA Maker
参考：https://qnamaker.ai/Documenta
質問と応対
を抽出
インデックス化
＆ランク学習
チャット
サービス
レシピ
ボット
ヘルプデスク
ボット
体調管理
ボット
漫才
ボット
Microsoft
Bot
Framework
LINE API
その他
プラット
フォーム
ボットプラットフォーム
乗換案内
ボット
QnA Makerとは？

15. 機械学習の部分を理解する必要はない
出典：https://www.slideshare.net/sleepy_yoshi/sigir2011-3-learning-

16. チャットボットアプリ開発までの3ステップ
STEP1
QnA Makerを準備する
STEP2
連携部分（API）を作る
STEP3
アプリを開発する

18. 「GET STARTED」をクリック

19. ログインしましょう

20. サービスに名前を付ける

21. 質問表のTSV（またはCSV）を用意しておく

22. 面倒だな・・・と思っている人はこちら
bit.ly/jduc05-tsv

23. ファイルをアップロード

24. アップロード内容を確認

25. 質問の種類を増やす

26. 質問と回答を学習させる

27. 世界へ発信！

28. 接続情報のメモをとる

29. Swagger定義ファイルをダウンロード
bit.ly/jduc05-json

30. 修正は無料のVisual Studio Codeで！
メモ帳 Visual Studio Code

31. 接続情報をJSONファイルに反映

33. 初回起動時の画面

34. 初回起動時の画面

35. 初回起動時の画面

36. カスタムコネクタの作成

37. OpenAPIファイル = さっきのJSON

38. 「続行」をクリック

39. 「コネクタの作成」をクリック

40. 「テスト」タブ > 「新しい接続」をクリック

41. 緑色の部分をAPIキーの項目に入力

42. 「カスタムコネクタの管理」を再度クリック

43. 作成したコネクタをテスト！

44. 作成したコネクタをテスト！
{“question”:”試したい質問”}; と入力

45. 「OK（200）」が表示されていればFantastic!

46. ＋新しいアプリ

47. Web用のPowerApps Studio

48. 空のアプリ > 携帯電話レイアウトを選択

49. アプリが作成される

50. 画面構成
リボンスクリーン一覧
レイアウト
と
プロパティ

51. ビュー > データソース > データソースの追加

52. STEP2で追加したPowerAppsを選択

53. 関数バーに以下を記入
ClearCollect(chat,{id:0,name:”PowerBot”,text:”こんにちは。ご質問をお伺いしま
す!”})
ClearCollect – リストを初期化する関数
Chat – リストの名前
ID – 0がボット、1がチャット相手

54. 挿入タブの「ギャラリー」 > 「縦」を選択

55. Itemsの関数を「chat」に
ポイント！
ギャラリーがリストと連携する
＝チャットの内容が表示される

56. チャットボット用のアイコンを追加
１
２
３

57. アプリを一度保存
１
４
３２

58. 写真を選択
Imageの関数をIf(id=0,’アップした写真名’,User().Image)と設定します。
ポイント！
If id = 0にすることで、チャット
ボットの会話に対してだけ表示さ
れる

59. 写真の位置を設定
関数を If(id=0,16,500)と設定
ポイント！
Ｘ、Y設定が座標を表す
If関数でアイコンの表示位置を制御

60. メッセージの表示位置を設定
テキストをクリックし、関数を If(id=0,Left,Right)と設定
ポイント！
Align設定がテキスト系の位置を制御
２ ３
１

61. チャット入力の項目を作る
挿入 > テキスト > テキスト入力

62. チャット「送信」のボタンを作る
ボタン > Text = “送信”に設定

63. 送信ボタンに送信用の関数を入力
この関数が本セッションで一番むずかしい部分
関数：
Collect(chat,{id:1,name:”あなた”,text:TextInput1.Text});
Collect(chat,{id:0,name:”ボット”,text:First(PowerApps.QnAMaker({question:TextInput1.Text}).answers).answer})

64. アプリを試す！
そのまま画面右上の再生ボタンをクリックで試せる

65. UIをかっこよくする

66. アプリを「発行」する
発行しないと開発環境以外でアクセスできないので要注意！

67. アプリを試す！

68. iOSアプリ

69. iOSアプリ

71. ライセンス体系
Dynamics 365 &
Office 365
無料
PowerApps
Plan 1
760
PowerApps
Plan 2
4350
※正式な価格はMicrosoftの営業担当へお問い合わせください

72. 主な違い
Dynamics 365 &
Office 365
Power Apps
Plan 1
Power Apps
Plan 2
Common Data Service Common Data Service
アプリの作成・共有・実行 アプリの作成・共有・実行 アプリの作成・共有・実行
複数の「環境」
組織単位のアクセス制御
*1 https://powerapps.microsoft.com/en-us/tutorials/connections-list/#all-connections
プレミアム接続*1

73. おさらい
• プログラミングは不要
• 基本的に無料
• とりあえずExcelからでも
• 40分あればアプリは作れる

74. 今日の資料

75. 宣伝（すみません…）
もしくは bit.ly/tymemo

76. ご清聴ありがとうございました！