演習 - Excel ファイルのデータを使用したキャンバス アプリの作成

完了

この演習では、Excel テーブルのデータを使用してモバイル アプリケーションを作成します。 このモジュールで使用する RealEstateProperties.xlsx をダウンロードします。

Microsoft Power Apps を使用するには、Microsoft 365 のライセンスまたは無料試用版が必要です。 ご自身のライセンス オプションの詳細について確認してください。 Microsoft 製品には Power Apps と Power Automate が含まれます

ソリューションの作成

  1. make.powerapps.com に移動し、Power Apps 資格情報を使用してサインインします。

    Power Apps ホーム ページの上部に、新しいデータ エクスペリエンスを試す トグルが表示される場合があります。これがオフになっていることを確認してください。

  2. 左側のナビゲーション バーで、ソリューション を選択します。

  3. ソリューション ページの、現在の優先するソリューション の下で、管理 を選択します。

  4. 優先するソリューションを設定 ダイアログ ボックスで、+ 新しいソリューション を選択します。

  5. 新しいソリューション ダイアログ ボックスに次の情報を入力します。

    • 表示名: Real Estate Solution
    • 名前: RealEstateSolution
    • 発行元: ドロップダウン リストから発行元を選択するか、新しい発行元を作成します。
    • バージョン: 1.0.0.0

    作成 を選択します。

    Real Estate Solution ソリューションが作成され、優先ソリューション ドロップダウン リストに入力されます。 適用 を選択し、そのソリューションを優先ソリューションとして設定します。

    [新しいソリューション] ダイアログ ボックスのスクリーンショット。

    ソリューションは、Power Platform でアプリ、フロー、その他のコンポーネントの管理やパッケージングに役立つコンテナーです。

    優先ソリューションを設定すると、今後の更新が保存される場所を選択できて、作業を整理できるので便利です。

  6. 左のナビゲーション バーで、ホーム を選択して Power Apps ホーム ページに戻ります。

Excel ファイルからキャンバス アプリを作成する

  1. Power Apps ホーム ページで、データを基に開始 を選択します。

  2. Excel または .CSV ファイルで作成する を選択します。

  3. デバイスから選択 オプションを選択します。 Excel ファイル RealEstateProperties.xlsx を保存した場所に移動し、アップロードします。 (ファイル サイズの上限は 5 GB です。)

    Power Apps の Copilot で、Excel ファイル RealEstateProperties.xlsx のデータに基づくテーブルが生成されます。 また、7 列のデータも定義されています。

  4. テーブル名の横にある、鉛筆アイコン テーブルのプロパティを編集する ボタンを選択します。

  5. テーブル プロパティを次のように変更します。

    • 表示名: 内見対象物件
    • 複数名: 内見対象物件
    • 説明: 次の表に、販売対象物件の一覧を示します。
    • プライマリ列: 住所

    詳細設定 セクションを展開して、スキーマ名を realestateproperty に変更します。

  6. 保存 を選択します。

  7. 画面の右下隅にある アプリの作成 ボタンを選択します。

    7 列が表示され、[アプリの作成] ボタンが強調表示された、インポート済みの Real Estate Property テーブルのスクリーンショット。

  8. アプリが初めて読み込まれると、Power Apps Studio にようこそというダイアログが表示される場合があります。 表示された場合は、スキップ ボタンを選択します。

    生成されたアプリケーションは編集モードで表示されます。

    Power Apps Studio で生成されたアプリのスクリーンショット。

  9. 左側のナビゲーション バーからデータ アイコンを選択します。 Dataverse テーブルは、Excelファイル RealEstateProperties.xlsx に基づいて作成されます。

    左側のナビゲーション バーにあるデータ アイコンのスクリーンショット。

  10. ツリー ビュー アイコンを選択してツリー ビューに戻ります。

    左側のナビゲーション バーにあるツリー ビュー アイコンのスクリーンショット。

  11. アプリのメイン画面で Real Estate Properties の詳細を表示しているギャラリーを選択し、ツリー ビューで RecordsGallery1 を選択して展開します。

    Real Estate Property の詳細を表示しているギャラリーのスクリーンショット。

  12. NextArrow オプションの横にある省略記号 (...) を選択して削除します。

    次へ矢印の削除アクションを示すスクリーンショット。

  13. RecordsGallery1 を選択し、編集ボタンを選択してギャラリーを編集モードにします。

    ギャラリーを編集モードにするアクションを示すスクリーンショット。

  14. タイトル コンポーネントの位置を幅を狭くし、テンプレート セルの右側に移動します。

    タイトル コンポーネントのサイズと位置を調整するアクションを示すスクリーンショット。

    他のコンポーネントは、タイトル コンポーネントと一緒に再配置する必要があります。 そうしない場合は、前のスクリーンショットのようになるまで移動します。

  15. ギャラリーが編集モードのままであることを確認します。 タイトルを選択します。

  16. タイトル コンポーネントの Text の値を次の式に設定されていることを確認します。

    ThisItem.Address

    式バーの text プロパティのスクリーンショット。

  17. ギャラリーでサブタイトル コンポーネントを選択します。

  18. サブタイトルText の値を次の式に設定します。

    ThisItem.Size

  19. ページの上部にあるツール バーを使用して、サイズ13 に変更します。

    ツール バーで 13 に設定されているサイズのスクリーンショット。

  20. ギャラリーで本文コンポーネントを選択します。

  21. 本文Text の値を次の式に設定します。

    ThisItem.Price

    これで、ギャラリーは次のスクリーンショットのようになります。

    正しく書式設定された Real Estate Properties ギャラリーのスクリーンショット。

  22. RecordsGallery1 の最初の項目を選択した状態で、挿入 を選択し、Image を検索して、Image コンポーネントを選択します。 これにより、ギャラリーに画像が追加されます。

  23. 画像は、ギャラリーのすべてのセルに表示されます。 画像を再配置し、サイズを変更して、各ギャラリー セルの中央に配置します。

    ギャラリーの中央に配置された画像のスクリーンショット。

