Power Apps アプリ デザイナーでモデル駆動型アプリ コンポーネントを追加または編集する

このチュートリアルでは、モデル駆動型アプリにコンポーネントを追加する方法と、モデル駆動型アプリからコンポーネントを削除する方法について説明します。

モデル駆動型アプリは、さまざまなコンポーネントで構成されています。 アプリには、次の 2 種類のコンポーネントを追加できます。

• Artifacts
• テーブル資産

テーブル、ダッシュボード、ビジネス プロセス フローはすべて、アプリの成果物です。

テーブル アセットは、アプリに含まれる特定のテーブルに関連するフォーム、ビュー、グラフ、およびダッシュボードで構成されます。

アプリ デザイナーのレイアウト

アプリ デザイナーには、主に 2 つの領域があります。 左側にはキャンバスがあり、アプリ コンポーネントを追加できます。

右側には、コンポーネントの選択とコンポーネントのプロパティの設定に使用されるタブがあります。

キャンバスには、 サイト マップ、 ビジネス プロセス フロー、ダッシュボード、テーブル の領域が含 まれています。

テーブルが配置されたら、各テーブルを選択し、フォーム、ビュー、グラフなどの必要なテーブル アセットを追加します。

キャンバス上のコンポーネントを検索するには、 キャンバスの検索 を使用します。 [検索キャンバス] を選択すると、右側のウィンドウのタブの右側に新しい検索タブが開きます。

アプリを開く

1. Power Apps にサインインし、必要に応じて、作業する環境を選択します。

2. 新しいモデル駆動型アプリを作成するか、既存のアプリを選択します。 アプリを作成する方法の詳細については、「アプリ デザイナーを使用してモデル駆動型アプリを作成または編集する」を参照してください。

サイト マップを追加または編集する

アプリ コンポーネントを新しく作成したアプリに追加するには、サイト マップを定義する必要があります。 詳細: サイト マップ デザイナーを使用してモデル駆動型アプリ サイト マップを作成する。

コンポーネントを追加する

ダッシュボードまたはビジネス プロセス フローがアプリに追加されると、関連するテーブルがアプリに自動的に追加されます。

テーブルがアプリに追加されると、そのアセットのタイルが自動的に追加されます。 デザイナー キャンバスにコンポーネントを追加するには、次の 2 つの方法があります。

• デザイナーのコマンドバーにある「追加」
• [コンポーネント] タブのタイルを使用します。

ダッシュボードを追加する

アプリにダッシュボードを追加するには、次の手順に従います。

1. アプリ デザイナー キャンバスで、[ダッシュボード] タイル を 選択します。

   アプリ デザイナー キャンバスの右側のウィンドウには、既定のソリューションで使用できるダッシュボードが表示されます。

2. 検索ボックスに、必要なダッシュボードのキーワードを入力します。

   ダッシュボードの一覧がフィルター処理され、キーワードに一致する結果が表示されます。

3. ユーザーが選択したダッシュボードのみを使用する必要がある場合は、追加する必要があるコンポーネントのチェック ボックスをオンにします。 次の種類のダッシュボードを使用できます。

   • クラシック ダッシュボードは、 Web アプリと統合インターフェイス アプリの両方に表示されます。
   • 対話型ダッシュボードは、 統合インターフェイス アプリにのみ表示されます。 アプリのクライアントの種類を Web アプリとして選択した場合、[ 対話型ダッシュボード ] オプションは表示されません。

   これらのダッシュボードは、アプリ デザイナー キャンバスの [ダッシュボード ] タイルに追加されます。 [ ダッシュボード] タイルには、アプリに追加されたダッシュボードの数も表示されます。 ダッシュボードが選択されていない場合は、ダッシュボード数の代わりに [すべて ] が表示され、ユーザーがアプリを使用するときにすべてのダッシュボードを使用できるようになります。

   ダッシュボードが使用するすべてのテーブルも、 エンティティ ビュー 領域に追加されます。 たとえば、Customer Service Manager ダッシュボードが追加されると、[ ケース]、[ エンタイトルメント]、[ キュー アイテム] のテーブルが [エンティティ ビュー ] 領域に追加されます。

   テーブルごとに、そのアセットのタイルも追加されます。 これらのタイルを使用して、フォーム、ビュー、グラフを追加できます。 詳細については、「Power Apps アプリ デザイナーでアプリ コンポーネントを追加または編集する」を参照してください。

   する

