演習

完了

このユニットでは、Microsoft Power Apps 環境で使用できる標準テーブルのいずれかを使用して、モデル駆動型アプリを作成します。 モデル駆動型アプリを作成する前に、まずアプリに常駐させるソリューション アプリを作成します。

ソリューションを作成し、既存のデータ テーブルを追加する

  1. Power Apps ホーム ページでソリューション (左側のナビゲーション パネルからその他を選択してから、ソリューションを選択する必要があるかもしれません) を選択します。

  2. コマンド バーから、新しいソリューションを選択します。

  3. スクリーンの右側に表示される新しいソリューション パネルに、次の情報を入力します。

    表示名: ラーニング 取引先企業

    公開元: [ドロップダウンから 1 つ選択]

  4. パネルの下部にある作成ボタンを選択します。

  5. ソリューションが表示されると、オブジェクトの一覧が表示されます。括弧内の数字は、ソリューションに含まれる各タイプのオブジェクトの数を示します。 コマンド バーで、既存の追加>テーブルを選択します。

  6. 取引先企業 テーブルを探して選択します。

  7. スクリーンが選択されたテーブルに遷移したら、すべてのオブジェクトを含めるボックスを選択します。 そして、スクリーンの下部にある追加ボタンを選択します。

しばらくすると、取引先企業 テーブルがソリューションのオブジェクトとして表示されます。 オブジェクトの一覧にテーブルが表示されることがわかります。

モデル駆動型アプリを作成する

  1. 引き続きソリューション オブジェクト メニューからコマンド バーに移動し、新規>アプリ>モデル駆動型アプリに移動します。

  2. アプリに "ラーニング 取引先企業" と名前を付け、作成を選択します。

新しいアプリがアプリ デザイナーに表示され、これにコンポーネントを追加できるようになりました。

アプリへのページの追加

ページをアプリに追加するには、アプリ デザイナーを使用します。

  1. ページの追加を選択します。

    サイト マップ デザイナー ビューのスクリーンショット。

  2. 新しいページ ポップアップ ウィンドウで、Dataverse テーブルが選択されている (既定値) ことを確認し、次へを選択します。 その後、取引先企業を選択し、追加を選択します。

    メモ

    取引先企業がテーブルのオプションではない場合は、環境内にサンプル データが存在しない可能性があります。 サンプル アプリおよびデータの作成方法については、この演習を参照してください。 サンプル データが表示されない場合、このドキュメントを参照してサンプル データを追加してください。

先に進んでアプリで保存し、(コマンドバーの右上のボタンで) 公開します。

フォームの編集

アプリを作成したときに、Power Apps でアプリのフォームが自動的に作成されました。 次に、メイン フォームに対して変更を行います。 Power Apps スクリーンの左端にナビゲーション タブがあり、この時点では選択された項目としてす。ページと、そのすぐ右側にページ パネルが表示されています。 アプリには現在 1 ページがあります。 ナビゲーションには取引先企業 ビューが表示されており、展開すると取引先企業 フォームが表示されます。

  1. ナビゲーション取引先企業 フォームを選択します。 フォームはアプリに表示されるのと同じように Power Apps キャンバスに表示されます。

  2. フォームの編集を選択します。

  3. この事前設定されたフォームには多くの機能がありますが、圧倒されないでください。 いくつかの簡単な変更を行って、フォームの変更がいかに簡単かを見てみましょう。 取引先企業情報 ペインに移動し、株式銘柄コードを選択します。

  4. コマンド バーから削除を選択してフォームから削除します。 フォームからこの項目を削除しても、この列はデータから削除されるのではなく、単にフォームから削除されるだけです。 列を誤って削除してしまった場合でも、Power Apps ではコマンド バーに便利な元に戻すボタンがあります。

  5. スクリーン左側のテーブルの列パネルを確認してください。 これは、取引先企業 テーブルのすべての列のリストです。 削除した株式銘柄コード列を検索する場合は、検索フィールドに「株式銘柄」と入力します。

  6. テーブルの列をクリックすると、その列がフォームのカーソルの下の部分に追加されます。 現在、カーソルは取引先企業情報ペインにあるはずです。 テーブルの列ペインから 株式銘柄コードを選択します。 これをフォームに再度追加するのがいかに簡単かわかりましたか?

  7. この時点で、保持する変更を加えた場合は、コマンド バーの右上から保存して公開を選択できます。

  8. Power Apps でフォームの再公開が完了したら、コマンド バーの右上から戻るを選択してフォーム エディターを終了します。

ビューの編集

このアプリを作成するときに、それに合わせて Power Apps でいくつかのビューを作成しました。 ページ パネルの ナビゲーション メニューで、既にアプリの一部となっているビューを確認できます。 画面に表示されている現在のビューは取引先企業 ビューというタイトルのビューで、画面には "アクティブな取引先企業" が表示され、タイトルのすぐ右側にドロップダウンがあります。

  1. ナビゲーション一覧で取引先企業 ビューを選択します。 スクリーンの右側にパネルが表示され、取引先企業 テーブルとその下にタブ付き一覧が表示され、現在、ビューが表示され、そしてアクティブな取引先企業 が表示されていることに注意してください。 これは、アプリのデフォルト ビューです。

  2. このビュー一覧から、これらのビューのいずれかを編集できますが、ここではシンプルにアクティブな取引先企業のビューを変更しましょう。 コマンド バーからビューの編集を選択して、ビュー エディターに移動します。

  3. フォーム エディター でフォームを編集した方法と同様に、中央にキャンバスが表示され、列が表示されます。 都道府県をビューに追加しましょう。 テーブルの列一覧から "住所 1: 都道府県" を検索し (検索フィールドに「都道府県」と入力できます)、それを選択してビューに追加します。

  4. Power Apps により、列を簡単に再配置できます。 代表電話列をビューの右端に移動しましょう。 これを住所 1: 都道府県列の上にドラッグ アンド ドロップします。

    サイト マップ編集ビューのスクリーンショット。

  5. 変更を保尊するには、コマンド バーの右上にある保存して公開を選択します。

  6. しばらくして Power Apps の変更の公開が完了したら、コマンド バーから戻るボタンを選択して ビュー エディターを閉じます。 プレビュー キャンバスに都道府県がどのように表示されるかに注意してください。

グラフの表示

Power Apps では、取引先企業 テーブルに含まれるサンプル データを含む対話型グラフの例がいくつか含まれています。 そのサンプルを見てみましょう。

  1. プレビュー キャンバス内で、アプリのコマンド バーからチャートを表示ボタンを選択します。

  2. グラフ パネルがタイトルの下に表示されます。 チャート パネルの上部にあるドロップダウンを選択すると、チャート ビューを変更できます。 以下のようにいくつかのオプションの間でビューを切り替えてみてください: 業種別取引先企業所有者別取引先企業月別新規取引先企業を例の一部として表示します。

ビュー内でデータを表現するさまざまな方法があることに注意してください。

以下は、イノベーション チャレンジと呼ばれるシステム ダッシュボードの例です。これには、何が可能なのかを理解するためのいくつかのグラフが含まれています。

チャレンジ コード ビューのスクリーンショット。

グラフは任意のテーブルから作成できますが、このユニットでは扱いません。

次に、このアプリを使用するユーザーのいくつかのセキュリティ ロールを作成します。