次の方法で共有

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

  • [アーティクル]

注意

この記事は、Power Apps、Power Automate、および Power BI と SharePoint Online の使用に関するチュートリアル シリーズの一部です。 シリーズ全般に関することや、関連するファイルのダウンロードの詳細について、シリーズの概要 を必ずご覧ください。

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

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

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

    アプリを作成します。

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

    アプリの名前を指定します。

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

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

    階層ビューが表示された Power Apps Studio。

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

    Power Apps Studio ビューのセレクター。

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

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

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

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

    サムネイル ビューの Power Apps Studio。

手順 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 向けの数式のリファレンス」を参照してください。

次の手順

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

関連項目

注意

ドキュメントの言語設定についてお聞かせください。 簡単な調査を行います。 (この調査は英語です)

この調査には約 7 分かかります。 個人データは収集されません (プライバシー ステートメント)。