4. 目的のダッシュボードが既定のソリューションに存在しない場合は、キャンバスの右側にある [コンポーネント] タブで [新規作成] を選択してダッシュボードを作成します。

   

   ダッシュボード デザイナーが開きます。 詳細については、「ダッシュボードの作成と編集」を参照してください。

5. [保存] を選択して、上記の手順を完了します。

業務プロセス フローを追加する

ビジネス プロセス フローをアプリに追加するには、次の手順に従います。

1. アプリ デザイナー キャンバスで、[ ビジネス プロセス フロー ] タイルを選択します。

   アプリ デザイナー キャンバスの右側のウィンドウには、既定のソリューションで使用できるダッシュボードが表示されます。

2. [ 検索 ] ボックスに、目的の業務プロセス フロー名に一致する 1 つ以上のキーワードを入力します。

   業務プロセス フローの一覧がフィルター処理され、キーワードに一致する結果が表示されます。

3. 目的のダッシュボードが既定のソリューションに存在しない場合は、キャンバスの右側にある [コンポーネント] タブで [新規作成] を選択してダッシュボードを作成します。

   注

   業務プロセス フローを追加するときに、[ 新規作成 ] オプションを選択すると、[ プロセスの作成 ] ダイアログが開きます。 業務プロセス フローの作成の詳細については、「業務プロセス フローの作成」を参照してください。

4. [保存] を選択して、上記の手順を完了します。

テーブルを追加する

アプリにテーブルを追加するには、次の手順に従います。

1. アプリ デザイナー キャンバスで、[ テーブル ] タイルを選択します。

   アプリ デザイナー キャンバスの右側のウィンドウには、既定のソリューションで使用できるダッシュボードが表示されます。

2. [ 検索 ] ボックスに、目的のテーブル名に一致する 1 つ以上のキーワードを入力します。

   テーブルの一覧がフィルター処理され、キーワードに一致する結果が表示されます。

   注

   テーブルを追加するときに、[ 新規作成 ] オプションを選択すると、[ 新しいテーブル ] ダイアログが開きます。 テーブルの作成の詳細については、「 カスタム テーブルの作成」を参照してください。

3. [保存] を選択して、上記の手順を完了します。

テーブルアセットを追加する

コンポーネントを配置すると、フォーム、ビュー、グラフ、ダッシュボードなどのテーブル アセットをアプリに追加できます。

このセクションでは、アプリにフォームを追加する手順について説明します。 同じ手順を使用して、ビューまたはグラフをアプリに追加します。

1. アプリ デザイナー キャンバスで、 フォーム を追加する関連テーブルの [フォーム] タイルを選択します。

   アプリ デザイナー キャンバスで、テーブルの行全体が選択されます。 右側には、選択したテーブルのすべての既存のフォームが表示されます。

2. ユーザーが使用できるようにする必要があるフォームのチェック ボックスをオンにします。 フォームは、ユーザーがアプリ内のデータを表示および操作する方法を定義します。

   選択したテーブルのフォーム タイルに、追加されたフォームの数が表示されます。

   

   テーブルのフォームが選択されていない場合、そのテーブルのすべてのフォームは、アプリの使用中にユーザーに表示されます。 この動作は、ビューやグラフが選択されていない場合にも似ています。 これは、使用可能なすべてのコンポーネントが必要な場合に、アプリをすばやく作成するのに役立ちます。 アプリの設計時に各コンポーネントを選択する必要はありません。

   ダッシュボードまたは業務プロセス フローが選択されていない場合、ユーザーがアプリを使用している間、すべてのダッシュボードと業務プロセス フローを使用できるようになります。

   注

   アプリを実行するには、追加される各テーブルに少なくとも 1 つのアクティブなフォームが必要です。 複数のフォームが選択されている場合、ユーザーがアプリを実行するときに、既定のソリューションに表示される最初のアクティブなフォームが使用されます。

