詳細画面の Power Apps フォームとデータ カード

詳細画面の Power Apps フォームとデータ カード

このチュートリアルでは、詳細画面内のPower Appsフォームとデータ カードがどのように機能するかを説明します。

Power Apps を使用する最大の利点の 1 つは、アプリを構築する側での使いやすさです。しかし、さらに大きな利点は、アプリのユーザーにとってエクスペリエンスがどの程度効率的になるかを制御できることです。このチュートリアルではこれに対処できます。

目次

詳細画面の探索

まずは詳細画面へ行きましょう。左側のペインに移動し、「画面」の下で適切な項目を選択するだけです。

詳細画面の Power Apps フォームとデータ カード

詳細画面にアクセスすると、その下に多数の要素が表示されるのがわかります。この場合、詳細フォームが表示されます。このフォームは、すべての情報を含むアプリ上の大きな四角形をカバーします。

詳細画面の Power Apps フォームとデータ カード

ページのタイトルも詳細画面内の要素であり、LblAppName2 と呼ばれます。実際のアプリでは、ここに表 1 と表示されます。

詳細画面の Power Apps フォームとデータ カード

このアプリには、左矢印、ゴミ箱アイコン、編集アイコンなどの多数のアイコンも表示されます。左側のペインにあるように、各アイコンは DetailScreen1 の下の個別の項目によっても表されます。

詳細画面の Power Apps フォームとデータ カード

上部にはタイトルとアイコンが表示されるアクション バーもあります。左側のリストを見ると、これは項目 RectQuickActionBar2 によって表されます。

詳細画面の Power Apps フォームとデータ カード

左側の詳細フォームをクリックすると、その下にデータ カードが表示されます。これらのカードにはそれぞれ値とキーがあります。

詳細画面の Power Apps フォームとデータ カード

キーはデータ ソースの列名を表し、値は列内の実際のレコードです。

Power Apps フォームのプロパティ ウィンドウ

Power Apps フォームのすべての要素には、必要に応じて調整できる一連のプロパティがあります。これらのプロパティは理解するのに十分簡単であり、アプリの外観と動作を改善するという点で大いに役立ちます。

[プロパティ] リストのすぐ上に、データ ソースが表示されます。ここでは、表 1 からアプリ データを取得していることを示しています。また、前のチュートリアルで Power Apps にデータ ソースを追加する方法についても説明しました。

詳細画面の Power Apps フォームとデータ カード

リストの次の項目はフィールドと呼ばれます。

詳細画面の Power Apps フォームとデータ カード

「フィールドを編集」というボタンをクリックすると、アプリ上のさまざまなフィールドのリスト全体が表示されます。

詳細画面の Power Apps フォームとデータ カード

これらのフィールドは簡単に移動できます。たとえば、姓と名を一番上に表示したいとします。

詳細画面の Power Apps フォームとデータ カード

フィールドを選択し、目的の場所に到達するまでリスト内でドラッグするだけです。ご覧のとおり、アプリ自体のフィールドの順序も自動的に変更されます。

詳細画面の Power Apps フォームとデータ カード

これも Power Apps の優れた点です。コーディングを行う必要さえありません。すべてが直感的です。要素をドラッグ アンド ドロップして、いくつかの項目のオンとオフを切り替えるだけです。

アプリ上のフィールドをより論理的にするために、顧客番号、VIP レベル、パスポート番号、場所、参加日、エージェント名を姓と名の後に置きます。

詳細画面の Power Apps フォームとデータ カード

各フィールドには、各項目をさらに展開するオプションがあることがわかります。

詳細画面の Power Apps フォームとデータ カード

これにより、各フィールドをカスタマイズする方法についてさらに多くのオプションが開かれます。

詳細画面の Power Apps フォームとデータ カード

たとえば、姓を見ると、その特定のフィールドをテキスト、電話番号、電子メール、またはリッチ テキストとして表示するオプションが表示されます。

詳細画面の Power Apps フォームとデータ カード

パスポート番号にアクセスして試してみましょう。コントロールの種類を変更して電話番号にします。

これを実行すると、パスポート番号がリンクに変わり、クリックするとその番号に自動的にダイヤルされます。

詳細画面の Power Apps フォームとデータ カード

つまり、このアプリが起動して実行されているとき、フォームに連絡先番号があれば、アプリ内から各人に直接連絡できるということです。

右側の [プロパティ] ペインに戻ると、他にも多数のカスタマイズ オプションが利用可能です。

たとえば、このドロップダウンを使用してフォーム内のデータを複数の列に分割できます。

詳細画面の Power Apps フォームとデータ カード

したがって、2 つの列を選択すると、詳細画面のフィールドが 2 つの列に分割されます。

詳細画面の Power Apps フォームとデータ カード

この項目をオンまたはオフに切り替えるだけで、特定のフィールドを表示または非表示にするオプションがあります。

詳細画面の Power Apps フォームとデータ カード

[プロパティ] で変更できるその他の項目としては、色や枠線などが挙げられます。

Power Apps フォームとデータ カードの表示名の変更

今回はアプリ上の表示名について見てみましょう。名前の間にスペースが入っていないことに注意してください。したがって、FirstName、LastName、CustomerNumber などが表示されます。

詳細画面の Power Apps フォームとデータ カード

これは、これらの名前のそれぞれが、データ ソースとして機能する Excel ファイル内の列名に対応しているためです。

詳細画面の Power Apps フォームとデータ カード

もちろん、このような表示名をユーザーに見せたくはありません。すべてを読みやすくするために、これらの表示名を変更し、適切な形式で記述します。

まず、対応するデータ カードをクリックします。FirstName から始めます。繰り返しますが、このカード内に値とキーがあることがわかります。

