---
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


---

# \[Now Experience フレームワークの作成\] ページ

# UI ビルダーでの Now Experience フレームワークページの作成 {#ariaid-title1}

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

モバイルアプリブリッジ を使用してモバイルデバイスで プレイブック を活用するモバイル Web 画面を構成するには、まず UI ビルダー で Now Experience フレームワークページを作成します。

## 始める前に

必要なロール：admin

## このタスクについて

モバイルデバイスでプレイブックを活用できるモバイル Web 画面を構成する前に、[UI Builder](https://www.servicenow.com/docs/access?context=ui-builder-overview&version=australia&pubname=australia-application-development&ft:locale=en-US)で Now Experience フレームワークページを作成する必要があります。ページを構成したら、 モバイルアプリビルダー (MAB) で Web 画面を構成する必要があります。モバイルアプリブリッジ を使用してモバイルデバイスでプラットフォーム機能を活用するモバイル Web 画面の構成の詳細については、「[モバイルアプリブリッジを使用したモバイル Web 画面の構成](https://servicenow-prod.fluidtopics.net/f3EMOqb8osSSsYOprsZ6Kg "埋め込み Web ビュー内でホストされている Seismic ページ、クラシック Web ページ、またはサービスポータルページを有効にするには、 モバイルアプリブリッジ を使用してモバイル Web 画面を構成します。この機能を使用すると、 ServiceNow モバイル アプリのネイティブモバイル機能にアクセスできます。")」を参照してください。

## 手順

1. 移動先 すべてNow Experience フレームワークUI ビルダー.
2. UI ビルダー ホームページで、右上の \[作成\] を選択します。
3. \[ エクスペリエンスを作成 \] ダイアログボックスを完了し、完了したら \[ 作成 \] を選択します。  
   注:  
   \[アプリシェル UI\] ドロップダウンリストから \[UXR Base Experience Shell\] を選択します。
4. \[ エクスペリエンスを開く \] を選択し、 \[新しいページの作成\] を選択します。
5. \[代わりに最初から作成します\] を選択します。  
   テンプレートの操作方法や、 UI ビルダーで最初からページを作成する方法については、「 [Customizing the Playbook Experience](https://www.servicenow.com/docs/access?context=playbook-customize-playbook&version=australia&pubname=australia-build-workflows&ft:locale=en-US)」を参照してください。
6. ページに名前を付け、\[ 続行\] を選択します。
7. URL パラメーターを確認し、必要なものである場合は、\[ 問題なし\] を選択します。
8. ページバリアントの名前と対象者を構成するか、\[ デフォルト\] を受け入れ、必要に応じて \[条件 \] を追加して 、\[作成\] を選択します。
9. ページで、右上隅の \[ エディターで開く \] を選択します。
10. ページの左側にあるデータ アイコンを選択して \[データ リソース\] ダイアログ ボックスを起動し、\[ +追加\] を選択します。
11. \[データリソースの検索\] ダイアログボックスの \[アプリケーション \] 列で @servicenow/now-mobile-app-bridge を選択し、 \[データリソース \] 列で \[モバイルアプリ\] を選択します。  
12. ダイアログ ボックスの右下隅にある 追加 を選択して、モバイルアプリブリッジ データ リソースをページに追加します。  
    注:  
    表示されていない場合は、ページを下にスクロールして \[ 追加 \] ボタンを確認します。
13. モバイル画面でネイティブ機能を有効にする モバイルアプリブリッジ API をトリガーするイベントハンドラーを追加します。  
    たとえば、モバイルデバイスのボタンに対してイベントをトリガーする場合は、次のようにします。
    1. エディターページの左側にある \[本文 \] を選択し、\[ コンポーネントの追加\] を選択します。

    2. \[ コンポーネント\] タブを選択し、使用するボタンのタイプを選択します。
    3. ページの本文で追加したボタンコンポーネントを選択し、右側のダイアログボックスで \[イベント \] タブを選択して、\[ イベントハンドラーの追加\] を選択します。

    4. \[ 以下のイベントハンドラーを選択...\] ダイアログボックスで、 モバイルアプリ 1 の下にあるイベントハンドラーの 1 つを選択し、構成します。

       注:  
       \[画面 ID\] フィールドに有効なモバイル画面の <kbd class="ph userinput">sysid</kbd> を必ず入力してください:

    5. イベント ハンドラーの構成が完了したら、ダイアログ ボックスの右下隅にある \[追加 \] を選択します。
    {#mob-playbk-create-playbk-pg__ol_j2q_bhb_txb}
14. Now Experience フレームワークエディターページで、右上隅の \[保存 \] を選択してページを保存します。  
    プレイブックの構成の詳細については、「[Customizing the Playbook Experience](https://www.servicenow.com/docs/access?context=playbook-customize-playbook&version=australia&pubname=australia-build-workflows&ft:locale=en-US)」を参照してください。  
    注:  
    GlideListProperties API の getTitle() メソッドは、ネクストエクスペリエンス (Seismic) ページを構成するために モバイルアプリブリッジ では使用できません。

## 次のタスク

\[Now Experience フレームワーク\] ページを作成したら、 MAB でモバイル Web 画面を作成する必要があります。次に、 MAB のモバイル Web 画面構成に Now Experience フレームワークページ URL を追加する必要があります。この構成の完了の詳細については、「 [モバイルアプリブリッジを使用したモバイル Web 画面の構成](https://servicenow-prod.fluidtopics.net/f3EMOqb8osSSsYOprsZ6Kg "埋め込み Web ビュー内でホストされている Seismic ページ、クラシック Web ページ、またはサービスポータルページを有効にするには、 モバイルアプリブリッジ を使用してモバイル Web 画面を構成します。この機能を使用すると、 ServiceNow モバイル アプリのネイティブモバイル機能にアクセスできます。")」のステップ 2 を参照してください。