演習
このユニットでは、Microsoft Power Apps 環境で使用できる標準テーブルのいずれかを使用して、モデル駆動型アプリを作成します。 モデル駆動型アプリを作成する前に、まずアプリに常駐させるソリューション アプリを作成します。
ソリューションを作成し、既存のデータ テーブルを追加する
Power Apps ホーム ページでソリューション (左側のナビゲーション パネルからその他を選択してから、ソリューションを選択する必要があるかもしれません) を選択します。
コマンド バーから、新しいソリューション を選択します。
スクリーンの右側に表示される新しいソリューション パネルに、次の情報を入力します。
表示名: ラーニング 取引先企業
公開元: [ドロップダウンから 1 つ選択]
パネルの下部にある 作成 ボタンを選択します。
ソリューションが表示されると、オブジェクトの一覧が表示されます。括弧内の数字は、ソリューションに含まれる各タイプのオブジェクトの数を示します。 コマンド バーで、既存の追加 > テーブル を選択します。
取引先企業 テーブルを探して選択します。
スクリーンが選択されたテーブルに遷移したら、すべてのオブジェクトを含める ボックスを選択します。 そして、スクリーンの下部にある追加ボタンを選択します。
しばらくすると、取引先企業 テーブルがソリューションのオブジェクトとして表示されます。 オブジェクトの一覧にテーブルが表示されることがわかります。
モデル駆動型アプリを作成する
引き続きソリューション オブジェクト メニューからコマンド バーに移動し、新規 > アプリ > モデル駆動型アプリに移動します。
アプリに "ラーニング 取引先企業" と名前を付け、作成 を選択します。
新しいアプリがアプリ デザイナーに表示され、これにコンポーネントを追加できるようになりました。
アプリへのページの追加
ページをアプリに追加するには、アプリ デザイナーを使用します。
コマンド バー、またはアプリのキャンバス画面から ページの追加 を選択します。
ページの追加 ポップアップ ウィンドウで、Dataverse テーブル を選択します。 次に、アカウント テーブルと 追加 ボタンを選択します。
注
取引先企業がテーブルのオプションではない場合は、環境内にサンプル データが存在しない可能性があります。 サンプル アプリおよびデータの作成方法については、この演習を参照してください。 サンプル データが表示されない場合、このドキュメントを参照してサンプル データを追加してください。
先に進んで (コマンド バーの右上のボタンで) 公開します。 公開 を選択すると、アプリが自動的に保存/公開されます。
フォームの編集
アプリを作成したときに、Power Apps でアプリのフォームが自動的に作成されました。 次に、メイン フォームに対して変更を行います。 Power Apps スクリーンの左端にナビゲーション タブがあり、この時点では選択された項目としてす。ページと、そのすぐ右側にページ パネルが表示されています。 アプリには現在 1 ページがあります。 ナビゲーションには取引先企業ビューが表示されており、展開すると取引先企業フォームが表示されます。 このすべての情報が ページ パネルに表示されます。
ナビゲーションで 取引先企業フォーム を選択します。 フォームはアプリに表示されるのと同じように Power Apps キャンバスに表示されます。
フォームの編集 を選択します。
この事前設定されたフォームには多くの機能がありますが、圧倒されないでください。 いくつかの簡単な変更を行って、フォームの変更がいかに簡単かを見てみましょう。 取引先企業情報 ペインに移動し、株式銘柄コード を選択します。
フォームから削除するには、コマンド バーから 削除 (またはキーボードの削除ボタン) を選択します。 フォームからこの項目を削除しても、この列はデータから削除されるのではなく、単にフォームから削除されるだけです。 列を誤って削除してしまった場合でも、Power Apps では、コマンド バーの [戻る] ボタンのすぐ右側に便利な 元に戻す ボタンがあります。
スクリーン左側のテーブルの列パネルを確認してください。 これは、取引先企業 テーブルのすべての列のリストです。 削除した株式銘柄コード列を検索する場合は、検索フィールドに「株式銘柄」と入力します。
テーブルの列をクリックすると、その列がフォームのカーソルの下の部分に追加されます。 現在、カーソルは取引先企業情報ペインにあるはずです。 テーブルの列ペインから 株式銘柄コード を選択します。 これをフォームに再度追加するのがいかに簡単かわかりましたか?
この時点で、保持する変更を加えた場合は、コマンド バーの右上から保存して公開 を選択できます。
Power Apps でフォームの再公開が完了したら、コマンド バーの右上から 戻る を選択してフォーム エディターを終了し、アプリ エディターに戻ります。
ビューの編集
このアプリを作成するときに、それに合わせて Power Apps でいくつかのビューを作成しました。 ページ パネルの ナビゲーション メニューで、既にアプリの一部となっているビューを確認できます。 画面に表示されている現在のビューは取引先企業ビューというタイトルのビューで、アプリの画面には "アクティブな取引先企業" のビューが表示され、タイトルのすぐ右側にドロップダウンがあります。 このドロップダウンを使用して、別のビューを選択できます。
ナビゲーション一覧で取引先企業 ビュー を選択します。 スクリーンの右側にパネルが表示され、取引先企業 テーブルとその下にタブ付き一覧が表示されます。そこに現在、ビューが表示され、そしてアクティブな取引先企業が表示されていることに注意してください。 これは、アプリのデフォルト ビューです。
このビュー一覧から、これらのビューのいずれかを編集できますが、ここではシンプルにアクティブな取引先企業のビューを変更しましょう。 コマンド バーからビューの編集 を選択して、ビュー エディターに移動します。
フォーム エディター でフォームを編集した方法と同様に、中央にキャンバスが表示され、列が表示されます。 都道府県をビューに追加しましょう。 テーブルの列一覧から "住所 1: 都道府県" を検索し (検索フィールドに「都道府県」と入力できます)、それを選択してビューに追加します。
Power Apps により、列を簡単に再配置できます。 代表電話列をビューの右端に移動しましょう。 これを住所 1: 都道府県列の右にドラッグ アンド ドロップします。
変更を保尊するには、コマンド バーの右上にある保存して公開 を選択します。
しばらくして Power Apps の変更の公開が完了したら、コマンド バーから戻るボタンを選択して ビュー エディターを閉じます。 プレビュー キャンバスに都道府県がどのように表示されるかに注意してください。
グラフの表示
Power Apps では、取引先企業 テーブルに含まれるサンプル データを含む対話型グラフの例がいくつか含まれています。 そのサンプルを見てみましょう。
プレビュー キャンバス内で、アプリのコマンド バーからチャートを表示ボタンを選択します。
グラフ パネルがタイトルの下に表示されます。 チャート パネルの上部にあるドロップダウンを選択すると、チャート ビューを変更できます。 以下のようにいくつかのオプションの間でビューを切り替えてみてください: 業種別取引先企業、所有者別取引先企業、月別新規取引先企業を例の一部として表示します。
ビュー内でデータを表現する方法が複数あることに注意してください。
以下は、イノベーション チャレンジと呼ばれるシステム ダッシュボードの例です。これには、何が可能なのかを理解するためのいくつかのグラフが含まれています。 Dataverse 環境にサンプル アプリとデータがある場合、アプリ一覧でこのアプリを見つけることができます。 このアプリには、3 つのビューと、複数のビューがまとめて表示されるダッシュボード画面 (下図) が含まれています。
グラフは任意のテーブルから作成できますが、このユニットでは扱いません。
次に、このアプリを使用するユーザーのいくつかのセキュリティ ロールを作成します。