UI ビルダー でのページの作成

  • リリースバージョン: Zurich
  • 更新日 2025年07月31日
  • 所要時間:4分
  • ポータル、ワークスペース、またはカスタムアプリケーションのページを UI ビルダー で作成して、ユーザーの Web エクスペリエンスをビルドします。

    始める前に

    必要なロール:ui_builder_admin

    このタスクについて

    ページには、ワークスペース、ポータル、またはカスタムアプリケーションユーザーインターフェイス (UI) を構成するコンポーネントのコレクションがあります。

    図 : 1. UI ビルダー
    UI ビルダーの画面。

    手順

    1. 移動先 すべて > Now Experience フレームワーク > UI ビルダー.
    2. 作業するエクスペリエンスを開くか、または選択してエクスペリエンスを作成します 作成 > エクスペリエンス.
      エクスペリエンスの作成の詳細については、「UI ビルダー でユーザーがアプリケーションをどのように操作するかを構成する」を参照してください。
    3. 画面中央にある [新規ページの作成] を選択します。
    4. [代わりに最初から作成します] を選択します。
      矢印が [代わりに最初から作成します] ボタンを指しているテンプレート選択画面

      ページテンプレートを使用してページを作成することもできます。詳細については、「テンプレートからのページの作成」を参照してください。

      注:
      Xanadu Store Release 1 では、新しい UI ビルダー ページを最初から作成するときに、レスポンシブオーサリングを使用できます。レスポンシブオーサリングは、既存のページまたはテンプレートで作成されたページでは使用できませんが、これらのタイプのページでは、既存のデフォルトのリフローモデルが引き続き使用されます。詳しくは、「Responsive authoring (レスポンシブオーサリング)」を参照してください。
    5. [名前] フィールドにページの一意の名前を入力します。
    6. [URL パス] フィールドにページのパスを指定します。UI ビルダー は、前のステップで指定した名前に基づいてデフォルトのパスを生成します。
      デフォルトのパスは、ページ名に基づいて追加されます。独自のパスを作成することもできます。パスは必須で、一意になっている必要があります。パスには数字 (0 ~ 9)、文字 (A ~ Z、a ~ z)、およびいくつかの特殊文字 (「-」「.」「_」「~」) を含めることができ、語の間はスラッシュまたはハイフンで区切られます。[URL プレビュー] にはページのパスが表示されます。
      名前、URL パス、およびタイプフィールドがあるページ詳細画面。
      注:
      アプリケーションスコープのデフォルトは、ユーザーが ServiceNow AI Platform® 内で現在存在しているスコープです。アプリケーションスコープの詳細については、「セキュリティとロールについて学習する」を参照してください。
    7. [ タイプ ] ドロップダウンリストで URL ページタイプを選択します。
      URL ページタイプは、エクスペリエンスビューで重要なページを分類して見つけるのに役立ちます。[なし]、[ダッシュボード]、[ナレッジベース]、[リスト]、および [レコードページ] タイプから選択します。[ なし ] 以外のタイプが割り当てられたページは、エクスペリエンスビューでより効果的にフィルタリングされます。
      注:
      ランディングページには、デフォルトで ランディング URL タイプが割り当てられます。
    8. [Continue (続行)] を選択します。
    9. ページの URL に必須パラメーターを追加します。
      1. [+ 追加] をクリックします。
      2. ページの必須パラメーターを入力します。
        必須パラメーターは、sys_id、テーブル、クエリなどのページに必要なデータです。必須パラメーターは、必須パラメーターの値にバインドできるため、コンポーネントに役立ちます。
        UI ビルダーの必須パラメーター。
        詳細については、「UI ビルダー ページとページのバリアントを管理」を参照してください。
    10. オプション: ページの URL にオプションのパラメーターを追加します。
      1. [+ 追加] をクリックします。
      2. ページのオプションのパラメーターを入力します。
        必須パラメーターとは異なり、オプションのパラメーターは、常に、指定された順序に関係なく機能する名前と値のペアです。
        UI ビルダーのオプションのパラメーター。
        詳細については、「UI ビルダー ページとページのバリアントを管理」を参照してください。
    11. [よさそうです]を選択します。
    12. ページバリアントの名前を入力します。
      フォームには自動的に [デフォルト] が含まれますが、ページバリアント名を編集できます。
    13. オプション: このページの対象者を 1 人以上追加します。
      必要な対象者がリストにない場合は、[プラットフォームで対象者を開く] リンクを選択して作成できます。
    14. オプション: 用意されているドロップダウンメニューを使用するか、エンコードされたクエリ文字列を記述して、ページを表示するタイミングに関する条件を宣言します。

      エンコードされたクエリの記述の詳細については、「Encoded query strings」を参照してください。

    15. [Continue (続行)] を選択します。
    16. さまざまな画面フォームファクターでのページの表示方法をより詳細に制御するには [ レスポンシブをビルド ] オプション (デフォルト) を選択し、自動調整の場合は [レスポンシブなしでビルド] を選択します。

      ページを最初から作成する場合にレスポンシブオーサリングとリフローオプションを表示するステップ。

      詳しくは、「Responsive authoring (レスポンシブオーサリング)」を参照してください。

    17. [作成] を選択して空白のページを作成します。
      ページがエディタービューで開くので、レイアウトやコンポーネントなどのコンテンツの追加を開始できます。詳細については、「コンポーネントを使用した UI ビルダー ページのカスタマイズ」を参照してください。