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


---

# モバイルアプリブリッジでのモバイル Web 画面の構成

# モバイルアプリブリッジでのモバイル Web 画面の構成 {#ariaid-title1}

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

モバイルアプリブリッジを使用してモバイル Web 画面を設定し、埋め込み Web ビュー内でホストされている Seismic ページ、クラシック Web ページ、またはサービスポータルページを有効にします。この機能を使用すると、 ServiceNow® モバイル アプリのネイティブモバイル機能にアクセスできます。

## 始める前に

必要なロール：アドミン

## このタスクについて

このタスクは、 モバイルアプリブリッジ を使用して、プレイブックエクスペリエンスを含む Seismic ページをモバイルアプリ内に埋め込む例です。

モバイルデバイスで ServiceNow Platform プレイブック 機能を活用するようにモバイル Web 画面を構成します。プレイブックは、問題のトラブルシューティングを行う際に技術者をガイドしたり、新しい部品の取り付け方法を習得したりするのに役立ちます。プレイブック機能の詳細については、「」を参照してください。  
モバイルアプリブリッジ を使用して Seismic ページを構成するには、次のツールとタスクが必要です。

* モバイルアプリブリッジを利用して、[UI Builder](https://www.servicenow.com/docs/access?context=ui-builder-overview&version=yokohama&pubname=yokohama-application-development&ft:locale=en-US) で Now Experience フレームワークページを作成します。
* モバイルアプリビルダー (MAB) を使用してモバイル Web 画面を作成します。
* モバイル Web 画面構成フォームの \[ URL \] フィールドでページ URL を指定して、Now Experience フレームワークページをモバイルデバイス MAB 追加します。
{#configure-mobile-playbooks__ul_k14_pmm_5xb}  
ServiceNow モバイルプラットフォーム 上のモバイルデバイスでプレイブックを設定できるように、モバイルアプリブリッジにプレイブックを追加する方法の詳細については、「」を参照してください。  
重要:  
モバイルアプリブリッジを活用する Cabrillo JS API サポートは、クラシック Web ページ、サービスポータルページ、および Seismic ページに存在します。Cabrillo JS API の詳細については、「+」を参照してください

## 手順

1. UI ビルダー で \[Now Experience フレームワーク\] ページを作成します。  
   ページの作成方法については、「 [UI ビルダーでの Now Experience フレームワークページの作成](https://servicenow-prod.fluidtopics.net/Bq3oFOZQC~h7BjIPjIrMyg "モバイルアプリブリッジ を使用してモバイルデバイスでプレイブックを活用するモバイル Web 画面を構成するには、最初のステップで UI ビルダー で Now Experience フレームワークページを作成します。")」を参照してください。
2. MAB でモバイル Web 画面を作成します。  
   モバイル Web 画面の構成の詳細については、「 [モバイル Web 画面の設定](https://servicenow-prod.fluidtopics.net/JTvzSUNSD2aq7Gq_4pTi1Q "モバイル Web 画面を使用して、 ServiceNow モバイルアプリケーション内から URL を開きます。相対 URL を設定して、 ServiceNow プラットフォーム内のページを開くことができます。")」を参照してください。
3. ステップ 1 の UI ビルダー で構成した \[Now Experience フレームワーク\] ページに戻り、ページの右上隅にある プレビューURL パスを開く.  
4. ブラウザーに表示される URL を UI ビルダー でコピーし、その URL を \[MAB モバイル Web 画面\] フォームの \[URL\] フィールドに貼り付けます。  
5. MABで、 \[保存\] を選択します。
* **[UI ビルダーでの Now Experience フレームワークページの作成](https://servicenow-prod.fluidtopics.net/Bq3oFOZQC~h7BjIPjIrMyg)**   
  モバイルアプリブリッジ を使用してモバイルデバイスでプレイブックを活用するモバイル Web 画面を構成するには、最初のステップで UI ビルダー で Now Experience フレームワークページを作成します。