■Microsoft Power Virtual Agents をとりあえず使ってみた件

##**■はじめに**
・PowerPlatformシリーズに新しくPower Virtual Agents （ノンプログラミングBot作成ツール）が追加されたので、とりあえず使ってみた（2019-12-23時点）
　ここでは、超簡単なチャートのBotを作成して、WEBからの呼び出し、Microsoft Temas への組み込みができるまでの手順を備忘録として残します
注）O365のアカウントが必要になるので事前に用意してください。

###**■■ここで出来るようになること**
・"Power Virtual Agents"の基本的な使い方
・"Power Virtual Agents"をBotとしてMicrosoft Temasから呼び出す
注）機能的には別のPowerPlatformシリーズのアプリとの連携もできますがここでは説明しません

▲初投稿：2019-12-23

**！！！重要事項！！！**
・本件は無料版（60日試用）を使っています。本格利用にはOffice365とは別に下記の費用が必要になります

<img width="450" alt="price" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224568/0d5fa2a3-cd24-45f2-3546-4232bd0f7d8c.png">

##**■やってみよう！**
###**■■とりあえず実行してみよう**
・Microsoft Power Virtual Agents サイトからログインします。 [こちら](https://powervirtualagents.microsoft.com/)から

・ログインすると下記の画面になるので、右上のロボットアイコンをクリック。次に”+New bot”ボタンをクリックします。
![a0002.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224568/55286551-5b67-9491-1768-ae30b9f92c79.png)

・Botの名前を入力。良ければ右下の”Create”ボタンをクリックします。しばらく待ちます

![a0003.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224568/9a93417f-239f-f3b6-85fd-694baccac13c.png)

・Botの環境が出来ると下記画面になります。左のメニューから”Topic”メニューを押すと既に登録されているBotの一覧が出てきます

![a0004.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224568/5970bcbd-8f25-2e1d-911b-6ca172cd61d5.png)

・既にサンプルがいくつか登録されています。新規でTopicを作成するには”+New Topic”ボタンを押します

![a0005.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224568/e657cd2a-ea9e-b76b-623a-c8e4d8cede39.png)

・必要事項（Name、Description、Trigger phrases）を入力して、”Go to authoring canvas”ボタンをクリックします。
　Name：Topicの名前
　Description：Topicの説明
　Trigger phrases：このTopicを始めるワード
　　ここでは”開始”or”スタート”と入力するとBotが実行するようにします

![a0007.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224568/abb4a510-39c3-a827-e5be-76c101607df8.png)

###**■■Botを作ってみよう**
・今回は下記の様な、簡単な心理テストチャートのBotで作ります

![a0008.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224568/e154a70d-d598-567f-55e6-84f5c9572fbf.png)

・エディタ画面が起動すると下記の様にまずメッセージを入力するところが出てくるので、上記のチャートに従って入力します

![a0010.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224568/f1b2172c-0a5b-cd1c-5420-df7ca9fd6b07.png)

・次に〇に＋のボタンをクリックすると、次の動作のメニューが表示するので”Ask a question”をクリックします

![a0011.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224568/4f4242d9-7b99-90db-2e5c-fc57d2a05fe0.png)

・質問と選択肢を登録する画面が出てくるので、上記のチャートに従って入力します。各分岐は自動で作成されます
　Ask a question：質問内容
　Identify：”Multiple choice options”
　Options for user：今回選択肢が３つあるので、”＋New Option”を使いながら選択肢を登録します

![a0012.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224568/11c77c99-c607-d235-5efb-0cbde7bef27a.png)

・condition下部から出ている〇に＋のボタンをクリックして、次の動作のメニューを表示させて、回答を入力するので”Show a message”をクリックします

![a0013.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224568/02167b94-2c6b-c2aa-7f19-bd7d482921ea.png)

・上記を各選択肢毎に繰り返し、Messageに各々の回答内容を入力します
![a0014.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224568/1424be15-e957-c79a-5ed5-fb123bdf22ed.png)

・Message下部から出ている〇に＋のボタンをクリックして、次の動作のメニューを表示させて、終了をさせる”End the conversation" > ”End with survey"をクリックします

![a0015.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224568/f36f9c25-94d3-e0cf-2f43-305358c1c890.png)

・上記を各選択肢毎に繰り返し、Endを登録します。最後に画面右上の”Save”ボタンを押して保存します

![a0016.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224568/c52daac7-8246-f3b4-2426-7a4c9a960c3d.png)

・保存が終わったら、画面左側のChatで動作確認することが出来るので試してみます

![a0017.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224568/ccc2d774-70ab-926e-00f0-ad2110598ec8.png)

###**■■Webに公開してみよう**
・動作確認が出来たらWeb化してブラウザから呼び出せるようしてみましょう
　左側メニューから”Publish”をクリックします。右側がPublish画面に変わります。この画面内の”Publish”ボタンをクリックすると公開用処理が完了します。できたかどうかを”Share Your bot”内の”demo website”のリンクをクリックします

![a0018.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224568/e3a4abf5-da46-245c-f239-8825af4e7014.png)

・下記の様なWEBWebページが立ち上がって動作確認できます

![a0019.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224568/c786ef5a-6c28-ac1c-1264-bb7f3e7b7c8a.png)

###**■■Microsoft Teams から呼び出してみよう**
・　左側メニューから”Manager”＞”Channels”をクリックします。右側がChannels画面に変わります。この画面内の”Microsoft Teams”をクリックします

![a0020.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224568/2ae3c11e-3b0c-16dd-1c49-8388be5a2a2d.png)

・画面下部にある”Add”ボタンをクリックします

![a0021.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224568/a5943768-704f-69c2-15b3-1b310883cc0c.png)

・"App ID"が生成されるのでそのIDをコピーします

![a0022.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224568/c9163610-1e7a-712b-64ae-8426a6cfff92.png)

・Microsoft Teams のチャット ユーザ で先ほどの"App ID"を入力して検索します。するとユーザーに作成したBotが出てきます

![a0023.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224568/ef42e716-3a5e-467e-1e76-95cf830ea414.png)

・Microsoft Teams 内で動作確認ができます

![a0024.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/224568/4faf014e-af1c-7c40-bc26-20ec29c1e344.png)

・他のPowerPlatformのツールと組み合わせると各種連携ができそうです(特にPower Automate)皆さんも色々と試してみてください！

##**■参考**
・Power Virtual Agents documentation　・・・　[こちら](https://docs.microsoft.com/en-us/power-virtual-agents/)　
・Power Virtual Agentsの使用感を細かく見てみる　・・・　[こちら](https://qiita.com/tarox/items/3b661553121a0c86f28b)　
・#PowerPlatform の新しいお仲間 Power Virtual Agents を触ってみた　・・・　[こちら](https://qiita.com/rnakamuramartiny/items/d1999bda574eb9e78bdf)　

・Qiita(KSxRDevelop)　・・・　その他の情報は[こちら](https://qiita.com/KSxRDevelop)