Power Appsで問い合わせ管理アプリ作ってみた－Power Apps編－

Power Appsでアプリを作成みたシリーズ、今回で最終回を迎えます。

前回のコラムでは、初回に作成したFormsとSharepointのリストをもとに、STEP 3として「FormsとSharePointをPower Automateで連携」の設定方法を紹介しました。

今回は、それらを活用してPower Appsでアプリを作成する方法を紹介していきます。

Power AppsはMicrosoft社のローコード開発ツールです。機能など概要については「Power Platformとは？できること、やってみたことをまとめました」でご紹介しています。

なお、前回のコラムをまだご覧になってない方は、下記からご覧いただけます。

目次

1. 【Youtube】動画で作成の流れを紹介しています
2. 本コラムで紹介するフェーズ
3. Power Appsでアプリを作成する
   1. リストを読み込みアプリを作成
   2. 自動作成されたアプリの確認
   3. アプリの編集
      1. 項目の削除と追加・並び替え、サイズ変更、引用元の変更
      2. ドロップダウンリストの追加
   4. プレビューで確認
4. まとめ

01.Power Apps（https://make.powerapps.com/）にログインします。

02.「データで開始する」をクリックします。

03.「外部データに接続する」をクリックします。

04.「SharePointから」を選択し、リストのあるサイトを選択し、「一覧を選択する」では該当のリストを選択し、「アプリを作成する」ボタンを押します。

05.Power Appsが自動でアプリを作成してくれたので、メニューバーにあるプレビューボタンを押します。

06.左側に投稿の一覧が表示され、クリックすると投稿内容の明細が確認できます。項目の過不足などがあるので、これから修正していきます。

07.項目をすべて選択し、「フィールドの編集」をクリックします。

08.項目を削除

項目の上にカーソルを置き、「...」をクリックし、「削除」を選択します。

09.項目を追加

「＋フィールドの追加」をクリックし、追加したい項目の前のチェックボタンを選択し、「追加」ボタンを押します。

10.項目の並び替え

対象をドラックアンドドロップすることで、好きな場所に配置できます。

11.項目のサイズを変更

変更したい項目を選択し、項目のまわりにある丸の上にカーソルを載せるとカーソルの形が変形します。上下左右に動かし、好みのサイズに変更します。

12.項目のデータ引用元を変更

対象項目を選択し、数式を見ると「ThisItem.（項目名）」と表示されます。項目名を削除し、データの引用元にしたい項目名に書き換えます。

13.ドロップダウンリストを追加したい項目を選択し、左のツリービューから該当箇所を確認します。（選択され、他の背景よりも暗くなっています）

項目の上にカーソルを置き、「...」をクリックし、「ロック解除」を選択します。

15.数式バーをみると「DropDownSample」と入力されていますので、これを削除し、選択肢を追加していきます。

数式には[]を入力し、その中に選択肢をクオテーションで囲い入力し、選択肢の間はカンマで区切ります。（例：["A","B","C"]）

16.右側のメニューから「詳細設定」を選択し、Defaultに入力されている"1"を削除し、「ThisItem.(項目名)」に置き換えます。

18.エラーとして赤い×ボタンが表示されます。カーソルを合わせて「数式バーで編集」をクリックします。

20.もう一つのエラーをクリックすると、数式に「DataCardValue（数）.Y + DataCardValue（数）.Height」と表示されます。この「DataCardValue（数）」を先ほど追加した「Dropdown（数）」に書き換えます。