プロジェクトの申請を処理するキャンバス アプリを生成する
注意
この記事は、Power Apps、Power Automate、および Power BI と SharePoint Online の使用に関するチュートリアル シリーズの一部です。 シリーズ全般に関することや、関連するファイルのダウンロードの詳細について、シリーズの概要 を必ずご覧ください。
リストの用意ができたため、最初のアプリを作成し、カスタマイズできます。 Power Apps は SharePoint に統合されているため、基本の 3 画面アプリ をリストから直接、簡単に生成できます。 このアプリを使用すると、各リスト アイテムの概要と詳細情報を表示し、既存のリスト アイテムを更新し、新規リスト アイテムを作成できます。 リストから直接アプリを作成すると、アプリがそのリストの ビュー として表示されます。 その後、そのアプリをブラウザーや携帯電話で実行できます。
手順 1: リストからアプリを生成する
作成した Project Request リストの中で、統合する -> Power Apps -> アプリの作成 を選択します。
アプリに「プロジェクトの申請アプリ」のような名前を指定し、作成 をクリックまたはタップします。 アプリの準備が整うと、Power Apps Studio でそのアプリが開きます。
手順 2: Power Apps Studio でのアプリのレビュー
Power Apps Studio では、既定では左側のナビゲーション バーに、スクリーンの階層ビューとアプリのコントロールが表示されます。
サムネイル アイコンをクリックまたはタップしてビューを切り替えます。
各スクリーンをクリックまたはタップしてスクリーンを中央のウィンドウに表示します。 スクリーンは 3 つあります。
(a). 参照 スクリーンでは、リストから収集されたデータを参照、並べ替え、およびフィルター処理できます。
(b). 詳細 スクリーンでは、アイテムの詳細を表示できます。
(c). 編集/作成 スクリーンでは、既存のアイテムを編集したり、新規のアイテムを作成したりできます。
手順 3: アプリの参照スクリーンをカスタマイズする
参照スクリーンをクリックまたはタップします。
このスクリーンには ギャラリー を含む レイアウト が配置され、リスト アイテムのほか、検索バーや並べ替えボタンなどの他の コントロール も表示されます。
1 つ目を除く任意のレコードをクリックまたはタップして BrowseGallery1 ギャラリーを選択します。
右側のウィンドウで、プロパティ から プロジェクトの申請 をクリックまたはタップします。
次のリストと一致するフィールドを更新します。
RequestDate
Requestor
敬称
BrowseGallery1 を選択したまま、Items プロパティを選択します。
数式を SortByColumns(Filter('Project Requests', StartsWith(Title, TextSearchBox1.Text)), "Title", If(SortDescending1, Descending, Ascending)) のように変更します。
これにより、Power Apps での既定ではなく、タイトル フィールドを基に、並べ替えおよび検索を行うことができます。 詳細については、「数式の詳細」を参照してださい。
ファイル、保存 の順にクリックまたはタップします。
をクリックまたはタップします をクリックまたはタップしてアプリに戻ります。
手順 4: アプリの詳細スクリーンを確認し、スクリーンを編集する
詳細スクリーンをクリックまたはタップします。
このスクリーンには 表示フォーム を含む別のレイアウトが配置され、そこにギャラリーで選択したアイテムの詳細が表示されます。 また、アイテムを編集および削除するためのコントロールと、参照スクリーンに戻るためのコントロールも表示されます。
編集スクリーンをクリックまたはタップします。
このスクリーンには、選択したアイテムを編集したり、新規アイテムを作成したりするための 編集フォーム が表示されます (参照スクリーンから直接このスクリーンに移動した場合)。 編集内容を保存または破棄するためのコントロールがあります。
手順 5: リストからアプリを実行する
プロジェクトの申請 リストで、すべてのアイテム、プロジェクトの申請アプリ の順にクリックまたはタップします。
開く をクリックすると、新しいブラウザー タブでアプリが開きます。
アプリで
をクリックまたはタップし、参照ギャラリーの最初の項目を表示します。
チェックマーク アイコンを
をクリックまたはタップし、アイテムを編集します。最後の語の "グループ" を "チーム" に変更して 説明 フィールドを更新し、
をクリックまたはタップします
ブラウザー タブを閉じます。
プロジェクトの申請 リストに戻り、プロジェクトの申請アプリ、すべてのアイテム の順にクリックまたはタップします。
アプリから行った変更を確認します。
これは非常に単純なアプリで、基本的なカスタマイズをいくつか行っただけですが、興味深いものをすばやく構築できます。 次のタスクに移りますが、必要に応じて、アプリについてさらに深く考察し、コントロールと数式がどのように連携してアプリの動作を制御するかを確認してください。
数式の詳細
このセクションは省略可能ですが、数式の使用方法を深く理解するのに役立ちます。 このタスクの手順 3 では、BrowseGallery1 の Items プロパティの数式を変更しました。 具体的には、Power Apps の既定フィールドではなく タイトル フィールドを使用するように、並び替えと検索を変更しました。 次に、変更した式を示します。
SortByColumns ( Filter ( 'Project Requests', StartsWith ( Title, TextSearchBox1.Text ) ), "Title", If ( SortDescending1, Descending, Ascending ) )
この数式はどのような処理を行うのでしょうか? ギャラリーに表示されるデータのソースを判別し、検索ボックスに入力されたテキストを基にデータをフィルター処理し、アプリの並べ替えボタンを基に結果を並べ替えます。 この数式は、次の 関数 を使用します。 関数は、パラメーター (入力) を受け取り、演算 (フィルター処理など) を実行し、値 (出力) を返します。
- SortByColumns 関数 は、1 つ以上の列に基づいてテーブルを並べ替えます。
- Filter 関数 は、指定した数式を満たすテーブル内のレコードを検索します。
- StartsWith 関数 は、あるテキスト文字列が別のテキスト文字列で始まるかどうかをテストします。
- If 関数 は、条件が true の場合はある値を返し、同じ条件が false の場合は別の値を返します。
これらの関数を数式に組み込むと、次のようになります。
検索ボックスにテキストを入力すると、StartsWith 関数は、このテキストと、リスト内の タイトル 列にある各文字列の最初の文字を比較します。
StartsWith ( Title, TextSearchBox1.Text )
たとえば、検索ボックスに「de」と入力すると、「Desktop」や「Device」で始まる項目を含む 4 つの結果が表示されます。 「Mobile devices」の項目は「de」で始まる アイテムではないため、表示されません。
Filter 関数は プロジェクトの申請 テーブルの行を 返します。 検索ボックスに比較するテキストがない場合、Filter はすべての行を返します。
Filter ( 'Project Requests', StartsWith ( Title, TextSearchBox1.Text )
If 関数は、変数 SortDescending1 の設定が true か false かをチェックします (アプリの並べ替えボタンで設定)。 その後、この関数は Descending または Ascending の値を返します。
If ( SortDescending1, Descending, Ascending )
これで、SortByColumns 関数がギャラリーを並べ替えることができます。 ここでは タイトル フィールドを基に並べ替えられていますが、これを検索で使用するのとは別のフィールドにすることもできます。
ここまでお読みいただき、この数式の仕組みや、関数と他の要素を組み合わせて、アプリに必要な動作を制御する方法について理解を深めていただけると幸いです。 詳細については、「Power Apps 向けの数式のリファレンス」を参照してください。
次の手順
このチュートリアル シリーズの次の手順では、プロジェクトの承認を管理するフローを作成 します。
関連項目
注意
ドキュメントの言語設定についてお聞かせください。 簡単な調査を行います。 (この調査は英語です)
この調査には約 7 分かかります。 個人データは収集されません (プライバシー ステートメント)。
フィードバック
フィードバックの送信と表示