Skip to main content

Constellationのコンポーネント

Constellationは、ユーザーインターフェイス(UI)の設計と実装のプロセスを合理化する包括的かつ処方的なフレームワークです。企業はボタンの配置などの低レベルの設計に煩わされず、コアロジックと要件に集中できます 

Constellationを使用すると、アプリケーションはPegaのCenter-out™アプローチをこれまで以上に確実に遵守できます。また、さらに多くのビジネスロジックをUIからケース処理とステップ定義に移行することで、すべてのデリバリーチャネルで一貫したユーザーエクスペリエンスを実現し、価値実現までの時間を短縮し、大幅なアップグレードを容易にできます。

Constellationには、Pegaアプリケーションの構築時の開発体験に影響を与える3つの主要コンポーネント、Constellationデザインシステム、Constellationアーキテクチャ、Constellation DX APIがあります。

Constellationデザインシステム

Constellationデザインシステムは、事前に構築されたUIコンポーネントとパターンのライブラリであり、これらは連携して、機能が豊富なUIと生産性の高いユーザーエクスペリエンスを実現します。パターンとは、ユーザーの生産性を高めることが実証されている、事前設定されたコンポーネントの組み合わせです。この事前構築されたコンポーネントのライブラリによって、ローコード開発者は、すぐに強力なカスタムアプリケーションを構築できます。

Constellationデザインシステムは、コンポーネントベースのUIを構築するためのオープンソースのフロントエンドJavaScriptライブラリである、Reactに構築されています。Constellationアプリケーションは、シングルページアプリケーション(SPA)です。SPAは、1つのHTMLページをロードして、サーバーからの新しいデータを使用して、現在のページを動的に書き換えます。新しいデータを1つだけ表示するためにまったく新しいHTMLページをロードする必要はありません。Reactは、UIの変更をバッチ処理して、再レンダリングの回数を最小限に抑えます。これにより、ラグが減少し、より良いパフォーマンスと、よりスムーズなユーザーエクスペリエンスが実現します。

Constellationアーキテクチャ

Pegaの従来のUIアーキテクチャでは、アプリケーションのセクションをゼロからカスタマイズし、テキストフィールド、ボタン、動的レイアウトなどのさまざまなコントロールをドラッグアンドドロップしてUIを構築します。従来のUIアーキテクチャでは、クライアントはアプリケーションを完全にカスタマイズできました。このアプローチには大きな柔軟性がありましたが、ソリューションを完全にカスタマイズするのと引き換えに、開発時間の延長、メンテナンスコストの増加、より脆弱なソリューションが伴いました。

Constellationアーキテクチャは、カスタマイズから設定へのシフトです。Constellationを使用すると、アプリケーションのデータモデルを設定することで、広範囲で処方的かつ包括的な体験が生まれます。Constellationは、データモデルから、UIやアクションを含むエンドツーエンドの体験を生み出します。これにより、開発時間が短縮され、チャネル間のユーザーエクスペリエンスの一貫性が高まり、アップグレードが容易になり、メンテナンスが最小限に抑えられます。

Constellationは、事前設定されたUIテンプレート、所定のナビゲーション、ワークフロー、情報アーキテクチャを提供します。これらすべてにより、お客様は40年にわたるエンタープライズアプリケーション開発の経験を活用し、記録的な速さで一貫性のある、エラーのないアプリケーションを簡単に作成できます。

Constellation DX API

Constellation DX APIは、開発者がPegaのケースとアサインメントを表示、作成、更新できるモデル主導のAPIエンドポイントのセットです。従来のDX APIが非ネイティブUIをサポートするために使用されていたのに対し、Constellation DX APIはPegaネイティブUIと非ネイティブUIの両方をサポートしています。言い換えれば、同じAPIエンドポイントが、Pegaソフトウェアの標準のユーザーエクスペリエンスとそのカスタムフロントエンドエクスペリエンスを改善します。Pegaアプリケーションの一貫したユーザーエクスペリエンスを、各チャネルにビジネスロジックをエンコードすることなく構築できます。

Constellation DX APIは、単なるアップデートではなく、完全に再設計された体験です。Constellation DX APIにより、最初のロードでのリクエストが30%減少し、ネットワークペイロードが7分の1になり、ネットワークトラフィックが大幅に削減されました。DX APIの応答は、非常に堅牢で、レイアウト、フィールド、バリデーション、条件付き表示、アクションを含む、あらゆるフロントエンドフレームワークでビューを再現するために必要なすべての情報を含んでいます。Constellation DX APIには新しいAPIエンドポイントも含まれており、ケースの追跡や新しいステージへのケースの移動など、API呼び出しによる追加機能を実現します。

要約すると、Constellationは、モデル主導の処方的なオーケストレーション層の上に構築された、統合されたUIテンプレート、コンポーネント、およびパターンのライブラリであり、フロントエンド開発者がフロントエンドの体験を拡張したり、場合によっては置き換えたりすることを可能にするオープンなREST APIによってサポートされています。

Constellationは最新のWeb標準(React、Redux、Node.js)を採用し、保守とアップグレードを容易にするために、懸念事項をより適切に分離しています。

これにより、チームはPegaアプリケーションの体験をこれまで以上に迅速に、一貫して、効率的に提供できるようになります。

補足: Constellation UIの詳細については、「Constellation UI」を参照してください。

以下のインタラクションで理解度をチェックしてください。


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

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

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

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

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