ユースケース:UI ビルダーエージェントの使用

  • リリースバージョン: Australia
  • 更新日 2026年06月17日
  • 所要時間：2分

    • UI ビルダー機能を学び、会話型 AI を使用してページ構成を加速します。

    シナリオ

    小売会社の市民開発者は、 UI ビルダー を使用して従業員セルフサービスポータルを作成しています。このプラットフォームでは比較的新しいユーザーであり、外部 HR システムにリンクするボタンとともに 3 列のレイアウトを必要とするページで作業しています。さらに、レイアウトを変更する前に、クライアントスクリプトがページで実行されているかどうかを確認したいと考えています。

    問題

    開発者は、 UI ビルダー の構成オプションにまだ精通していません。各タスクのドキュメントを検索すると、ワークフローが中断され、進行が遅くなります。複数列のレイアウトを適用する方法、外部リンクを含むボタンを追加する方法、既存のスクリプトがレイアウトの変更によって影響を受けるかどうかを確認する方法がわかりません。

    ソリューション

    UI ビルダーエージェントは、UI ビルダーページエディター内でチャットベースのアシスタントとして直接使用できます。開発者は、エディターを離れることなく、機能について質問したり、ページの変更を要求したり、構成に関するインサイトを取得したりできます。エージェントは、最新の ServiceNow ドキュメントに基づいた回答を即座に提供し、開発者に代わってページに変更を直接適用できます。

    開始する前に

    UI 生成をインストールし、ui_builder_admin ロールがあることを確認してください。詳細については、「UI 生成のインストール」と「UI ビルダーアドミンロールの付与」を参照してください。

    構成ステップ

    UI ビルダーエージェントを使用するには、次の手順を実行します。
    1. 移動先 すべて > Now Experience フレームワーク > UI ビルダー.
    2. 従業員セルフサービスポータルエクスペリエンスを開きます。
    3. 編集するページを開き、ページエディターから Now Assist パネルを開きます。
    4. チャットパネルで、次の操作を行います。
      • ページにクライアントスクリプトがあるかどうかを UI ビルダー エージェントに尋ねます。 自分のページでクライアントスクリプトが使用されていますか?

        エージェントは、ページの現在のスクリプトと構成の詳細なブレークダウンを提供します。

      • UI ビルダーエージェントに、3 列レイアウトを適用する方法を尋ねます。 このページに 3 列レイアウトを適用するにはどうすればよいですか?

        エージェントは、利用可能なレイアウトオプションと関連する手順について説明します。

      • UI ビルダーエージェントに、ページに 3 列レイアウトを追加するように依頼します。このページには 3 列のレイアウトを適用します。

        エージェントがレイアウト変更を実装します。

      • UI ビルダーエージェントに、ラベルとナビゲーション付きのボタンを追加するように依頼します。新しいウィンドウで https://hr.example.com にリンクする「人事ポータルにアクセス」というラベルが付いたボタンを追加します。

        エージェントがボタンコンポーネントを追加して構成します。

    5. ページエディターで変更を確認し、スタイルに必要な調整を行います。

    結果

    開発者は、 UI ビルダー エージェントのガイダンスに従って、3 列のレイアウトを設定し、リンクされたボタンコンポーネントを 1 回のセッションで追加します。また、変更を加える前に、ページのスクリプト構成を確信できます。通常はドキュメントで複数回検索する必要があったタスクが、エディターを離れることなく完了するようになりました。