英語で読む

次の方法で共有

Microsoft Dataverse に接続されたキャンバス アプリをゼロから作成する方法

  • [アーティクル]

Microsoft Dataverse は、Power Platform のための最高のデータ プラットフォームです。 Dataverse アプリで使用されるデータを一連のテーブル内に安全に保存および管理できます。

この記事では、Power Platform 環境の既存のデータに接続されたアプリを作成します。

前提条件

このレッスンを完了するには、データを含むテーブルを少なくとも 1 つ持つ Dataverse データベースの Power Apps 環境が必要です。 ライセンスがない場合は、Power Apps 開発者プラン に新規登録するか、Power Apps の試用版 を使用できます。

試用版環境の作成

Power Apps の環境は、組織のビジネス データ、アプリ、チャットボット、フローを保存、管理、共有する場所です。 さまざまな役割、セキュリティ要件や対象ユーザーを持ち、アプリを分離するコンテナーとしても機能します。 各環境では 1 つの Dataverse データベースを持つことができます。

このレッスンを完了するために必要なものが揃っていることを確認するために、Dataverse データベースを含む新しい環境を作成します。 この環境は、30 日が経過すると終了しますが、保持する場合はサンドボックスまたは運用環境にアップグレードできる 30 日間の試用版です。

Dataverse データベースを含むトライアル環境およびこの記事で使用されているサンプルデータを作成します。

  1. Power Platform 管理センターに移動します。

  2. 環境を選択します。

  3. 新規をクリックします。

  4. 環境に Dataverse 試用版と名付けます。

  5. 環境タイプに試用版を選択します。

  6. データベースを作成するをはいに切り替えます。

  7. 次へ を選択します。

    新しい環境を作成する

  8. サンプル アプリおよびデータの展開をはいに切り替えます。

  9. 保存を選択します。

試用版環境が作成され、Dataverse データベースとサンプル データが含まれます。

キャンバス アプリを作成する

Dataverse で アカウント テーブル付きの キャンバス アプリ を作成します。 それが終わったら、Power Apps があなたのためにアプリを生成します。 このアプリには、次のスクリーンが含まれます。

  • 閲覧スクリーン - 取引先企業レコードを検索、並べ替え、選択し、編集スクリーンを起動して新しいレコードを作成するスクリーン。
  • 詳細スクリーン - 閲覧スクリーンで選択したレコードの詳細を表示する読み取り専用スクリーン。
  • 編集スクリーン - 選択したレコードの詳細を編集したり、新しいレコードを作成したりするために使用される編集フォーム。

アプリを試す

Power Apps Studio から、アプリをプレビューして試してみることができます。

  1. スクリーンの右上にある 再生を選択します。

  2. 取引先企業リストから、アルペン スキー ハウスを選択します。

  3. アルペン スキー ハウスの詳細をご覧ください。

  4. 編集の選択を選択してレコードを編集します。

  5. フォームの編集で、取引先企業名フィールドから (サンプル) を削除します。

  6. 保存の選択を選択して、レコードの変更を保存します。

  7. 取引先企業リスト スクリーンに戻り、+ を選択し、新しいレコード フォームを起動します。

  8. 取引先企業名など、目的のフィールドを入力します。

  9. レコードを保存します。

  10. 新しく作成されたレコードが取引先企業リスト ギャラリーに表示されることを確認します。

  11. プレビュー モードを終了するには、スクリーンの右上隅で閉じるを選択を選択します。

ツリー ビューの使用

ツリー ビューは、スクリーンの左側にあります (表示されない場合は、ツリー ビュー ボタンを選択します)。 ツリー ビューを使用すると、スクリーン、ギャラリー、テキスト入力コントロール、テキスト ラベルなど、キャンバス アプリのコンポーネントに簡単にアクセスできます。

ツリー ビューはスクリーンごとに折りたたんだり展開したりできるため、アプリの作業中部分に簡単に焦点を合わせることができます。

