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

完了

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

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

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

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

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

    表示名: Learning Account

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

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

  5. ソリューションが表示されたら、左側のウィンドウにオブジェクトの一覧が表示されます。 各オブジェクトの後には、そのオブジェクト タイプの項目がソリューションにいくつ含まれているかを示す数字が括弧で囲まれて表示されます。 たとえば、エージェント (0) は、このソリューションにエージェントが含まれていないことを示しています。 画面の上部にあるコマンド バーで、既存の追加>テーブル の順に選択します。

  6. Account テーブルを探して選択します。 続いて、次へを選択します。

  7. 選択したテーブルが開きます。 すべてのオブジェクトを含める ボックスをオンにします。 次に、画面の下部にある 追加 ボタンを選択します。

しばらくすると、Account テーブルがソリューションのオブジェクトとして表示されます。 左側のオブジェクトの一覧に テーブル (1) が表示され、ソリューションにテーブル オブジェクトが 1 つ追加されたことを示します。

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

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

  2. アプリに "Learning Accounts" という名前を付け、作成 を選択します。

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

アプリにページを追加する

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

  1. 画面の上部にあるコマンド バーで、ページの追加 を選択します。

  2. ページの追加 ポップアップ ウィンドウで、Dataverse テーブル を選択します。 次に、[ アカウント ] テーブルを選択し、[ 追加 ] ボタンを選択します。

    Note

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

コマンド バーの右上のボタンを使用してアプリを公開します。 公開 を選択すると、アプリが自動的に保存/公開されます。

フォームを編集する

アプリを作成した際に、Power Apps によってアプリ用のフォームが自動的に生成されました。 Accounts テーブルのメイン フォームを変更しましょう。 画面の左端には、 PagesDataAutomation を一覧表示するナビゲーション ウィンドウがあります。 まだ選択されていない場合は、左側のナビゲーション ウィンドウで [ページ] を選択します。 [ページ] を選択すると、ページ パネルがこのウィンドウの右側にすぐに開きます。 ページ パネルのナビゲーション セクションで、アプリには現在 1 つのページ、つまり取引先企業ビューがあることがわかります。 [アカウント] ビューを展開すると、[アカウント] フォームが表示されます。

  1. 取引先企業フォーム を選択します。 選択すると、ユーザーのアプリに表示されるのと同じ方法でフォームがPower Apps キャンバスに表示されます。

  2. 取引先企業フォーム名の右側にある鉛筆を選択して、フォームを編集します。

  3. この構成済みフォームには、多くのカスタマイズ オプションがあります。 いくつかの簡単な変更を行って、フォームの変更がいかに簡単かを見てみましょう。 キャンバスの左側にテーブル列ペインがあります。 このウィンドウにあるオプションの一覧を下にスクロールし、株式銘柄コードを選択します。 株式銘柄コード 列がフォームに追加されたことを確認します。

  4. フォームに株式銘柄コードは不要なため、削除しましょう。 株式銘柄コードを選択したまま、コマンド バーで 削除 (またはキーボードの削除ボタン) を選択して削除します。 この項目を削除しても、この列はデータから削除されません。その項目のみがフォームから削除されます。 列を誤って削除してしまった場合でも、Power Apps では、コマンド バーの [戻る] ボタンのすぐ右側に便利な 元に戻す ボタンがあります。

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

  6. Power Apps でフォームの再公開が完了したら、コマンド バーの左上で 戻る を選択してフォーム エディターを終了し、アプリ エディターに戻ります。

ビューを編集する

このアプリを作成したとき、Power AppsはAccountsテーブルのビューも作成しました。 ナビゲーションの下にあるページ パネルで、既にアプリの一部となっているビューを確認できます。 ここでは、取引先企業ビューが作成されたことを確認でき、キャンバスには自分のアクティブな取引先企業ビューが表示されます。 タイトル自分のアクティブな取引先企業のすぐ右側にあるドロップダウンから、別のビューを選択できます。 ドロップダウンを選択すると、使用可能な他のビューが表示されます。 ビューを編集してみましょう。

  1. ページ パネルの ナビゲーション メニューで 取引先企業ビュー を選択します。 画面の右側にパネルが表示される点に注目してください。 このパネルには 、アカウント テーブル内のすべてのビューが表示されます (キャンバスの [ アクティブなアカウント ] の横にあるドロップダウンを選択すると表示されるのと同じ一覧)。 このパネルのビューの一覧には、ビューの種類 (公開または非公開) も表示されます。 ここでは、自分のアクティブな取引先企業がアプリの既定のビューであることもわかります。

  2. 自分のアクティブな取引先企業ビューを変更しましょう。 まず、そのビューが選択されていることを確認します (キャンバスには自分のアクティブな取引先企業というタイトルが表示されたままになっているはずです。表示されていない場合、右側のパネルのビューの一覧から自分のアクティブな取引先企業を選択します)。次に、上部のコマンド バーで ビューの編集 を選択して、ビュー エディターを開きます。

  3. ビュー エディターは、使用したフォーム エディターに似ています。 中央のキャンバスには、ユーザーのビューに表示される列が表示されます。 都道府県をビューに追加しましょう。 テーブルの列の一覧から住所 1: 都道府県を見つけます (一覧の上にある検索フィールドを使用できます)。選択してビューに追加します。

  4. Power Appsを使用すると、列の位置を簡単に変更できます。 代表電話列をビューの右端に移動しましょう。 中央のキャンバスで代表電話列ヘッダーを左クリックしたまま、住所 1: 都道府県列の右側にドラッグ アンド ドロップします。

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

  6. Power Apps が変更内容を公開し終わったら、戻る ボタンを選択してビュー エディターを閉じます。 プレビュー キャンバスに State/Province 列が含まれていることに注意してください。

グラフを表示する

Power Apps の Accounts テーブルには、サンプル データを使用して作成された対話型グラフがいくつか含まれています。 それについて詳しく説明します。

  1. プレビュー キャンバス内で、アプリ コマンド バー (ユーザー プレビュー キャンバスの上部、画面中央にあるバー) から グラフの表示 ボタンを選択します。

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

ビュー内でデータを表現する方法が複数あることに注目してください。

グラフで何が可能なのかを理解できるよう、Innovation Challenge と呼ばれるシステム ダッシュボードの例を以下に示します。 Dataverse 環境にサンプル アプリとデータがある場合、アプリ一覧でこのアプリを見つけることができます。 このアプリには、3 つのビューとダッシュボード画面 (下図) が含まれています。

次に、自然言語を使用してモデル駆動型アプリでページを構築する AI を利用した方法である生成ページについて学習します。