PL-200 学習メモ (14) : Power Pages (テンプレート、ページ、コンポーネント)

# はじめに
この投稿は PL-200: Microsoft Power Platform 業務コンサルタントの学習をした内容のメモです。

投稿の一覧は以下のリンク先にあります。

https://qiita.com/atsmin77/items/f25bd707921c421cee03

# 前の投稿

https://qiita.com/atsmin77/items/fc6f311edecc2adc68fe

# Power Pages

Power Pages ではローコードで Web サイトを作成することができます。

## サイトの作成

テンプレートをもとに Web サイトを作成します。

1. [作成] - [Power Pages で作成] をクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2680397/f3d894f1-5c5c-3ce5-6c11-28e0ec84d1f6.png)
2. [テンプレート] から任意のテンプレートを選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2680397/6ee274ba-65a7-c97b-a5ea-f68b325e4bce.png)
3. サイトの名前や URL を入力し、サイトを作成
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2680397/8027c7c8-02ac-a485-793f-c8f39c1cc761.png)

::: note info
Copilot を利用してプロンプトから Web サイトを作成することもできます。
※ ただ投稿時点だと途中で応答がなくなり上手く作成できませんでした。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2680397/7441986f-a791-426e-ff07-9359b50325bb.png)
:::

## ページの追加

作成した Web サイトにページを追加し、コンポーネントを配置します。

1. [+ ページ]  をクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2680397/baa135dc-d8cf-26c7-368d-5d84b483ae25.png)
2. 追加したページに [セクション] を追加
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2680397/062860b2-341d-ac92-8395-1b39592f297a.png)
3. セクションにテキストや画像などの [コンポーネント] を追加
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2680397/3f82f761-7d15-e137-2e63-eae1bb172c03.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2680397/1877e217-2bcf-71d5-3093-a3feb217de63.png)
4. [プレビュー] からサイトの確認が行えます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2680397/0bd3064c-450d-31bc-9263-530badc1e17e.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2680397/c33bdf4a-beab-97d8-9adf-921d96002f14.png)

## Power BI レポートの追加

Power BI のレポートやダッシュボードをコンポーネントとして追加することができます。

1. [Power BI] をクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2680397/4a952fcb-8e69-31f8-80a2-f7459bcdf809.png)
2. 追加するレポートを選択し、[完了] をクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2680397/87dec2ac-dc61-7a22-7289-c3f86e80420b.png)
3. [プレビュー] 画面で再任すると、レポートが表示れます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2680397/ccac6371-8847-e239-aef9-e193880a1f52.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2680397/96fd8b9b-3b85-af7b-b52e-d13e874a5c4e.png)

::: note info
初回は [Power BI がこのポータルで有効ではありません] というエラーが表示されます。管理センターから [Power BI のビジュアル化] を有効にします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2680397/a65f343a-8474-4bd7-0f7e-006b7e7d33ed.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2680397/2730093d-c79b-6f25-88a3-5804ffab9bf8.png)
:::

## フォームを追加

Dataverse テーブルのフォームを追加し、レコードの作成や更新を行うことができます。

1. [フォーム] をクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2680397/aea164ea-b43e-b326-7304-74071ea32dcf.png)
2. 追加するテーブルとフォームを選択して [OK] をクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2680397/212fc384-568a-f58b-d5bb-8df12442a750.png)
3. [データ] からレコードの新規作成か更新を選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2680397/2fecc071-9f1a-d9da-cb09-962bbe44cee1.png)
4. [新しいアクセス許可] からフォームへのアクセス許可を追加
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2680397/c93e06fc-7456-84f9-ef74-00ce49bf53f0.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2680397/31d9dcae-94c8-515b-6c2b-8081b5cfc06a.png)
5. [プレビュー] から追加したフォームを確認できます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2680397/14e0e596-cf9d-796b-e742-ab344e382dcf.png)

::: note info
[マルチステップフォーム] で複数のステップからなるフォームを追加することもできます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2680397/464101da-1c3f-2674-e6d3-a6174b14cc88.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2680397/3b29f904-db8e-ba49-bc87-44de924f6b48.png)
:::

## リストの追加
1. [リスト] をクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2680397/8fa5ae08-9062-5480-75b9-8bda30472d84.png)
2. テーブルとビューを選択し [完了] をクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2680397/71c27be4-5af4-1c44-e242-b255aab1a7d2.png)
3. [更新アクセス許可] からフォームへのアクセス許可を追加
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2680397/6993a7b8-d47a-4abc-3fa0-7e14532eb0f0.png)

https://learn.microsoft.com/ja-jp/power-pages/introduction

https://learn.microsoft.com/ja-jp/power-pages/getting-started/create-site-copilot

https://learn.microsoft.com/ja-jp/power-pages/getting-started/create-manage

# 次の投稿

https://qiita.com/atsmin77/items/2d3c9d83e5a147807f0b