【PowerVirtualAgents】Teams でボットを作ってみよう。-- はじめてのボット 編 --

#・はじめに#
前回は Power Virtual Agents でボットを作成する前に知っておきたいこと、注意事項を書きました。

[【PowerVirtualAgents】Teams でボットを作ってみよう。-- 事前知識 編 --](https://qiita.com/kura_yu/items/920cfe4907a9d5eaa6a1)

今回は、事前知識編に続く、Power Virtual Agentsでボットを作成する手順を紹介したいと思います。
手順として難しいと感じるような箇所はほとんどありません。
Power Virtual Agents をはじめて触る上での参考書としてご覧頂ければと思います😆

#・完成イメージ#
今回作成する「マニュアルガイド」ボットの完成イメージです。
ユーザーが選択したマニュアルの格納場所を案内してくれます。
![マニュアルガイド.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/613247/e6816046-fb6c-9837-f806-2177c27ca6ae.gif)

#・始める前に#
##Teams に Power Virtual Agents を追加する##
 Teams に Power Virtual Agents を追加するには、Teams の左側メニューにある「・・・」をクリックします。
表示される検索ボックスに「Power Virtual 」くらいまで入力すると Power Virtual Agents が表示されます。

表示されたアプリをクリックすると、左側メニューに追加されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/613247/0238f455-87c4-6c8d-e37f-a512796a12b2.png)

#・チャットボットを作ってみよう#
それでは、さっそく Teams 上にボットを作っていきましょう。

##・まずはボットの下準備##

####１．左側メニューから「Power Virtual Agents」を選択して「今すぐ始める」をクリック####
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/613247/98fe6490-74a7-598e-2a34-9188ed2492ac.png)

####２．ボットを作成するチームを選択して「続行します」をクリック####
　ここで選択したチームにこれまでボットやPowerAppsアプリを作成したことがない場合は、Project Oakdale 環境が作成されていないため、裏で自動的に Project Oakdale 環境が作成されます。
Project Oakdale 環境については、そういうものがあるという程度で認識していればとりあえず大丈夫です。

**[Project Oakdale が気になる方はこちら](https://qiita.com/kura_yu/items/2611a20e48cd600bd1d1)**
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/613247/05d7f568-a545-c01d-5e76-0be159a44e31.png)

####３．ボットを作成する準備完了後、「新しいボットの作成」画面が表示####
　用途に応じた「ボットの名前」と、利用する言語を選択して「作成」をクリックします。
　今回はサンプルとして、ユーザーが求めるマニュアルを提供する「マニュアルガイド」ボットを作成します。

####４．ボットの作成が開始####

####５．ボットの作成が完了して下図画面が表示####
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/613247/feedb726-eef8-309d-67e6-d3ca25f1015b.png)

これから**「トピック」**と呼ばれる **ユーザーとボットの対話を定義したもの** を作成していきます。

「トピック」には、ユーザーがトピックを呼び出すためのキーワード**「トリガーフレーズ」**と
ユーザーが入力したトリガーフレーズに対する処理（会話）を定義した**「会話フロー」**が含まれています。
トピックをチャットボット上に複数作成することで、ユーザーからの様々なチャットに対応できるボットを作成することができるのです。

トピックについてもうちょっと知りたいという方は、下記リンク先のページをご覧ください。
**[トピックとは](https://qiita.com/kura_yu/items/920cfe4907a9d5eaa6a1#%E3%83%88%E3%83%94%E3%83%83%E3%82%AF%E3%81%A8%E3%81%AF)**
##・トピックを作成する##
####６．「トピックに移動する」をクリック####
ボットを構成するトピックの一覧画面に遷移します。
表示されているトピックが、このチャットボットで **ユーザーとボットの対話** が定義されたものです。
トピックには、2種類あります。

**ユーザートピック：ユーザーが作成したトピック（サンプルを含む）**
　トピックの追加・削除やトリガーフレーズの追加・編集・削除が可能。
　各トピックの会話フローの編集も可能です。
**システムトピック：システムによって用意されたトピック**
　トピックの追加・削除やトリガーフレーズの追加・編集・削除は不可。
　各トピックの会話フローの編集のみ可能です。

####７．トピックを作成するため、「新しいトピック」をクリック####
作成済みのトピックを編集する場合は、各トピックのトピック名をクリックしてください。
編集時の操作も手順８以降と同じ動作となります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/613247/36829221-b196-96d8-3c0c-edd1ec932c8e.png)

####８．トピックの名前、説明を決定####
トピックの名前と、トピックの説明を入力します。

####９．トリガーフレーズを決定####
このトピックを開始するためのトリガーとなる、トリガーフレーズを入力していきます。
このトリガーフレーズは、ここで入力されたフレーズと**完全一致する**場合のみトピックが開始され、チャットボットが返信を行います。
そのため、類似のフレーズを含めて多くのフレーズを登録してください。
登録が完了したら必ず、保存ボタンをクリックしましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/613247/d92f8d30-7309-b2ae-6c4c-38220dc4754e.png)

####１０．「キャンパスの作成に移動」をクリック####
トリガーフレーズをある程度登録したら、次に会話フローを作成します。
「キャンバスの作成に移動」をクリックします。

####１１．会話フローの作成####
会話フローの作成は、非常に簡単です。
下図赤枠内の＋ボタンをクリックして、ボットからの応答内容を組み立てていきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/613247/e479543b-efc6-6f97-3c3d-794dcdd9a8de.png)

直前の処理内容にもよりますが、追加できる処理は以下の６通りです。
それぞれの使い方はご自身で試してご確認ください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/613247/8149075a-5c82-8375-c638-5b4a2a08872c.png)

####１２．トピックが完成（完成イメージ）####
トピックが完成しました。
今回作成した「マニュアルを案内する」トピックの全体像は下図の通りです。
完成したボットの動きは本記事冒頭の「[完成イメージ](https://qiita.com/drafts/4caaae80139a06d60057/edit#%E5%AE%8C%E6%88%90%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8)」をご覧ください。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/613247/6c8ea1e3-2209-0890-b751-341e103d9244.png)

##・ボットを公開する##
残すはボットを公開して、他のメンバーがこのボットを利用できるようにします。

####１３．ボットを公開する####
下図、赤枠内の**「公開」**ボタンをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/613247/652062f5-594e-11c4-bcec-193a8a827f7a.png)

次の画面でも**「公開」**ボタンをクリックします。
さらに次の「最新のコンテンツを公開しますか？」画面でも**「公開」**ボタンをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/613247/10c36075-2c36-e7ea-1693-8672f57ae830.png)

これで、ボット作成時に選択したチームのメンバーはこのボットを利用できるようになります。

##・作成したボットをTeamsに追加する##
最後に、作成したボットをTeamsに追加します。

####１４．作成したボットをアプリの一覧から選択####
Teams左側メニューの「・・・」をクリックして、検索ボックスで作成したボット名を検索、そして選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/613247/6e6a73d0-b843-b95b-4b12-07224707bb48.png)

遷移後の画面で**「追加」**ボタンをクリックすると、左側メニューにアプリが登録されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/613247/8a97132d-11e7-61cd-7a59-1655bd571a2b.png)

以上が、ボットを作成～公開までの一連の流れになります。
長く書いてきましたが、実際にやってみると本当に簡単です。
今回作成した「マニュアルガイド」ボットは、多少の試行錯誤はありつつも30分以内で完成しました。

ほとんど迷うことなく、少しの時間で完成できるPower Virtual Agents。
皆さんもぜひ触って、試して、楽しんでみてはいかがでしょうか？