---
sourceDocument: Yokohama ビルドのワークフロー
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/yokohama/build-workflows

 Release :

    - yokohama

ft:locale :

    - ja-JP

ft:publication_title :

    - Yokohama ビルドのワークフロー

ft:clusterId :

    - crworkflow

bundleId :

    - crworkflow

workflow :

    - Creator


---

# UI ビルダー ページへのカスタムレイアウトバンドルの追加

# UI ビルダー ページへのカスタムレイアウトバンドルの追加 {#ariaid-title1}

* リリースバージョン: Yokohama
* 
* 更新日 2025年01月30日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：2分

プレイブックカスタムレイアウトバンドルを、最初から作成した新規または既存の UI ビルダー ページに追加します。

## 始める前に

必要なロール：admin、ui_builder_admin

## このタスクについて

テンプレートはページレベルであり、まったく新しいページを作成するときに使用することを目的としています。バンドルは、新規または既存のページに追加できるテンプレートのようなものです。

## 手順

1. 移動先 すべてNow Experience フレームワークUI ビルダー をクリックし、\[ Playbook Experience Builder (プレイブックエクスペリエンスビルダー)\] を選択します。  
   プレイブックエクスペリエンスビルダーエクスペリエンスは、プレイブックエクスペリエンス をカスタマイズするために作られています。エクスペリエンスの作成方法の詳細については、「[Configure how users interact with your applications in UI Builder](https://www.servicenow.com/docs/access?context=work-experiences&version=yokohama&pubname=yokohama-application-development&ft:locale=en-US)」を参照してください。
2. \[ページとバリアント\] の横にある \[+\] ボタンを選択して、新しいページを作成します。
3. \[新規ページの作成\] を選択します。  
   \[テンプレートを選択してください\] 画面が表示されます。
4. \[代わりに最初から作成します\] を選択します。
5. ページの詳細を設定します。  

   |-|-|
   | 名前 | ページの名前。 |
   | URL パス | ユーザーがページにアクセスするために移動する URL パス。 |
   [ ]

   {#add-custom-layout-bundle-uib-page__table_grl_ch1_x1c}
6. \[続行\] を選択します。
7. ページのテスト URL パラメーターを追加します。  
   注:  
   すべてのプレイブックでは、少なくとも 1 つのテーブルと sysId をコントローラーにハードコードするか、URL を介して指定する必要があります。

   |-|-|
   | テーブル | プレイブックの親テーブルの名前。 |
   | sysID | レコードの Sys_id。存在しないレコードの場合、値は -1 です。 |
   [ ]

8. デフォルトのページバリアントをセットアップします。  

   |-|-|
   | 名前 | ページバリアントの名前。 |
   | 対象者 | ページバリアントを表示できるユーザー。次のように定義できます。 * ロール * グループ * ユーザー * 会社 * 部門 * 場所 * スクリプト {#add-custom-layout-bundle-uib-page__add-audiences_ul_ayn_3jx_snb} |
   | 条件 | ページのバリアントを表示するタイミングを決定する条件。 |
   [ ]

   {#add-custom-layout-bundle-uib-page__table_frz_wd3_q1c}  
   ページとデフォルトバリアントが作成されます。
9. 新しいページバリアントを開きます。
10. コンテンツツリーで \[本文\] の下の \[+ コンポーネントを追加\] を選択します。  
    ツールボックスが開きます。
11. ツールボックスの検索バーに「bundle」と入力します。  
    利用可能なバンドルが表示されます。
12. ページに追加するバンドルを選択します。

## タスクの結果

バンドルとそのすべてのコンポーネント、プリセット、およびコントローラーを新しい UI ビルダー ページに追加しました。

## 次のタスク

テスト値とコントローラー入力を編集します。