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 データベースを含むトライアル環境およびこの記事で使用されているサンプルデータを作成します。
Power Platform 管理センターに移動します。
環境 を選択します。
新規 をクリックします。
環境に Dataverse 試用版 と名付けます。
環境タイプに 試用版 を選択します。
データベースを作成する を はい に切り替えます。
次へ を選択します。
サンプル アプリおよびデータの展開 を はい に切り替えます。
保存 を選択します。
試用版環境が作成され、Dataverse データベースとサンプル データが含まれます。
キャンバス アプリを作成する
Dataverse で アカウント テーブル付きの キャンバス アプリ を作成します。 それが終わったら、Power Apps があなたのためにアプリを生成します。 このアプリには、次のスクリーンが含まれます。
- 閲覧スクリーン - 取引先企業レコードを検索、並べ替え、選択し、編集スクリーンを起動して新しいレコードを作成するスクリーン。
- 詳細スクリーン - 閲覧スクリーンで選択したレコードの詳細を表示する読み取り専用スクリーン。
- 編集スクリーン - 選択したレコードの詳細を編集したり、新しいレコードを作成したりするために使用される編集フォーム。
アプリを試す
Power Apps Studio から、アプリをプレビューして試してみることができます。
スクリーンの右上にある 再生 を選択します。
取引先企業 リストから、アルペン スキー ハウス を選択します。
アルペン スキー ハウスの詳細をご覧ください。
を選択してレコードを編集します。フォームの編集で、取引先企業名フィールドから (サンプル) を削除します。
を選択して、レコードの変更を保存します。取引先企業リスト スクリーンに戻り、+ を選択し、新しいレコード フォームを起動します。
取引先企業名 など、目的のフィールドを入力します。
レコードを保存します。
新しく作成されたレコードが取引先企業リスト ギャラリーに表示されることを確認します。
プレビュー モードを終了するには、スクリーンの右上隅で
を選択します。
ツリー ビューの使用
ツリー ビュー は、スクリーンの左側にあります (表示されない場合は、
を選択します)。 ツリー ビューを使用すると、スクリーン、ギャラリー、テキスト入力コントロール、テキスト ラベルなど、キャンバス アプリのコンポーネントに簡単にアクセスできます。
ツリー ビューはスクリーンごとに折りたたんだり展開したりできるため、アプリの作業中部分に簡単に焦点を合わせることができます。
現在、BrowseScreen1 が展開されています。 他のスクリーンのコンポーネントを表示するには、スクリーン名の横にある > を選択します。
取引先企業のギャラリーを変更する
Power Apps のギャラリーは、いくつかの関連アイテムを表示するために使用されます。 たとえば、当社のアプリ BrowseGallery1 には、すべての取引先企業レコードが表示されます。 アイテムの 1 つが選択されると、アイテムの周囲に境界線が配置され、アイテムが選択されたことを示します。
既定では、このギャラリーには、取引先企業名、電話番号、都市の 3 つのフィールドが含まれています。
ただし、ギャラリーに含まれるフィールドは変更できます。
ツリー ビューで、BrowseGallery1 を選択します。
スクリーン右側のプロパティ ペインから、編集 を選択します。
フィールド データ パネルが表示されます。 字幕を Web サイトに変更します。
フィールド データ パネルの外側を選択します。
アプリには、電話番号の代わりに Web サイトのフィールド値が表示されるようになりました。
取引先企業名を含めるように検索を更新します
アプリをプレビューしたときに、取引先企業名による検索が機能しないことに気付いたかもしれません。 これは、自動生成されたアプリの検索式に 取引先企業名 フィールドが含まれていないからです。 このレッスンでは、検索式を更新して、[取引先企業名] フィールドを含めます。
ヒント
取引先企業名は、名前 という列に保存されます。
ツリー ビューで、BrowseGallery1 を選択します。
プロパティ セレクターで Items プロパティが選択されていることを確認します。
数式バーで、式を次のように更新します。
SortByColumns(Search([@Accounts], TextSearchBox1.Text, "name","address1_city","address1_composite"), "name", If(SortDescending1, Descending, Ascending))数式は SortByColumns、Search、と If 関数で構成され、name、address1_city、および address1_composite フィールドに一致するデータを持ち、並べ替えを許可する検索ボックスに入力されたテキストを使って 取引先企業 テーブルを検索します。
これで取引先企業リストを検索して、[取引先企業名] フィールドによって並べ替えることができるようになりました。
取引先企業詳細スクリーンにフィールドを追加する
Datascreen1 には、参照スクリーンで選択したレコードのデータを表示する表示フォームが含まれています。 表示フォーム コントロールは読み取り専用であり、ユーザーがデータを読み取ることはできますが、データを作成または編集することはできません。
ツリー ビューで、DetailScreen1 を展開します。
DetailForm1 を選択します。
右側のプロパティ ペインから フィールドの編集 を選択します。
フィールドの追加 を選択します。
次のフィールドを選択します。
- 住所 1: 国
- 住所 1: 都道府県
- 住所 1: 番地
- 住所 1: 郵便番号
追加 を選択します。
選択したフィールドが [フィールド] パネルに表示されます。 フィールドをドラッグアンドドロップするか、フィールド名の右側にある ... (省略記号) を選択して 上に移動 または 下に移動 を選択して並べ替えます。
次の順序でフィールドを配置します。
- アカウント名
- 代表電話
- 住所 1: 番地
- 住所 1: 市区町間
- 住所 1: 都道府県
- 住所 1: 郵便番号
- 住所 1: 国/地域
フィールド ペインの外側を選択してペインを閉じ、DetailScreen1 に戻ります。
選択したフィールドが正しい順序で表示されるようになりました。
取引先企業編集スクリーンの変更
EditScreen1 では、ユーザーが取引先企業レコードを編集または作成できます。 このスクリーンには、EditForm1 コントロールが含まれています。
注意
編集フォームはレコードを作成または更新するための主要な方法の 1 つであるため、ユーザーが送信できるようにするすべてのフィールドを含める必要があり、読み取り専用のフィールドやユーザーによる変更を希望しないフィールドは含めないでください。
このレッスンでは、前に表示フォームに追加したのと同じフィールドに加えて、ファイルを添付する機能を追加します。
ツリー ビューで、EditScreen1 を展開します。
EditForm1 を選択します。
右側のプロパティ パネルから フィールドの編集 を選択します。
フィールドの追加 を選択します。
次のフィールドを選択します。
- 住所 1: 国
- 住所 1: 都道府県
- 住所 1: 番地
- 住所 1: 郵便番号
選択したフィールドがフィールド ペインに表示されます。 フィールドをドラッグアンドドロップするか、フィールド名の右側にある ... (省略記号) を選択して 上に移動 または 下に移動 を選択して並べ替えます。
次の順序でフィールドを配置します。
- アカウント名
- 代表電話
- 住所 1: 番地
- 住所 1: 市区町間
- 住所 1: 都道府県
- 住所 1: 郵便番号
- 住所 1: 国/地域
フィールド ペインの外側を選択して、フィールド ペインを閉じます。
アプリでの不要なスクロールを最小限に抑えるために、フォームの編集 フィールドを 2 つの列に配置します。 右側のプロパティ ペインで、列 ドロップダウンの 2 を選択します。
フォームを読みやすくするために、住所フィールド ラベルの 住所 1: 部分を削除します。
- ツリー ビューで、EditForm1 展開します。
- 住所 1: City_DataCard2 コントロールを選択します。
- 右側のプロパティ ペインで、詳細 を選択します。
- ロックを解除してプロパティを変更する を選択します。
- DisplayName プロパティを 市町村 に変更します。
- 上記の手順に従って 住所 1: を [番地 1]、[国/地域]、[都道府県]、および [郵便番号] フィールドから削除します。
これで、EditScreen1 は以下のようになります。
アプリの保存
アプリを保存すると、アプリを使用して他のユーザーと共有できるようになります。
Power Apps Studio で、ファイル を選択します。
名前 フィールドに 取引先企業マネージャー を入力します。
アイコン 領域からアイコンと背景色を選択します。 これは、アプリ リストでアプリを識別するために使用されます。
保存 を選択します。
スクリーン右下の 保存 を選択します。
アプリが保存されたら、戻る矢印を選択して Power Apps Studio に戻ります。
に戻ります
アプリの実行
Power Apps にサインインします。
スクリーンの右上隅を見て、アプリの作成に使用した環境にいることを確認します。 異なる場合は、環境 を選択して、適切な環境を選択します。
アプリ を選択します。
アプリ リストから 取引先企業マネージャー を選択します。
アプリが読み込まれたら、加えられた変更を確認します。
- アプリ リストで、Blue Yonder Airlines を検索します。
- Blue Yonder レコードを選択して、表示フォーム に追加されたフィールドが表示されていることを確認します。
- を選択してレコードを編集します。
- フォームに 2 列のフィールドが表示されていることを確認します。
- フィールド名でラベルに 住所 1: が表示されていないことを確認します。
- [添付ファイル] 領域で ファイルを添付する を選択して、ファイルを選択し、開く を選択します。
- アップロードしたファイルが添付ファイル リストに表示されていることを確認します。
- を選択して、レコードを保存します。
モバイルでアプリを実行する
モバイル デバイスで Power Apps をテストするには:
- モバイル アプリ ストアから アプリをダウンロードします。
- 職場や学校のアカウントでサインインしてください。
- 一覧からアプリを選択してください。
関連項目
フィードバック
フィードバックの送信と表示