---
sourceDocument: オーストラリアのモバイル構成とナビゲーション
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/mobile

 Release :

    - australia

ft:locale :

    - ja-JP

ft:publication_title :

    - オーストラリアのモバイル構成とナビゲーション

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - Development, Data and Analytics


---

# テーマの構成

# モバイル向けの Next Experience テーマの構成 {#ariaid-title1}

* リリースバージョン: Australia
* 
* 更新日 2026年03月12日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：5分

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

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

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

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

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

テーマは、UX テーマ \[sys_ux_theme\] テーブルのレコードによって定義されます。インスタンスには、モバイル UI で使用するための 3 つのベースシステムテーマ (Coral、Polaris、モバイルレガシー) が含まれています。図 : 1. テーマの遺産、ポラリス、サンゴの比較  
注:  
* Zurich バージョン以降では、ネクストエクスペリエンスが有効になっているデフォルトのテーマは Coral です。
* Utah から Yokohama バージョンの場合、Polaris はネクストエクスペリエンスが有効になっているデフォルトのテーマです。これらのオプションのいずれかを使用できます。
* デフォルトのネクストエクスペリエンステーマとして Polaris を使用している Zurich にアップグレードする既存のお客様は、別のテーマが選択されていない限り、Polaris をモバイルテーマとして保持します。
{#config-ne-theming__ul_fc2_z15_bgc}

珊瑚
:   Coral は、バージョン Zurich 以降でネクストエクスペリエンスが有効になっているインスタンスのデフォルトのテーマです。Zurichテーマにアップグレードしたお客様のテーマは、自動的に Coral にアップグレードされません。代わりに、手動でテーマを選択する必要があります。構成手順については、「 [モバイルアプリビルダーでのネクストエクスペリエンステーマの割り当て](https://servicenow-prod.fluidtopics.net/zQEDppbw3QTnXy0NsH9F2A "モバイルアプリビルダーを使用して、 ネクストエクスペリエンス テーマを割り当てます。")」を参照してください。Coral テーマは、ユーザーエクスペリエンスを向上させるためにブランド中立のイラストを特徴とする新鮮なルックアンドフィールを提供します。
:   \[モバイルカラーのデフォルト\] と呼ばれるコア UX スタイル \[sys_ux_style\] レコードは、Coral テーマに含まれています。このレコードは変更できませんが、ユーザーはこのレコードのコピーを作成するか、新しいテーマレコードを作成できます。新規またはコピーしたレコードの優先度を高くして、\[ モバイルカラーのデフォルト \] レコードで指定された色を上書きします。

Polaris
:   Polaris は、Utah から Yokohama のバージョンで ネクストエクスペリエンス が有効になっているインスタンスのデフォルトテーマです。  
    注:  
    Zurichテーマにアップグレードするお客様の場合、Coralに手動でアップグレードしない限り、Polarisはネクストエクスペリエンステーマのままです。
:   Mobile Colors Default と呼ばれる新しいコア UX スタイル \[sys_ux_style\] レコードが Polaris テーマに含まれています。このレコードは変更できませんが、ユーザーはこのレコードのコピーを作成したり、新しいテーマレコードを作成したりできます。新規またはコピーしたレコードの優先度を高くして、\[ モバイルカラーのデフォルト \] レコードで指定された色を上書きします。

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

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

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

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

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

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

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

新しい \[モバイルテーマ\] フィールドを使用して、モバイルアプリビルダーでモバイルアプリのテーマを設定します。

\[モバイルテーマ\] フィールドが空の場合
:   インスタンスは、 ネクストエクスペリエンス が有効かどうかのステータスを確認し、モバイルアプリに使用する UX テーマ \[sys_ux_theme\] レコードを決定します。デフォルトでは、次のようになります。

    * Zurichバージョンでは、ネクストエクスペリエンスが有効になっている場合は、Coral テーマが使用されます。
    * UtahからYokohamaの場合、ネクストエクスペリエンスが有効になっている場合は、Polaris テーマが使用されます。  
      注:  
      ネクストエクスペリエンスを使用する場合は、モバイルアプリごとに異なるモバイルテーマを使用できます。
    * ネクストエクスペリエンスを無効にすると、モバイルレガシーテーマが使用されます。
    {#config-ne-theming__ul_vb3_qlm_ngc}

\[クライアントテーマ\] フィールドが空でない場合
:   モバイルアプリでは、フィールドで指定されたテーマを常に使用してモバイルアプリのテーマを設定します。

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

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

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

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