現在、BrowseScreen1 が展開されています。 他のスクリーンのコンポーネントを表示するには、スクリーン名の横にある > を選択します。

拡大を選択します

Power Apps のギャラリーは、いくつかの関連アイテムを表示するために使用されます。 たとえば、当社のアプリ BrowseGallery1 には、すべての取引先企業レコードが表示されます。 アイテムの 1 つが選択されると、アイテムの周囲に境界線が配置され、アイテムが選択されたことを示します。

既定では、このギャラリーには、取引先企業名、電話番号、都市の 3 つのフィールドが含まれています。

ただし、ギャラリーに含まれるフィールドは変更できます。

  1. ツリー ビューで、BrowseGallery1 を選択します。

  2. スクリーン右側のプロパティ ペインから、編集を選択します。

    ギャラリーに含まれるフィールドを編集する

  3. フィールド データ パネルが表示されます。 字幕を Web サイトに変更します。

  4. フィールド データ パネルの外側を選択します。

  5. アプリには、電話番号の代わりに Web サイトのフィールド値が表示されるようになりました。

    Web サイトを表示する取引先企業ギャラリー

取引先企業名を含めるように検索を更新します

アプリをプレビューしたときに、取引先企業名による検索が機能しないことに気付いたかもしれません。 これは、自動生成されたアプリの検索式に取引先企業名フィールドが含まれていないからです。 このレッスンでは、検索式を更新して、[取引先企業名] フィールドを含めます。

ヒント

取引先企業名は、名前という列に保存されます。

  1. ツリー ビューで、BrowseGallery1 を選択します。

  2. プロパティ セレクターで Items プロパティが選択されていることを確認します。

  3. 数式バーで、式を次のように更新します。

    Power Fx 
    SortByColumns(Search([@Accounts], TextSearchBox1.Text, "name","address1_city","address1_composite"), "name", If(SortDescending1, Descending, Ascending))

    数式はSortByColumns、Search、とIf 関数で構成され、name、address1_city、および address1_composite フィールドに一致するデータを持ち、並べ替えを許可する検索ボックスに入力されたテキストを使って取引先企業テーブルを検索します。

これで取引先企業リストを検索して、[取引先企業名] フィールドによって並べ替えることができるようになりました。

取引先企業詳細スクリーンにフィールドを追加する

Datascreen1 には、参照スクリーンで選択したレコードのデータを表示する表示フォームが含まれています。 表示フォーム コントロールは読み取り専用であり、ユーザーがデータを読み取ることはできますが、データを作成または編集することはできません。

  1. ツリー ビューで、DetailScreen1 を展開します。

  2. DetailForm1 を選択します。

  3. 右側のプロパティ ペインから フィールドの編集を選択します。

  4. フィールドの追加を選択します。

  5. 次のフィールドを選択します。

    • 住所 1: 国
    • 住所 1: 都道府県
    • 住所 1: 番地
    • 住所 1: 郵便番号

  6. 追加 を選択します。

    ギャラリー フィールド パネル

  7. 選択したフィールドが [フィールド] パネルに表示されます。 フィールドをドラッグアンドドロップするか、フィールド名の右側にある ... (省略記号) を選択して上に移動または下に移動を選択して並べ替えます。

  8. 次の順序でフィールドを配置します。

    • アカウント名
    • 代表電話
    • 住所 1: 番地
    • 住所 1: 市区町間
    • 住所 1: 都道府県
    • 住所 1: 郵便番号
    • 住所 1: 国/地域

    住所フィールド

  9. フィールド ペインの外側を選択してペインを閉じ、DetailScreen1 に戻ります。

選択したフィールドが正しい順序で表示されるようになりました。

取引先企業編集スクリーンの変更

EditScreen1 では、ユーザーが取引先企業レコードを編集または作成できます。 このスクリーンには、EditForm1 コントロールが含まれています。

注意

