Skip to main content

UIギャラリーの例のアプリケーションでの再利用

Pega Communityのロゴ

注: 次のコンテンツはPega Communityを参照したページで、モジュール内容の理解度を高める目的で含まれています。

UI Galleryのランディングページにある、すぐに使えるコンポーネントを活用してアプリケーション開発を加速させましょう。

UI Galleryには、価値あるユーザー体験をお届けするため、ベストプラクティスに基づいたガードレール準拠デザインパターンのサンプルが提供されています。 これらのコンポーネントは独自のUIを作成する際に参考にすることも、アプリケーションに直接コピーしてすぐに再利用することもできます。 たとえば、ショッピングカートの設計でデータソースを変更しても、それ以上の変更はせずにアプリケーションで使用できます。
  1. Dev Studioのヘッダーで Configure User Interface Gallery UI elements をクリックします。

  2. 「Showcase」「Available components」のセクションで再利用する要素を選択します。

    補足: タブヘッダーの要素名をクリックし、「Return to UI Gallery Overview」をクリックすると、いつでもUI Galleryに戻ることができます。
  3. 右サイドバーで「View design-time configuration」をクリックします。

  4. 開いたセクションのタブで、 「Save as」 「Save As」 をクリックします。

  5. 「New」タブの「Add to ruleset」リストで、アプリケーションで使用するルールセットの名前とバージョンを選択します。

  6. 「Create and open」をクリックします。

補足: アプリケーションルールセットに追加されているUIコンポーネントは、 保存済みのセクションとしてアプリケーションに追加できます。

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

If you are having problems with your training, please review the Pega Academy Support FAQs.

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

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

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

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