2023年7月13日に「SharePointを活用したMicrosoft Power Platformデータ連携 ～Power AppsとAutomateによる開発実践～」ウェビナーを開催しました。

ウェビナーで紹介した開発実演を、①フロー作成を中心とした「Power Automate編」、②画面作成を中心とした「Power Apps編」の2回に分けて紹介します。

①フロー作成を中心とした「Power Automate編」については、承認フローを作ってみた～Power Automate編～　の記事をご覧ください。

承認フローを作ってみた～Power Automate編～ | MISO

/miso/workflow-powerautomate

今回の記事「Power Automate編」では、Power Automateを活用したワークフローの作成方法を紹介します。SharePointに格納してあるデータをPower Appsで表示して、承認対象のデータをPower Automateで承認者に承認依頼する処理となります。

今回の記事では、②画面作成を中心とした「Power Apps編」を紹介します。(※図1の赤枠の部分です)
今回作成する画面から呼び出すフローは2023年11月6日に投稿した「Power Automate編」で作成したフローを利用します。

　図1:処理全体のアプリケーションの流れ

Power Apps開発実演

事前準備

今回も「Power Automate編」と同様にSharePointリストに格納してあるデータを利用するので、以下のサイトおよびリストを用意します。

・SharePointのサイト名：HAISO_SPO

・SharePointリスト名：Haiso_Table

図2:Haiso_Tableの定義

Power Appsで画面を作成

今回はSharePointにあるHaiso_Tableをデータソースとして画面を作成します。データソースから画面を作成すると自動的に画面が作成されるので、作成された画面の見栄えを調整して完成させます。

１．左メニューの【作成】をクリックすると、アプリの作成方法を指定する画面が表示されます。

　図3:サイドメニュー

２．今回はSharePointリストをデータソースとして作成するので、「この中から始める」の【SharePoint】をクリックします。

　　　図4:データソース種類の選択

３．利用するデータの接続アカウントを指定するため、【+新しい接続】をクリックします。以前、接続先を指定したことがある場合は、その情報が表示されるので該当の接続アカウントが表示されている場合は、そのアカウントをクリックしても構いません。

※利用するデータに接続アカウントの権限が割り振られている必要があります。

図5:データソースの選択

４．SharePointリストのHaiso_Tableを選択するため、順番に必要な情報を選択もしくは入力します。
SharePointに接続するので接続先として【SharePoint】をクリックします。

 図6:データソース(SharePoint)の選択

データとして利用するHaiso_Tableは、Microsoft365上のSharePointに存在するので、【直接接続　クラウドサービス】を選択(デフォルトで選択されています)して、【作成】をクリックします。

　図7:データソース(SharePoint)の接続形態選択

次に利用するSharePointリストが格納されているSharePointサイトを入力します。SharePointサイトに存在するSharePointリストが表示されるので【Haiso_Table】を選択し、【接続】をクリックします。

　図8:SharePointサイトの指定

　図9:利用データの指定

５．読み込み中の画面が表示され、しばらくすると自動的に画面が作成されて以下のような画面が表示されます。(左メニューを確認すると、一覧画面(BrowseScreen1)、詳細画面(DetailScreen1)、編集画面(EditScreen1)の３つが作成されているのがわかります。)

　　　　　　　　　　　　　　　　図10:自動で作成された画面

６．画面で利用するデータソース(Office 365 ユーザー)とPower Automateで作成したフロー(以前の投稿で作成した配送承認フロー)を追加で登録します。

※Office 365 ユーザーは、誰が申請したかを特定するために利用します。配送承認フローは、画面と連携するフローとして利用します。
※Office 365 ユーザーの追加は、左メニューの【データ】アイコンをクリックして、【データの追加】⇒データソースの選択で【Office 365 Users】(「Office」で検索すれば見つけやすいです)⇒【Office 365 ユーザー】の順にクリックすることにより追加します。

　図11:データソース(Office365ユーザー)の追加

追加後、以下のような画面になります。

図12:追加されたデータソース(Office365ユーザー)

配送承認フローの追加は、左メニューの【Power Automate】アイコンをクリックして、【＋フローの追加】⇒フローの追加で【配送承認フロー】(「配送承認」で検索すれば見つけやすいです)の順にクリックすることにより追加します。

図13:フロー(配送承認フロー)の追加

追加後、以下のような画面になります。

　図14:追加されたフロー(配送承認フロー)

７．ここからは５．で作成された画面の見栄えを調整します。
まず、一覧画面の不要な部品を削除、必要な部品を追加します。
(１)【レコードの追加】アイコンと【並び替え】アイコンを削除します。
(２)【再表示】アイコンの位置を調整します。
(３)画面のタイトルを「Haiso_Table」から【配送申請】に変更します。

　　　　図15:一覧画面の見栄え調整

８．表示するデータを日付で絞れるように日付の部品を配置します。
左メニューの【＋(挿入)】をクリックして、検索欄に「日付」と入力し、【入力】をクリックします。
【日付の選択】コントロールが表示されるので、ドラッグ＆ドロップで画面に配置します。

　図16:日付の選択追加

９．８．で配置した「日付の選択」で指定された日付と合致するデータが表示されるようにします。
左メニューの【ツリービュー】をクリックし、【BrowseGallery1】をクリックします。

 図17:BrowseGalleryの選択

「BrowseGallery1」の「Items」式に以下の式を入力します。

図18:日付が合致するデータの取得式

(式)

Filter([@Haiso_Table], 配達希望日 = DatePicker1.SelectedDate And 申請フラグ = false)
この式は、選択された日付(DatePicker1.SelectedDate)と「Haiso_Table」の「配達希望日」が同じ日付で、かつ未申請(申請フラグ＝false)のデータを抽出(Filter)する処理を示しています。

１０．次に表示する項目の見栄えを調整します。
今回は、以下の3つの項目を表示します。各項目は上から、Title1、Subtitle1、Body1として定義されています。左メニューで表示されている部品をクリックして各々の見栄えを調整します。

　　　　・顧客名・・・Title1として定義(顧客名：X・・・X　と表示されるように変更)

　　　　・顧客住所・・・Subtitle1として定義(顧客住所：X・・・X　と表示されるように変更)

　　　　・配達希望日・・・Body1として定義(配達希望日：X・・・X　と表示されるように変更)

図19:Title、Subtitle、Bodyの選択

図20:表示する項目の指定

　　　　・Title1の「Text」に「”顧客名：” & ThisItem.顧客名」を入力

　　　　・Subtitle1の「Text」に「”顧客住所：” & ThisItem.顧客住所」を入力

　　　　・Body1の「Text」に「”配達希望日：” & ThisItem.配達希望日」を入力

１１．これで一覧画面(BrowseScreen1)は完成です。以下のような画面になります。

図21:完成した一覧画面

１２．続いて、詳細画面(DetailScreen1)の見栄えを調整します。左メニューの「DetailScreen1」をクリックします。

図22:詳細画面の選択

以下のような画面が表示されるので見栄えを調整します。

図23:詳細画面の見栄え調整

不要な部品の削除やテキスト分の編集します。

　　　(１)【レコードの削除】アイコンと【編集】アイコンを削除します。
　　　(２)【タイトル】と表示された項目を削除します。
　　　(３)画面のタイトルを「Haiso_Table」から【選択した配送データ】に変更します。

削除と編集を行うと以下のような画面になります。

図24:見栄え調整後の詳細画面

１３．Power Automateで作成したフローと連携させるために、ボタンを配置します。
ボタンを配置するためにデータを表示するエリア(DetailForm1)の高さを調整します。

図25:DetailFormの高さ調整

次に、左メニューの「挿入」から【ボタン】をドラッグ＆ドロップで配置し、テキストを【申請】に変更します。

図26:ボタンの選択

図27:ボタンのタイトル変更

１４．「申請」ボタンをクリックした際に「配送承認フロー」と連携させるために、「OnSelect」に式を以下のように入力します。

図28:申請ボタンクリック時の処理式

(式)

　　　配送承認フロー.Run(

　　　    Office365ユーザー.MyProfileV2().mail,

　　　    Value(BrowseGallery1.Selected.ID)

　　　);

　　　Patch(Haiso_Table,LookUp(Haiso_Table,ID = BrowseGallery1.Selected.ID),{申請フラグ:true});

　　　Navigate(BrowseScreen1)

この式は、ボタンがクリックされた際に、「配送承認フロー」を起動します。その際の引数として、ログインしているユーザーのメールアドレス(Office365ユーザー.MyProfileV2().mail)と表示している「Haiso_Table」を特定するためのSharePointリストのID(BrowseGallery1.Selected.ID)を渡します。続けて、「Haiso_Table」を未申請以外(申請フラグ:true)にし、画面を一覧画面(BrowseScreen1)に戻る処理を示しています。

１５．これで詳細画面(DetailScreen1)は完成です。以下のような画面になります。

図29:完成した詳細画面

１６．最後に自動で作成された編集画面(EditScreen1)を削除し、保存して終了です。

おわりに

今回は、前回投稿した「Power Automate編」で作成したフローと連携する画面をPower Appsで作成する「Power Apps編」をご紹介しました。今後も「Power Platform」を題材にした投稿を行っていく予定でおりますので、皆様が作成されるうえでのご参考になれば幸いです。最後に、tdiはローコード開発に力を入れていますので、こちらにお気軽にお問い合わせ下さい。

Microsoft Power Platform | 情報技術開発株式会社

/solution/powerplatform

OutSystems と Microsoft Power Platformを取り上げ、その特徴や製品を選択するうえで押さえておくべきポイントを解説、また それぞれのアプリケーションで取り扱うデータを連携することで、さらなる効率化を実現します。

2023年7月13日に「SharePointを活用したMicrosoft Power Platformデータ連携 ～Power AppsとAutomateによる開発実践～」ウェビナーを開催しました。

ウェビナーでは、Microsoft Power Platformの概要やSharePointを活用したデータ連携と開発実演を紹介。開発実演では、Power AutomateとPower Appsの2つに焦点を当て、Power Automateを使ったフロー作成やPower Appsで申請業務の画面作成を解説しました。そのウェビナーで紹介した開発実演から、①フロー作成を中心とした「Power Automate編」、②画面作成を中心とした「Power Apps編」の2回に分けて紹介します。

この「Power Automate編」「Power Apps編」で紹介する開発例は、SharePointに格納してあるデータをPower Appsで表示して、承認対象のデータをPower Automateで承認者に承認依頼する処理となります。具体的には、お客様が商品を購入した際に指定した配達希望日に配送してもよいかどうかを決裁する処理となります。

今回の記事「Power Automate編」では、Power Automateを活用したワークフローの作成方法を紹介します。（※図1の赤枠の部分です）「Power Apps編」で作成する画面から「Power Automate編」で作成したフローを呼び出すため、最初にフローの作成を行います。

図1:処理全体のアプリケーションの流れ

事前準備

今回はSharePointのリストに格納してあるデータを利用するので、以下のサイトおよびリストを用意します。

・SharePointのサイト名：HAISO_SPO

・SharePointリスト名：Haiso_Table

図2:Haiso_Tableの定義

Power Automateでフローを作成

Power Appsのボタンがクリックされたことを起点として、実行されるワークフローを以下の流れで作成します。

図3:概略フロー

１．Power Automateのコンソール画面を開き、左側の【作成】をクリックします。

図4:サイドメニュー

２．【作成】をクリックすると、右側の画面でフローの種類を選択できる画面が表示されます。今回は、Power Appsのボタンをクリックした際に実行するフローを作成するので【インスタントクラウドフロー】をクリックします。

図5:フロー選択画面

３．インスタントクラウドフローを選択すると、「何を起点に実行するか」を選択するためのトリガーを選択する画面がポップアップで表示されます。

※Power Appsのボタンクリックをトリガーにするので、【Power Apps(V2)】を選択します。同時に、フロー名もわかりやすい名前をつけるために【配送承認フロー】と入力します。

トリガーの選択とフロー名の入力が完了したら【作成】ボタンをクリックします。

図6:トリガー選択画面

４．【Power Apps(V2)】のトリガーが選択されると、以下の画面が表示されます。まず、【新しいステップ】をクリックし、次に表示される画面でPower Appsから渡されるパラメータを指定します。

パラメーターは以下を指定します。
・【申請者アカウント】<入力の種類[メール]>：誰が申請したのかという情報
・【配送データID】<入力の種類[数]>：申請するデータを特定する情報

次に【新しいステップ】をクリックします。

図7:トリガーのパラメータ指定

５．承認者に通知する際に表示するHaiso_Tableの項目を取得するために、SharePointに格納されているデータ(項目)を選択します。

【操作を選択してください】画面の検索欄に「sharepoint」と入力すると、SharePointに関連するアクションが表示されます。その中から【項目の取得】を選択します。

図8:操作選択画面

６．SharePointから項目を取得するための指定画面が表示されます。

各項目を以下のように設定します。また、作成したフローを見た際にわかりやすいようにタイトルも変更します。設定が完了したら、【新しいステップ】をクリックします。

・サイトのアドレス：Haiso_Tableが存在するサイトのURL