編集フォームはレコードを作成または更新するための主要な方法の 1 つであるため、ユーザーが送信できるようにするすべてのフィールドを含める必要があり、読み取り専用のフィールドやユーザーによる変更を希望しないフィールドは含めないでください。

このレッスンでは、前に表示フォームに追加したのと同じフィールドに加えて、ファイルを添付する機能を追加します。

  1. ツリー ビューで、EditScreen1 を展開します。

  2. EditForm1 を選択します。

  3. 右側のプロパティ パネルから フィールドの編集を選択します。

  4. フィールドの追加を選択します。

  5. 次のフィールドを選択します。

    • 住所 1: 国
    • 住所 1: 都道府県
    • 住所 1: 番地
    • 住所 1: 郵便番号

  6. 選択したフィールドがフィールド ペインに表示されます。 フィールドをドラッグアンドドロップするか、フィールド名の右側にある ... (省略記号) を選択して上に移動または下に移動を選択して並べ替えます。

  7. 次の順序でフィールドを配置します。

    • アカウント名
    • 代表電話
    • 住所 1: 番地
    • 住所 1: 市区町間
    • 住所 1: 都道府県
    • 住所 1: 郵便番号
    • 住所 1: 国/地域

  8. フィールド ペインの外側を選択して、フィールド ペインを閉じます。

  9. アプリでの不要なスクロールを最小限に抑えるために、フォームの編集フィールドを 2 つの列に配置します。 右側のプロパティ ペインで、列ドロップダウンの 2 を選択します。

  10. フォームを読みやすくするために、住所フィールド ラベルの住所 1: 部分を削除します。

    • ツリー ビューで、EditForm1 展開します。
    • 住所 1: City_DataCard2 コントロールを選択します。
    • 右側のプロパティ ペインで、詳細を選択します。
    • ロックを解除してプロパティを変更するを選択します。
    • DisplayName プロパティを市町村に変更します。
    • 上記の手順に従って住所 1: を [番地 1]、[国/地域]、[都道府県]、および [郵便番号] フィールドから削除します。

これで、EditScreen1 は以下のようになります。

取引先企業編集スクリーン

アプリの保存

アプリを保存すると、アプリを使用して他のユーザーと共有できるようになります。

  1. Power Apps Studio で、ファイルを選択します。

  2. 名前フィールドに取引先企業マネージャーを入力します。

  3. アイコン領域からアイコンと背景色を選択します。 これは、アプリ リストでアプリを識別するために使用されます。

  4. 保存を選択します。

  5. スクリーン右下の保存を選択します。

  6. アプリが保存されたら、戻る矢印を選択して Power Apps Studio に戻ります。

    アプリを保存し、 に戻ります

アプリの実行

  1. Power Apps にサインインします。

  2. スクリーンの右上隅を見て、アプリの作成に使用した環境にいることを確認します。 異なる場合は、環境を選択して、適切な環境を選択します。

  3. アプリを選択します。

  4. アプリ リストから 取引先企業マネージャーを選択します。

  5. アプリが読み込まれたら、加えられた変更を確認します。

    • アプリ リストで、Blue Yonder Airlines を検索します。
    • Blue Yonder レコードを選択して、表示フォームに追加されたフィールドが表示されていることを確認します。
    • 編集の選択 を選択してレコードを編集します。
    • フォームに 2 列のフィールドが表示されていることを確認します。
    • フィールド名でラベルに住所 1: が表示されていないことを確認します。
    • [添付ファイル] 領域でファイルを添付するを選択して、ファイルを選択し、開くを選択します。
    • アップロードしたファイルが添付ファイル リストに表示されていることを確認します。
    • 保存を選択を選択して、レコードを保存します。

モバイルでアプリを実行する

モバイル デバイスで Power Apps をテストするには:

  1. モバイル アプリ ストアから アプリをダウンロードします。
  2. 職場や学校のアカウントでサインインしてください。
  3. 一覧からアプリを選択してください。

関連項目