---
title: 【JPPC2022】作ってみよう！Power Pages で会員制ウェブサイト小林竜也
tags:  #powerplatform #powerpages #microsoft #jppc2022  
author: [（株）フロッグポッド小林竜也](https://www.docswell.com/user/frog-kobayashi)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/Y76NW1957V.jpg?width=480
description: JPPC2022でPower PagesとAzure AD B2Cを連携させて会員サイトを構築するお話です。 Power Pagesの概要についても触れています。
published: October 19, 22
canonical: https://www.docswell.com/s/frog-kobayashi/K31NY5-2022-10-19-231309
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/Y76NW1957V.jpg)

2022


# Page. 2

![Page Image](https://bcdn.docswell.com/page/G755M4NG74.jpg)

2022
[作ってみよう！]
Power Pages で
会員制ウェブサイト


# Page. 3

![Page Image](https://bcdn.docswell.com/page/9J2N9V5DER.jpg)

自己紹介
こばやし たつや
趣味：音楽・ゴルフ・サッカー・釣り・映画・読書・自転車
参加させていただいている勉強会：
•
JXUG
•
気ままに勉強会
•
おうじゃさんといっしょ
•
Cogbot
@rockfun
2022


# Page. 4

![Page Image](https://bcdn.docswell.com/page/DEYP43KMEM.jpg)

セッションのゴール
2022


# Page. 5

![Page Image](https://bcdn.docswell.com/page/VJN5YVR378.jpg)

2022


# Page. 6

![Page Image](https://bcdn.docswell.com/page/YE9YP6MPJ3.jpg)

10月12日
突然のGA!!
2022


# Page. 7

![Page Image](https://bcdn.docswell.com/page/GE86DZLX7D.jpg)

Power Pagesとは？
「Microsoft Build 2022」で「Microsoft
Power Platform」の5つ目のサービスとして、
リリースされました。
ローコードで、直感的にセキュアなウェブ
サイトを作成できるサービスで、以前リ
リースされていたPower Apps Portalの進化
系となります。
2022


# Page. 8

![Page Image](https://bcdn.docswell.com/page/LEL9MDLNJR.jpg)

Power Pagesとは？
ウェブサイト
ログイン認証
•
•
Microsoft Dataverse
ローカル認証
Azure Active Directory
etc
モデル駆動型
モバイル
・フォーム（入力）
テーブル ・ビュー（一覧・検索）
Azure Blob Storage
2022
Power BI
Progressive web app


# Page. 9

![Page Image](https://bcdn.docswell.com/page/4JMZYPMQEW.jpg)

利用想定シナリオ
社外
情報利用・情報付加
情報発信・情報収集
Power Apps
Teams
Microsoft Dataverse
アプリによる
データ活用
・フォーム（入力）
・ビュー（一覧・検索）
ウェブサイト
Power Automate
Outlook
Power BI
コミュニケーション
情報通知
2022
Power Pages
各種サービスをつなぐ
自動化
データビジュアル化


# Page. 10

![Page Image](https://bcdn.docswell.com/page/PJR691VK79.jpg)

2022


# Page. 11

![Page Image](https://bcdn.docswell.com/page/PEXMQYZ57X.jpg)

ホーム画面
2022


# Page. 12

![Page Image](https://bcdn.docswell.com/page/3EKG938RJD.jpg)

テンプレート
2022


# Page. 13

![Page Image](https://bcdn.docswell.com/page/L73NWG2G75.jpg)

デザイン スタジオ
2022


# Page. 14

![Page Image](https://bcdn.docswell.com/page/87DWK1ZNJG.jpg)

Visual Studio Code
2022


# Page. 15

![Page Image](https://bcdn.docswell.com/page/VJP9KQDNE8.jpg)

Power Platform 管理センター
2022


# Page. 16

![Page Image](https://bcdn.docswell.com/page/2EVMV51YEQ.jpg)

ポータル管理
2022


# Page. 17

![Page Image](https://bcdn.docswell.com/page/57GGL62W7L.jpg)

2022


# Page. 18

![Page Image](https://bcdn.docswell.com/page/4EQXY4PQ7P.jpg)

サンプルサイト「カエル区役所」
2022


# Page. 19

![Page Image](https://bcdn.docswell.com/page/KJ46WQYY71.jpg)

新機能：サイト公開はデフォルトプライベートに！
2022


# Page. 20

![Page Image](https://bcdn.docswell.com/page/LE1VYP6N7G.jpg)

ページの追加・編集
2022


# Page. 21

![Page Image](https://bcdn.docswell.com/page/GEWLG24M72.jpg)

データ
2022


# Page. 22

![Page Image](https://bcdn.docswell.com/page/47ZMLD2ME3.jpg)

フォーム
2022


# Page. 23

![Page Image](https://bcdn.docswell.com/page/YJ6NW1V5JV.jpg)

ビュー
2022


# Page. 24

![Page Image](https://bcdn.docswell.com/page/GJ55M4DGJ4.jpg)

JavaScript・CSSのカスタマイズ
2022


# Page. 25

![Page Image](https://bcdn.docswell.com/page/9E2N9V8D7R.jpg)

2022


# Page. 26

![Page Image](https://bcdn.docswell.com/page/D7YP436M7M.jpg)

ログイン認証 概要
ユーザー
Power Pages
ウェブサイト
Azure AD B2C
•
•
•
ログイン認証
2022
ログイン
ユーザ―登録
パスワード変更など


# Page. 27

![Page Image](https://bcdn.docswell.com/page/VEN5YVZ3J8.jpg)

IDプロバイダー設定画面
2022


# Page. 28

![Page Image](https://bcdn.docswell.com/page/Y79YP6ZPE3.jpg)

Azure AD B2C
2022


# Page. 29

![Page Image](https://bcdn.docswell.com/page/G786DZ1XJD.jpg)

登録ユーザー情報は「取引先担当者」に
2022


# Page. 30

![Page Image](https://bcdn.docswell.com/page/L7L9MDQNER.jpg)

ロールにユーザーを割り当てる
2022


# Page. 31

![Page Image](https://bcdn.docswell.com/page/4EMZYP1Q7W.jpg)

テーブルのアクセス権限
2022


# Page. 32

![Page Image](https://bcdn.docswell.com/page/PER691LKJ9.jpg)

各ページのアクセス許可を変更する（お問い合せ）
2022


# Page. 33

![Page Image](https://bcdn.docswell.com/page/P7XMQYW5JX.jpg)

各ページのアクセス許可を変更する（お問い合せ一覧）
2022


# Page. 34

![Page Image](https://bcdn.docswell.com/page/37KG93VRED.jpg)

2022


# Page. 35

![Page Image](https://bcdn.docswell.com/page/LJ3NWGMGJ5.jpg)

Microsoft Power Platform CLI（Power Platform Tools）
2022


# Page. 36

![Page Image](https://bcdn.docswell.com/page/8JDWK16NEG.jpg)

2022


# Page. 37

![Page Image](https://bcdn.docswell.com/page/VEP9KQYN78.jpg)

フュージョン開発への期待
市民開発者×プロ開発者
2022


# Page. 38

![Page Image](https://bcdn.docswell.com/page/27VMV5GY7Q.jpg)

Azure AD B2Cとの設定方法は、ブログにまとめてあります。
https://qiita.com/rockfun/items/4d7077eac7c9476ee13f
2022


# Page. 39

![Page Image](https://bcdn.docswell.com/page/5JGGL68WJL.jpg)

ご清聴いただき
ありがとう
ございました！
2022


# Page. 40

![Page Image](https://bcdn.docswell.com/page/47QXY49QJP.jpg)

2022
本日のセッションの
アンケートを
お待ちしております！
https://forms.office.com/r/HsDd4a0N7b