・リスト名：Haiso_Table

・ID：[PowerApps(V2)] 配送データID　※【動的なコンテンツの追加】をクリックすると選択できます

・タイトル：配送リストから配送情報を取得

図9:SharePoint項目取得指定画面

７．承認者に通知する際のメッセージを設定します。

【項目を選択してください】画面の検索欄に「承認」と入力すると、承認に関連するアクションが表示されます。その中から【開始して承認を待機】を選択します。

図10:操作選択画面

以下のように設定します。

・承認の種類：承認/拒否・最初に応答　※リストから選んでください

・タイトル：配送許可の申請依頼

・担当者：承認者のアカウント　※今回は、執筆者のアカウントを固定で指定しました

・詳細：任意のメッセージを設定してください。

・要求元：[PowerApps(V2)] 申請者アカウント　※【動的なコンテンツの追加】をクリックすると選択できます

・タイトル：配送許可の承認依頼

　６．のステップでHaiso_Tableの項目を取得する設定をしているので、Haiso_Tableの項目を含めることも可能です。今回は、配送日、配送先お客様名、配送商品をHaiso_Tableから取得しています。

図11:承認者への通知メッセージ指定画面

８．承認者がメッセージを受け取り、承認・拒否をした際のアクションを設定します。

まず、【項目を選択してください】画面の検索欄に「条件」と入力すると、条件に関連するアクションが表示されます。その中から【条件】を選択します。

図12:操作選択画面

条件を選択すると、判断条件とはい(承認)、いいえ(拒否)を設定する枠が表示されます。

判断条件には、承認された＝はい(承認)、承認された＝いいえ(拒否)とするための条件を以下の画面のように設定します。

図13:条件指定画面

はい(承認)、いいえ(拒否)の枠の中にある【アクションの追加】をクリックしてそれぞれの処理を設定します。

図14:分岐処理指定画面

９．はい(承認)時の処理を設定します。

承認時の処理として、Haiso_Tableの項目を更新するので、【操作を選択してください】画面の検索欄に「項目の更新」を入力して、【項目の更新】アクションを選択します。

図15:操作選択画面

各項目を以下のように設定します。また、作成したフローを見た際にわかりやすいようにタイトルも変更します。これで、承認時の処理の設定は完了です。

・サイトのアドレス：Haiso_Tableが存在するサイトのURL

・リスト名：Haiso_Table

・ID：[配送リストから配送情報を取得] ID　※【動的なコンテンツの追加】をクリックすると選択できます

・申請フラグ：空白　※デフォルト値(いいえ)を空白にします

・承認者：[配送許可の承認依頼] 回答数 承認者名　※【動的なコンテンツの追加】をクリックすると選択できます

・承認日時：[配送許可の承認依頼] 完了日　※【動的なコンテンツの追加】をクリックすると選択できます

・タイトル：配送テーブルに承認結果を更新

図16:承認時の処理指定画面

１０．いいえ(拒否)時の処理を設定します。

拒否時の処理として、Haiso_Tableの項目を更新するので、【操作を選択してください】画面の検索欄に「項目の更新」を入力して、【項目の更新】アクションを選択します。

図17:操作選択画面

各項目を以下のように設定します。また、作成したフローを見た際にわかりやすいようにタイトルも変更します。これで、拒否時の処理の設定は完了です。

・サイトのアドレス：Haiso_Tableが存在するサイトのURL

・リスト名：Haiso_Table

・ID：[配送リストから配送情報を取得] ID　※【動的なコンテンツの追加】をクリックすると選択できます

・申請フラグ：デフォルト値(いいえ)

・タイトル：配送テーブルに承認結果を更新

図18:否認時の処理指定画面

１１．以上で、以下のようなフローが作成されます。最後に【保存】ボタンをクリックして終了です。

図19:完成フロー

おわりに

今回は、Power Appsのボタンがクリックされたことを起点として、Power Automateによって実行されるワークフローの手順「Power Automate編」をご紹介しました。次回は、Power Appsで申請画面の作成手順と今回作成したフローを連携する手順を紹介します。

最後に、tdiはローコード開発に力を入れていますので、こちらにお気軽にお問い合わせ下さい。

Microsoft Power Platform | 情報技術開発株式会社

/solution/powerplatform

OutSystems と Microsoft Power Platformを取り上げ、その特徴や製品を選択するうえで押さえておくべきポイントを解説、また それぞれのアプリケーションで取り扱うデータを連携することで、さらなる効率化を実現します。