Skip to main content

情報とユーザーインターフェイス

App Studioでのデータ作成

App Studioでフィールドを作成すると、Pega Platform™は自動的にプロパティをバックグラウンドで作成します。Dev Studioでプロパティを開いて、セキュリティーなどの詳細設定を行えます。

たとえば、App Studioでケースのライフサイクルを開き、「Request updates」ビューに「Last Name」フィールドを追加すると、「Last Name」プロパティが自動的に作成され、Dev Studioで開けます。

次の画像の中央で、垂直線をスライドして、App Studioフィールドの作成とDevStudioのプロパティを表示します。

データプロパティの表示

プロパティという語は、フィールドと同じ意味で使われることがよくありますが、この2つの語は同じではありません。 フィールドとは、データを扱うプロパティと、データの表示を扱うコントロールを組み合わせたものです。コントロールは、情報を保管するプロパティとUIの情報表示との間のリンクとして機能します。

ケースのライフサイクルからビューを設定する場合は、UIにフィールドを追加します。Pega Platformでは、フィールドごとに選択したフィールドタイプ(またはデータのタイプ)に基づいて、自動的にデフォルトのコントロールが割り当てられます。 たとえば、「Sign-in」フォームでは、「Username」フィールドはテキストタイプで、テキストボックスとして表示されます。 「Remember me on this device」フィールドはブール型で、次の画像ではチェックボックスとして表示されます。

sign in form

Pega Platformでは、データとUIが別々に扱われます。データタイプはケースタイプに追加して、フォームのデータタイプとして使用できますが、コントロールはデータタイプに関連付けずにフォームに追加できます。たとえば、実行時にビューにチェックボックスコントロールを追加しても、コントロールはプロパティを自動的には参照しませんが、ケースライフサイクルでBooleanフィールドタイプを追加すると、そのフィールドはデータ要素に関連付けられたチェックボックスコントロールになります。

データタイプ(プロパティ)は、他の値との意図的な相関関係がない単一の値(シングルバリュー)、または関連する値のセットのいずれかです。この違いはプロパティのモードで説明されます。開発者は通常、次の2種類のプロパティモードを使用します。

  • バリューモードは合計などの単一の情報を記述します。コントロールはバリューモードのプロパティの値を表示するために使われます。
  • ページモードは顧客などのデータタイプを記述し、顧客名、顧客住所、顧客識別番号などのデータ要素が含まれます。 レイアウト(プロパティのコンテナ)はページモードのプロパティを表します。ページモードのプロパティは、カレンダーコントロールやボタンにマッピングできません。

次の問題に答えて、理解度をチェックしましょう。

レイアウトでのデータの提示

レイアウトはフィールドなどのデータ要素をユーザーインターフェイス上で視覚的に整理します。フィールド、コントロール、その他のレイアウトをレイアウトに配置して、コンテンツをすばやく整理できます。

Pega Platformでは、ビューを作成するときに使用する、すぐに使用できるレイアウト(またはデザイン)テンプレートが提供されています。実行時にビューのレイアウトを変更するには、デザインテンプレートを変更します。 App StudioとDev Studioの両方のビューに既存のレイアウトテンプレートを適用できますが、レイアウトテンプレートの作成または更新を許可できるのはDev Studioのみです。次の画像はレイアウトテンプレートのオプションを示しています。  

out-of-the-box layout templates
補足: ベストプラクティスとして、ユーザーインターフェイスには標準機能の(out-of-the-box)レイアウトテンプレートを使用します。高度なユーザーインターフェイスのカスタマイズはApp Studioに準拠していないため、デザインシステムのアップデートが複雑になる可能性があります。

このトピックは、下記のモジュールにも含まれています。

トレーニングを実施中に問題が発生した場合は、Pega Academy Support FAQsをご確認ください。

このコンテンツは役に立ちましたか?

このコンテンツは 50% のユーザーにとって役に立ちました。

改善できるところはありますか?

We'd prefer it if you saw us at our best.

Pega Academy has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice