PL-900：モデル駆動型アプリを作成する

この投稿はMicrosoft PL-900の受験に向けた勉強資料をMS Learnページを参考にして作っています。
一発合格に向けて頑張りましょう！
(今回は実際にPower Apps画面から操作してみるページです。現在、MS-Learnに載っている内容が古いせいか、アプリ側の表示内容と異なるところがあったりするため、私の方でスクリーンショットを取りながら記載します。また、元ページの内容から少しカスタマイズしたところもあります。)

[モデル駆動型アプリを作成する][MS-Learn]

[MS-Learn]: https://learn.microsoft.com/ja-jp/training/modules/how-build-model-driven-app/05-create-model-driven-app

## モデル駆動型アプリを作成する
1\. [Power Apps][MS-Learn2]にサインイン
[MS-Learn2]: https://make.powerapps.com/

2\.「 空のアプリ」を選択
![1.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2885338/e8030e96-8061-48b0-ce68-2da611457fc3.jpeg)

3\. 「Dataverse ベースの空のアプリ」を選択し、「作成」ボタンをクリック
<img src="https://learn.microsoft.com/ja-jp/training/modules/how-build-model-driven-app/media/model-driven-app-from-blank.png"/>

4\. 新しいモデル駆動型アプリ ページで、アプリの名前と説明を入力
![3.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2885338/3375335f-b1d9-0116-c222-650d86ed80c2.jpeg)

5\. 数分後、新しいアプリが表示される
<img src="https://learn.microsoft.com/ja-jp/training/modules/how-build-model-driven-app/media/app-designer-configuration-screen.png" />


## アプリへの取引先企業テーブルの追加
ページをアプリに追加するには、アプリ デザイナーを使用する

1\. 必要に応じて左のナビゲーションを使用して、メニュー名を表示/非表示にするボタン (3 本の横線のようなボタン) を選択してメニュー名を表示
2\. 「Group1 テキスト」を選択後、画面の右側でタイトルを顧客に変更
![5.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2885338/20ca1a1f-761b-7ec9-3ac7-ad530ed132ac.jpeg)

3\. 上部にあるコマンド バーを使用して、「＋ページの追加」ボタンを選択
![6.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2885338/d500ae50-7d2d-ae54-c7ca-10e4849689bd.jpeg)

4\. ページの追加画面で「Dataverse テーブル」を選択し、「次へ」ボタンをクリック
![7.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2885338/9758c56c-b506-cdaf-bec1-fac44de3f8df.jpeg)

5\. 「新しいページ」画面で「取引先企業」を選択し、「追加」ボタンをクリック
![8.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2885338/af586ee7-af41-e757-9a90-104cb00e3184.jpeg)

:::note info
* 「取引先企業」テーブルが無い場合、新しく作成する必要がある
    * (1) 左側のナビゲーションからDataverseを選択し、展開してテーブルを選択
    * (2) その後、上部のアクション バーから新しいテーブルを選択
    * (3) 表示されたフォーム内で"表示名" フィールドに "アカウント" を追加し、保存をクリック
:::

<img src="https://learn.microsoft.com/ja-jp/training/modules/how-build-model-driven-app/media/m-05-create-account.png" />


## アプリへのフォームとビューの追加
アプリケーションで使用する取引先企業フォームおよびビューを指定してみよう

1\. 左側のナビゲーションの「ページ」を選択
![9.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2885338/8c6fe47b-8dcf-a511-2f45-f4ccafc0e7fe.jpeg)

2\. 取引先企業を展開し、取引先企業フォームを選択
![10.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2885338/6dd77872-3676-6bda-df2e-84d7c15ec65a.jpeg)

3\. 画面の右側の「＋新しいフォーム」を選択
→　既に作られていると思うのでスルーします

4\. 表示されるフォームの一覧から、「取引先企業」を選択
→　既に作られていると思うのでスルーします
<img src="https://learn.microsoft.com/ja-jp/training/modules/how-build-model-driven-app/media/account-forms.png" />

5\. 左側のページで、「取引先企業ビュー」を選択
![11.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2885338/dbe76ed1-510b-ec03-790a-dfe37b8e20da.jpeg)

6\. 画面の右側の「＋ビューの新規作成」を選択
→　既に作られていると思うのでスルーします

7\. 「自分のアクティブな取引先企業ビュー」を選択
→　既に作られていると思うのでスルーします

8\. 「＋ビューの新規作成」を再度選択
→　既に作られていると思うのでスルーします

9\. 「アクティブな取引先企業」を選択
→　既に作られていると思うのでスルーします

10\. 「＋ビューの新規作成」を選択
→　既に作られていると思うのでスルーします

11\. 「非アクティブな取引先企業」を選択
（作られたビューは以下の通り）
* 自分のアクティブな取引先企業
* アクティブな取引先企業
* 非アクティブな取引先企業

→　既に作られていると思うのでスルーします

## アプリへの取引先担当者ページの追加
* 次に、アプリケーションに別のテーブルを追加する
* この場合、顧客は取引先企業または取引先担当者のどちらかのため、取引先担当者テーブルを追加する

1\. 上部にあるコマンド バーで、「＋ページの追加」ボタンを選択
![12.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2885338/a4057f72-ebf8-a2d9-d13d-dbc5d7dc0a70.jpeg)

2\. ページの追加画面で、「Dataverse テーブル」を選択し、次へボタンをクリック
![7.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2885338/9758c56c-b506-cdaf-bec1-fac44de3f8df.jpeg)

3\. 検索フィールドに「取引先担当者」と入力し、「取引先担当者」を選択
![13.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2885338/42dbcd5a-896b-4664-94d2-4edd116db49e.jpeg)

4\. 「追加」ボタンを選択
![14.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2885338/acfaa750-1cd7-7059-9569-9e93dbf3387e.jpeg)

## アプリの保存と公開
1\. 上部にあるコマンド バーを使用して、「保存」ボタンを選択
2\. アプリケーションが保存されたら、「公開」ボタンを選択
3\. アプリケーションをテストするには、「再生」ボタンを選択
![15.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2885338/2a72f852-4554-cdb0-1047-d549df6a3342.jpeg)