プロジェクトの申請を処理するキャンバス アプリを生成する

リストの用意ができたため、最初のアプリを作成し、カスタマイズできます。 Power Apps は SharePoint に統合されているため、基本の 3 画面アプリをリストから直接、簡単に生成できます。 このアプリを使用すると、各リスト アイテムの概要と詳細情報を表示し、既存のリスト アイテムを更新し、新規リスト アイテムを作成できます。 リストから直接アプリを作成すると、アプリがそのリストのビューとして表示されます。 その後、そのアプリをブラウザーや携帯電話で実行できます。

手順 1: リストからアプリを生成する

1. 作成したProject Request リストの中で、統合する -> Power Apps -> アプリの作成を選択します。

   

2. アプリに「プロジェクトの申請アプリ」のような名前を指定し、作成をクリックまたはタップします。 アプリの準備が整うと、Power Apps Studio でそのアプリが開きます。

   

手順 2: Power Apps Studio でのアプリのレビュー

1. Power Apps Studio では、既定では左側のナビゲーション バーに、スクリーンの階層ビューとアプリのコントロールが表示されます。

   

2. サムネイル アイコンをクリックまたはタップしてビューを切り替えます。

   

3. 各スクリーンをクリックまたはタップしてスクリーンを中央のウィンドウに表示します。 スクリーンは 3 つあります。

   (a). 参照スクリーンでは、リストから収集されたデータを参照、並べ替え、およびフィルター処理できます。

   (b). 詳細スクリーンでは、アイテムの詳細を表示できます。

   (c). 編集/作成スクリーンでは、既存のアイテムを編集したり、新規のアイテムを作成したりできます。

   

手順 3: アプリの参照スクリーンをカスタマイズする

1. 参照スクリーンをクリックまたはタップします。

   このスクリーンにはギャラリーを含むレイアウトが配置され、リスト アイテムのほか、検索バーや並べ替えボタンなどの他のコントロールも表示されます。

2. 1 つ目を除く任意のレコードをクリックまたはタップして BrowseGallery1 ギャラリーを選択します。

   

3. 右側のウィンドウで、プロパティからプロジェクトの申請をクリックまたはタップします。

4. 次のリストと一致するフィールドを更新します。

   • RequestDate

   • Requestor

   • 敬称

     

5. BrowseGallery1 を選択したまま、Items プロパティを選択します。

   

6. 数式を SortByColumns(Filter('Project Requests', StartsWith(Title, TextSearchBox1.Text)), "Title", If(SortDescending1, Descending, Ascending)) のように変更します。

   

   これにより、Power Apps での既定ではなく、タイトル フィールドを基に、並べ替えおよび検索を行うことができます。 詳細については、「数式の詳細」を参照してださい。

7. ファイル、保存の順にクリックまたはタップします。 をクリックまたはタップします をクリックまたはタップしてアプリに戻ります。

手順 4: アプリの詳細スクリーンを確認し、スクリーンを編集する

1. 詳細スクリーンをクリックまたはタップします。

   このスクリーンには表示フォームを含む別のレイアウトが配置され、そこにギャラリーで選択したアイテムの詳細が表示されます。 また、アイテムを編集および削除するためのコントロールと、参照スクリーンに戻るためのコントロールも表示されます。

   

2. 編集スクリーンをクリックまたはタップします。

   このスクリーンには、選択したアイテムを編集したり、新規アイテムを作成したりするための編集フォームが表示されます (参照スクリーンから直接このスクリーンに移動した場合)。 編集内容を保存または破棄するためのコントロールがあります。

   

手順 5: リストからアプリを実行する

1. プロジェクトの申請リストで、すべてのアイテム、プロジェクトの申請アプリの順にクリックまたはタップします。

   

2. 開くをクリックすると、新しいブラウザー タブでアプリが開きます。

   

3. アプリで をクリックまたはタップし、参照ギャラリーの最初の項目を表示します。

   

4. チェックマーク アイコンを をクリックまたはタップし、アイテムを編集します。

5. 最後の語の "グループ" を "チーム" に変更して説明フィールドを更新し、 をクリックまたはタップします

   

6. ブラウザー タブを閉じます。

7. プロジェクトの申請リストに戻り、プロジェクトの申請アプリ、すべてのアイテムの順にクリックまたはタップします。

   

8. アプリから行った変更を確認します。

   

これは非常に単純なアプリで、基本的なカスタマイズをいくつか行っただけですが、興味深いものをすばやく構築できます。 次のタスクに移りますが、必要に応じて、アプリについてさらに深く考察し、コントロールと数式がどのように連携してアプリの動作を制御するかを確認してください。

数式の詳細

このセクションは省略可能ですが、数式の使用方法を深く理解するのに役立ちます。 このタスクの手順 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 の場合は別の値を返します。

これらの関数を数式に組み込むと、次のようになります。

1. 検索ボックスにテキストを入力すると、StartsWith 関数は、このテキストと、リスト内のタイトル列にある各文字列の最初の文字を比較します。

   StartsWith ( Title, TextSearchBox1.Text )

   たとえば、検索ボックスに「de」と入力すると、「Desktop」や「Device」で始まる項目を含む 4 つの結果が表示されます。 「Mobile devices」の項目は「de」で始まるアイテムではないため、表示されません。

2. Filter 関数はプロジェクトの申請テーブルの行を返します。 検索ボックスに比較するテキストがない場合、Filter はすべての行を返します。

   Filter ( 'Project Requests', StartsWith ( Title, TextSearchBox1.Text )

3. If 関数は、変数 SortDescending1 の設定が true か false かをチェックします (アプリの並べ替えボタンで設定)。 その後、この関数は Descending または Ascending の値を返します。

   If ( SortDescending1, Descending, Ascending )

4. これで、SortByColumns 関数がギャラリーを並べ替えることができます。 ここではタイトル フィールドを基に並べ替えられていますが、これを検索で使用するのとは別のフィールドにすることもできます。

ここまでお読みいただき、この数式の仕組みや、関数と他の要素を組み合わせて、アプリに必要な動作を制御する方法について理解を深めていただけると幸いです。 詳細については、「Power Apps 向けの数式のリファレンス」を参照してください。

次の手順

このチュートリアル シリーズの次の手順では、プロジェクトの承認を管理するフローを作成 します。

関連項目

• SharePoint の統合シナリオ