Copilot を使用して Power Fx 式を生成する

  1. Power Apps の Copilot で Power Fx 式を生成するには、ギャラリーが編集モードのままであることを確認します。 価格を含むギャラリーの本文を選択します。 Copilot を選択し、テキストの書式 を選択します。

    価格コンポーネントが選択されているギャラリーのスクリーンショット。

  2. 望ましい形式に次の値を入力し、キーボードで Enter キーを押します。

    $350,000

  3. 生成された式を選択し、適用 を選択します。

    Copilot を使用して、入力した例 ($350,000) の値により、次の式が生成されました。この値は、[価格ギャラリー] コントロールの式バーに表示されています。

    (Text(ThisItem.Price, "$#,##0", "en-US"))

  4. ギャラリー サブタイトルのサイズ コントロールで手順を実行します。 ギャラリーが編集モードであることを確認します。 サイズを含むサブタイトルを選択します。 Copilot を選択し、テキストの書式 を選択します。

  5. 望ましい形式 に次の値を入力します。

    Size: 1,800 sq ft

    キーボードの Enter キーを押します。

    提案セクションが空であるのに気付く場合があります。 これは、式を生成するために必要な情報やコンテキストが不足していることが原因となっている可能性があります。

    式が空のスクリーンショット。

  6. アイデア セクションが空であるため、例を追加します。 + 例を追加を 2 回以上選択します。

    Power Apps アイデア内の [例を追加] ボタンのスクリーンショット。

  7. 2 つの現在の形式を選択し、対応する 2 つの望ましい形式を提供します。

    望ましい形式のオプションと一致する現在の式のオプションのスクリーンショット。

  8. Copilot AI は、追加されたコンテキストを使用して次の図に示すように適切な式を生成します。

    Power Apps アイデアで生成された式のスクリーンショット。

  9. 生成された式を選択し、適用を選択します。

    ギャラリーは次の図のようになります。

    書式設定されたギャラリーのスクリーンショット。

  10. アプリを保存します。

  11. アプリを終了して Power Apps のホーム ページに戻ります。

    アプリを終了する [戻る] ボタンのスクリーンショット。