詳細画面の Power Apps フォームとデータ カード

前述したように、キーはデータ ソースの列名に基づいています。

アプリ上で適切な要素が強調表示されたら、右側のペインで [詳細] をクリックします。

詳細画面の Power Apps フォームとデータ カード

ここでは、テキストに Parent.DisplayName が表示されていることがわかります。

詳細画面の Power Apps フォームとデータ カード

これは、これが親フィールドである FirstName_DataCard1 に基づいていることを示しています。表示名を確認すると、「FirstName」という値が表示されます。

詳細画面の Power Apps フォームとデータ カード

つまり、データ カード キーは、データ カード自体によって指定された表示名を使用します。

詳細画面の Power Apps フォームとデータ カード

これを変更するには 2 つの方法があります。1 つ目の簡単な方法は、親データ カードを強調表示し、表示名にスペースを追加することです。ご覧のとおり、これにより、アプリ自体の名前が自動的に変更されます。「FirstName」ではなく「First Name」が表示されるようになりました。

詳細画面の Power Apps フォームとデータ カード

2 番目の方法では、データ カード キーの動的式を静的な式に置き換えます。

詳細画面の Power Apps フォームとデータ カード

DataCardKey4 が強調表示されていることを確認し、データ カードの下にある First Name のキーです。Parent.DisplayName という式を削除し、「First Name 1」に変更します。繰り返しますが、これにより、アプリ自体の表示名が自動的に変更されます。

詳細画面の Power Apps フォームとデータ カード

カードがロックされ、何も変更できない場合があります。カードがロックされているかどうかは、南京錠のアイコンで確認できます。

詳細画面の Power Apps フォームとデータ カード

LastName がロックされているため、そのカードを強調表示して [詳細設定] に進みます。ここには「プロパティを変更するにはロックを解除する」というオプションがあります。

詳細画面の Power Apps フォームとデータ カード

それをクリックすると、姓を変更し、表示名にスペースを追加できるようになります。繰り返しますが、親カードに移動して表示名を変更します。

詳細画面の Power Apps フォームとデータ カード

他のすべてのフィールドについても同じことを行います。これらをすべて変更すると、詳細画面全体が読みやすくなったことがわかります。

詳細画面の Power Apps フォームとデータ カード


Power Apps の概要: 定義、特徴、機能、重要性
Power Apps 環境のセットアップ: OneDrive および Google Drive への接続
Power Apps 環境: アプリ要素を適切にセットアップする

結論

Power Apps は、まさに、さまざまなユーザーがデータにアクセスしやすくするために誰でも使用できる優れたプラットフォームです。ここで説明した使いやすさは、Power Apps のフォームやデータ カードだけに当てはまるものではありません。このプラットフォームが持つ他のすべての機能についても同じことが言えます。

Power Apps を段階的に習得するのに役立つ他のチュートリアルを作成しました。このプラットフォームの詳細を理解すると、対象ユーザーにデータを配信するためのもう 1 つの優れた方法を理解できるようになります。

ではごきげんよう、

ヘンリー


Power Automate の文字列関数: Substring と IndexOf

Power Automate の文字列関数: Substring と IndexOf

Microsoft フローで使用できる 2 つの複雑な Power Automate String 関数、substring 関数とindexOf 関数を簡単に学習します。

LuckyTemplates でビジュアル ツールチップを作成する

LuckyTemplates でビジュアル ツールチップを作成する

LuckyTemplates ツールチップを使用すると、より多くの情報を 1 つのレポート ページに圧縮できます。効果的な視覚化の手法を学ぶことができます。

Power Automate で HTTP 要求を行う

Power Automate で HTTP 要求を行う

Power Automate で HTTP 要求を作成し、データを受信する方法を学んでいます。

LuckyTemplates で日付テーブルを作成する方法

LuckyTemplates で日付テーブルを作成する方法

LuckyTemplates で簡単に日付テーブルを作成する方法について学びましょう。データの分析と視覚化のための効果的なツールとして活用できます。

2 つの方法による SharePoint 列の検証

2 つの方法による SharePoint 列の検証

SharePoint 列の検証の数式を使用して、ユーザーからの入力を制限および検証する方法を学びます。

SharePoint リストを Excel または CSV ファイルにエクスポート

SharePoint リストを Excel または CSV ファイルにエクスポート

SharePoint リストを Excel ファイルおよび CSV ファイルにエクスポートする方法を学び、さまざまな状況に最適なエクスポート方法を決定できるようにします。

Power Automate のオンプレミス データ ゲートウェイ

Power Automate のオンプレミス データ ゲートウェイ

ユーザーがコンピューターから離れているときに、オンプレミス データ ゲートウェイを使用して Power Automate がデスクトップ アプリケーションにアクセスできるようにする方法を説明します。

DAX 数式での LASTNONBLANK の使用

DAX 数式での LASTNONBLANK の使用

DAX 数式で LASTNONBLANK 関数を使用して、データ分析の深い洞察を得る方法を学びます。

CROSSJOIN 関数の使用方法 – LuckyTemplates および DAX チュートリアル

CROSSJOIN 関数の使用方法 – LuckyTemplates および DAX チュートリアル

LuckyTemplates で予算分析とレポートを実行しながら、CROSSJOIN 関数を使用して 2 つのデータ テーブルをバインドする方法を学びます。

TREATAS 関数を使用して LuckyTemplates で仮想リレーションシップを作成する

TREATAS 関数を使用して LuckyTemplates で仮想リレーションシップを作成する

このチュートリアルでは、LuckyTemplates TREATAS を使用して数式内に仮想リレーションシップを作成する方法を説明します。