3. 一覧にない新しいフォームを追加するには、[ 新規作成] を選択します。

   ドロップダウン リストで、必要なフォームの種類を選択します。

   

   注

   ドロップダウン リストは、フォームを追加する場合にのみ使用できます。 ビューやグラフでは使用できません。

   フォーム デザイナーが開きます。 詳細情報: フォームの作成とデザイン

   ビューまたはグラフを追加すると、[ 新規作成 ] オプションで対応するデザイナーが開きます。 詳細については、「ビューについて」および「システム グラフの作成または編集」を参照してください。

   注

   ビューを追加すると、ソリューション エクスプローラーの [ビュー] ノードの下に一覧表示されているパブリック ビュー を選択できます。

4. 下矢印 をクリックしてタイルを展開し、追加されたフォームの一覧を表示します。

   

5. 前の手順を繰り返して、テーブル ビューとグラフをアプリに追加します。

6. 保存 を選択します。

コンポーネントを編集または削除する

• ダッシュボードまたは業務プロセス フローを編集するには、下矢印 をクリックしてタイルを展開し、[サイト マップ デザイナー] ボタン [ 更新する必要があるダッシュボードまたは業務プロセス フローに対応します。

  選択した成果物のデザイナーが開きます。

• ダッシュボードまたは業務プロセス フローを削除するには、下矢印 をクリックしてタイルを展開し、削除する必要があるダッシュボードまたは業務プロセス フローを選択します。 コマンド バーで、[削除] を選択 します。

  ダッシュボードまたは業務プロセス フローを削除するもう 1 つの方法は、[ コンポーネント ] タブの対応するチェック ボックスをオフにすることです。

• テーブルを編集または削除するには、テーブル タイルを選択し、コマンド バーで [編集] または [削除] を選択 します。 テーブルを編集すると、ソリューション エクスプローラーが開き、テーブルに変更を加えることができます。

  コンポーネントを削除するもう 1 つの方法は、ダッシュボード、業務プロセス フロー、またはテーブル タイルを選択することです。 [ コンポーネント ] タブで、デザイナーから削除する必要があるコンポーネントのチェック ボックスをオフにします。

  注

  テーブルの表示名や説明の変更など、テーブルに変更が加えられた場合、変更はソリューション エクスプローラーで発行されるまでアプリ デザイナーに表示されません。

テーブル アセットを編集または削除する

テーブル アセットを編集する

1. 下矢印 をクリックして、フォーム、ビュー、グラフ、またはダッシュボードのタイルを展開します。

2. 更新する必要があるフォーム、ビュー、グラフ、またはダッシュボードを選択します。

3. コマンド バーで 編集 を選択します。

   又は

   サイト マップ デザイナーを開くボタンを選択して、フォーム、ビュー、グラフ、またはダッシュボードに対応するサイト マップ デザイナーを開いてください。

テーブルアセットを削除する

1. 下矢印のドロップダウンアイコン を選択して、フォーム、ビュー、チャート、またはダッシュボードのタイルを展開します。

2. アセットを編集するには、関連するフォーム、ビュー、グラフ、またはダッシュボードを選択します。

3. コマンド バーで、[削除] を選択 します。

または、フォーム、ビュー、グラフ、またはダッシュボード タイルを選択し、[ コンポーネント ] タブで、削除する必要がある資産のチェック ボックスをオフにします。

次のステップ

アプリのサイト マップを作成する

アプリを検証して発行する