---
sourceDocument: Yokohama のリリースノート
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/yokohama/release-notes

 Release :

    - yokohama

ft:locale :

    - ja-JP

ft:publication_title :

    - Yokohama のリリースノート

ft:clusterId :

    - rn

bundleId :

    - rn


---

# テーマビルダー リリースノート

# テーマビルダー リリースノート {#ariaid-title1}

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

ServiceNow® テーマビルダー アプリケーションを使用すると、ユーザーのビジュアルエクスペリエンスをカスタマイズして、ブランドに合わせてルックアンドフィールを更新できます。テーマビルダー は Yokohama リリースで拡張および更新されました。

## Yokohama リリースでの テーマビルダー の特長 {#theme-builder-rn__theme-builder-rn-highlights}

* ブランドに合わせて統一ナビゲーションコンポーネントを編集し、スタイルを設定します。
* コンポーネントエディターにすばやくアクセスするには、コンポーネントをダブルクリックして個々のスタイルを編集します。
{#theme-builder-rn__ul_jth_gsr_4dc}

詳細については、「[Working with themes in Next Experience](https://www.servicenow.com/docs/access?context=next-experience-theming&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US)」を参照してください。{#theme-builder-rn__theme-builder-rn-highlights-2}
重要:  
テーマビルダー は Yokohama リリース以降、デフォルトで利用可能で、アップグレードは ServiceNow Store で利用可能です。詳細については、これらのリリースノートの「アクティブ化情報」セクションを参照してください。

## Yokohama リリースの新機能 {#theme-builder-rn__theme-builder-rn-new-features}

[Align with your brand by using the Unified Navigation component](https://www.servicenow.com/docs/access?context=edit-unified-navigation-component&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US)
:   次の新機能を使用して、テーマビルダー内から統一ナビゲーションコンポーネントをカスタマイズします。

    * \[プレビュー\] ペインを使用して、統一ナビゲーションコンポーネントがテーマでどのように表示されるかをすばやく確認します。
    * \[コンポーネント構成\] メニューを使用して、サブコンポーネント間で共有されているスタイルを表示します。
    * 更新されたキャンバスカラー機能を使用して、サブコンポーネントの背景色を表示し、統一ナビゲーションコンポーネントに関連してどのようにレンダリングされるかを確認します。
    {#theme-builder-rn__ul_sc1_1rt_rdc}

[ダブルクリック機能を使用すると、コンポーネントエディターにすばやくアクセスできます](https://www.servicenow.com/docs/access?context=tb-edit-components&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US)
:   コンポーネントタイルをダブルクリックすると、コンポーネントエディターにアクセスして、サブコンポーネント、バリアント、またはインタラクションのスタイル調整を続行できます。

## UI の変更 {#theme-builder-rn__theme-builder-rn-ui-changes}

[ナビゲーションが更新されました](https://www.servicenow.com/docs/access?context=tb-edit-components&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US)
:   コンポーネントエディター内の \[コンポーネントの概要に戻る (Return to component overview)\] リンクは、コンテキストにさらに対応したナビゲーションエクスペリエンスを実現するために、ブレッドクラムスタイルのナビゲーションに置き換えられました。

[コンポーネントエディターボタンが置き換えられました](https://www.servicenow.com/docs/access?context=tb-edit-components&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US)
:   \[コンポーネントエディターに移動 (Go to Component Editor)\] ボタンは、選択したコンポーネントに応じて、\[バリアントのスタイルを設定 (Style variants)\]、\[サブコンポーネントのスタイルを設定 (Style subcomponents)\]、または\[スタイルインタラクション (Style interactions)\] のいずれかのラベルが付けられるようになりました。このように UI は変更されましたが、コンポーネントエディターの動作は同じです。

[コンポーネントエディターの \[インタラクションの状況 (Interactions States)\] パネルが更新されました](https://www.servicenow.com/docs/access?context=tb-edit-components&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US)
:   コンポーネントエディター内の \[インタラクションの状況 (Interactions States)\] パネルは、インタラクションまたはサブコンポーネントのいずれかを参照するようになりました。

## アクティベーション情報 {#theme-builder-rn__theme-builder-rn-activation}

Yokohama リリース以降、テーマビルダーは ネクストエクスペリエンス アプリケーションにコアプラグインとして含まれており、デフォルトで利用可能です。ServiceNow Storeから最新バージョンのテーマビルダーに更新できます。{#theme-builder-rn__theme-builder-rn-activation-1}

## 関連 ServiceNow アプリケーションと機能 {#theme-builder-rn__theme-builder-rn-related-apps}

[App Engine Studio を使用したアプリの構築](https://www.servicenow.com/docs/access?context=aes-overview&version=yokohama&pubname=yokohama-application-development&ft:locale=en-US)
:   ServiceNow® App Engine Studio を使用して、情報を保存し、ビジネスプロセスを自動化し、ビジネス上の問題を解決するためのリッチな Web アプリケーションを開発します。

[UI ビルダー](https://www.servicenow.com/docs/access?context=ui-builder-overview&version=yokohama&pubname=yokohama-application-development&ft:locale=en-US)
:   ServiceNow® UI ビルダー を使用して、App Engine Studio で生成されたワークスペース、または ネクストエクスペリエンスのコンポーネント とカスタム Web コンポーネントを使用するカスタム Web エクスペリエンスのためのページをビルドします。