---
sourceDocument: Yokohama モバイル構成とナビゲーション
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/yokohama/mobile

 Release :

    - yokohama

ft:locale :

    - ja-JP

ft:publication_title :

    - Yokohama モバイル構成とナビゲーション

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - evelopment, Data and Analytics


---

# モバイル用にネクストエクスペリエンスのテーマを構成する

# モバイル用にネクストエクスペリエンスのテーマを構成する {#ariaid-title1}

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

ネクストエクスペリエンステーマを有効にし、モバイルアプリのテーマを作成して適用する方法について説明します。

## ネクストエクスペリエンス を有効化 {#config-ne-theming__section_adj_vz5_xvb}

重要:  
Utah以降のバージョンのServiceNow®インスタンスでネクストエクスペリエンステーマを使用します。

ネクストエクスペリエンステーマを使用するには、インスタンスでネクストエクスペリエンスを有効にする必要があります。アクティブ化手順と ネクストエクスペリエンスの詳細については、「 [Next Experience でのテーマの探索](https://www.servicenow.com/docs/access?context=next-experience-theming&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US)」を参照してください。

## モバイルアプリで利用可能なテーマ {#config-ne-theming__section_iwr_f1v_xvb}

テーマは、UX テーマ \[sys_ux_theme\] テーブルのレコードによって定義されます。インスタンスには、モバイル UI で使用するための 2 つのベースシステムテーマが含まれています。

Polaris
:   Polaris は、 ネクストエクスペリエンス が有効になっているインスタンスのデフォルトテーマです。
:   「モバイルカラーのデフォルト」と呼ばれる新しいコア UX スタイル \[sys_ux_style\] レコードが「ポラリス」テーマに含まれています。このレコードは変更できませんが、ユーザーはこのレコードのコピーを作成したり、新しいテーマレコードを作成したりできます。新しいレコードまたはコピーしたレコードにより高い優先度の値を指定して、\[ モバイルカラーのデフォルト \] レコードで指定された色を上書きします。

モバイルレガシー
:   モバイルレガシーは代替テーマです。Utah 以降にアップグレードされたインスタンスで、ネクストエクスペリエンスが有効になっていないインスタンスでは、このテーマが使用されます。

Polaris テーマの下には、「 Mobile Colors Default」という名前の UX スタイル \[sys_ux_style\] レコードがあります。このレコードは、色変数名とそれらに関連付けられた色を定義します。

## テーマとスタイルの作成 {#config-ne-theming__section_lqb_d1v_xvb}

インスタンスの UX テーマ \[sys_ux_theme\] テーブルに ネクストエクスペリエンス テーマを作成します。デフォルトでは、 ネクストエクスペリエンス が有効になっているインスタンスは Polaris テーマを使用します。ネクストエクスペリエンスが有効になっていないインスタンスでは、モバイルレガシーテーマが使用されます。これらのテーマは変更できませんが、いずれかをコピーして変更することはできます。

各 UX テーマレコードは、テーマをインスタンスに適用するときの UI の外観を定義する 1 つ以上の UX スタイル \[sys_ux_style\] レコードにリンクされています。テーマレコードと同様に、デフォルトのスタイルレコードは編集できませんが、コピーすることはできます。

テーマ構成の詳細についてはネクストエクスペリエンス[ネクストエクスペリエンスのテーマと設定の構成](https://www.servicenow.com/docs/access?context=config-next-experience-themes-prefs&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US)を参照してください。  
重要:  
モバイルアプリでは、UX スタイルの色要素のみを使用します。テーマ内のフォント、シャドウ、不透明度、その他の色以外の要素などの要素は、モバイル UI の外観を変更しません。

## モバイルクライアントへのテーマのアサイン {#config-ne-theming__section_ibz_3hd_dwb}

|-|-|
| 新しい \[クライアントテーマ\] フィールドを使用して、モバイルアプリビルダーでモバイルアプリのテーマを設定します。 \[クライアントテーマ\] フィールドが空の場合 :   インスタンスは、 ネクストエクスペリエンス が有効かどうかのステータスを確認し、モバイルアプリに使用する UX テーマ \[sys_ux_theme\] レコードを決定します。 * ネクストエクスペリエンスが有効になっている場合は、Polaris テーマが使用されます。 * ネクストエクスペリエンスを無効にすると、モバイルレガシーテーマが使用されます。 {#config-ne-theming__ul_uk2_4jd_dwb} \[クライアントテーマ\] フィールドが空でない場合 :   モバイルアプリでは、フィールドで指定されたテーマを常に使用してモバイルアプリのテーマを設定します。 |   |
[ ]

{#config-ne-theming__table_txx_53d_dwb}

## カスタムモバイルコンポーネントで色変数を使用する {#config-ne-theming__section_axv_l1v_xvb}

モバイルコンポーネントを設計するときに色変数を使用して、一貫したユーザーエクスペリエンスを提供します。次のコンポーネントは、色変数を利用します。

* UI ルール
* ナビゲーションセクション
* マップピン
* アイコン
* テンプレートを表示
* モバイルビューボタン
* 入力説明フィールド
{#config-ne-theming__ul_v55_5qf_zvb}

色変数の使用方法は、ビルドするコンポーネントによって異なります。これらの各コンポーネントに色変数を適用する方法については、「 [モバイルのカラーテーマに関する考慮事項](https://servicenow-prod.fluidtopics.net/aLkvpE26VV0xETBtR~i85A "モバイルアプリケーションで色を使用してユーザーエクスペリエンスを向上させる方法について説明します。環境に適した色を使用すると、アプリ内でユーザーをガイドし、重要な情報をすばやく識別するのに役立ちます。")」を参照してください。