Power Pages ~ローコードでWebサイトを作成できるPower Platformサービス~

Power Pages イメージ画像

Power Pages は、Microsoft Power Platform の一つで、ノーコード/ローコードでWebサイトを作成できるサービスです。

Microsoft 365 を利用している方であれば、社外向けの情報公開サイトや申請フォーム付きWebサイトを、比較的手軽に構築できる点が特長です。本記事では、Power Pages の基本概要と特徴を整理したうえで、実際にサイトを立ち上げた際の流れや、活用イメージを紹介します。

この記事でわかること

・Power Pages の基本的な概要と特徴 

・Power Platform の中での Power Pages の位置づけ 

・Power Pages でWebサイトを立ち上げる流れ 

・Power Apps / Power Automate / Dataverse との連携イメージ 

Power Pagesとは

Power Pages は、主に社外向けWebサイトや、外部ユーザーが利用する申請・入力サイトを想定したサービスです。
●職場または学校の電子メールに関連付くMicrosoftアカウントで利用可能
●30日間の無料トライアルから利用開始できる
●Microsoft Dataverseでデータを管理
●Power Platform 製品

Power Pages でサイトを立ち上げてみる

ここからは、Power Pages を使って実際にサイトを立ち上げた際の流れを、画面イメージを交えて紹介します。

※本手順は 2022年7月時点の内容です。UI や名称は変更される可能性があります。

①無料試用開始・サインイン
Microsoft Power Pagesのページにアクセスして
右上の無料試用版、より無料試用を開始し、サインインします。

②開始ページ
無料試用のページが立ち上がるので、「開始」をクリックします。

Power Pages 手順画像②
クリックで画像表示

③Webサイトの作成経験

Webサイトの作成経験を選択します。
※選択によって、Webサイト作成後のチュートリアルに違いがあるのだと思いますが、本項目は一度選択してサイトを作成すると、次に新しいWebサイトを作成する際は、聞かれなくなるため具体的な違いは確認できていません。

Power Pages 手順画像③
クリックで画像表示

④テンプレートの選択
テンプレートを選択します。
サイト制作される方は、「テンプレート」ではなく、「テーマ」という表現の方が分かりやすいかもしれませんね。

Power Pages 手順画像④
クリックで画像表示

⑤テンプレートの確認
問題なければ、「Choose this templete」を選択します。

Power Pages 手順画像⑤
クリックで画像表示

⑥サイト名・アドレス
サイト名や、サイトのアドレスを入力します。

Power Pages 手順画像⑥
クリックで画像表示

⑦サイトの設定
サイトの設定が開始されます。

Power Pages 手順画像⑦
クリックで画像表示

⑧管理ページ
サイト設定完了後の管理ページです。チュートリアルも確認できます。
Power Apps や Power BI等のサービスを使われる方は、確かにこれは、Power Platform製品だ、と思う設定画面ではないでしょうか。

Power Pages 手順画像⑧
クリックで画像表示

⑨コンテンツの編集
コンテンツの編集は、ノーコード/ローコードツールらしく、コードを編集せず直感的に編集することができます。CMSでサイト制作している場合は、違和感なく利用できると思います。コードを表示させて、コードレベルで変更することもできます。また、Visual Studio Codeを使用してJavaScript、Liquid、WebAPIでの高度な機能実装も可能です。

Power Pages 手順画像⑨
クリックで画像表示

⑩公開ページイメージ
会社名だけ変更してみました。テンプレートではじめから、ホーム(TOPページ)、ページ(サブページ)、お問い合わせ、TOP(いわゆるTOPページではなくサブページのTOP階層相当のページの位置づけ)、サインインメニューが用意されています。

Power Pages 手順画像⑩
クリックで画像表示

⑪独自ドメイン
Webサイトに関しては、独自ドメインでの運用も可能です。

クリックで画像表示

活用

Power Pages は Power Platform 製品の一つであり、Microsoft Dataverse を中心としたデータ基盤を利用します。そのため、Power Apps・Power Automate・Power BI などと組み合わせることで、単なる「Webサイト」ではなく、業務システムの入口としてのWebポータルを構築できます。

例えば、以下のような活用が考えられます。

・Power Apps で管理している業務データを、外部ユーザー向けに公開 

・Power Pages 上のフォーム入力を Power Automate で承認・処理 

・Dataverse を共通基盤として、社内アプリとWebを連携 

Power Platform を活用した業務システムの一部として、Power Pages を位置づけることで、より効果的な活用が可能です。

Power Pages を業務で活用するには、どのデータを公開し、どのように連携させるかの設計が重要です。

Power Apps や Power Automate と組み合わせた活用を検討されている方は、導入支援・設計支援サービスもご相談ください。