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


---

# ユーザーインターフェイス

# モバイルカードビルダー ユーザーインターフェイス {#ariaid-title1}

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

モバイルカードビルダー のユーザーインターフェイスについて学び、モバイルカードの構築と変更を開始します。

## トップパネル {#mcb-stage-ui__section_msz_dbl_4nb}

モバイルカードビルダーの上部パネルには、次の情報とオプションが含まれています。

メニュー
:   メニューを使用して、追加のオプションにアクセスします。

    * \[ 開く\] を使用して現在のカードを閉じ、別のカードを開きます。
    * \[ カードプロパティを編集 \] を使用して、カードの名前と簡単な説明を更新します。
    * \[ 変更テンプレート \] を使用して、現在のカードレイアウトをカードテンプレート内のレイアウトに置き換えます。  
      注:  
      カードテンプレートは、 Quebec 以降のリリースで作成されたカードにのみ適用できます。
    * \[ ステージをリセット\] を使用して、現在のモバイルカードからすべての要素を削除します。
    {#mcb-stage-ui__ul_kzj_ycl_4nb}

高さと幅
:   このセクションでは、カードの高さと幅がピクセル単位で表示されます。この情報は、カードにコンポーネントを追加および削除すると自動的に更新されます。

元に戻す
:   カードに対して行った最後の更新を元に戻す場合に選択します。キーボードで <kbd class="ph userinput">Ctrl+Z</kbd> または <kbd class="ph userinput">⌘+Z</kbd> を押して、このアクションを実行することもできます。

やり直し
:   \[ 元に戻す \] コマンドによって削除された最後の更新をやり直す場合に選択します。キーボードで <kbd class="ph userinput">Ctrl+Shift+Z</kbd> または <kbd class="ph userinput">⌘+Shift+Z</kbd> を押して、このアクションを実行することもできます。

Save
:   \[保存\] を選択して作業を保存します。

## 左パネル {#mcb-stage-ui__section_grn_chl_4nb}

|-|-|
|   | カードビルダーの左側のパネルには、次の情報とオプションが含まれています。 カードセクション :   左パネルの一番上のセクションには、現在のカードの名前が表示されます。 コンポーネントツリー :   カードセクションの下には、カードのコンポーネントがツリー構造で整理されていることを確認できます。コンポーネントを選択すると、中央パネルでそのコンポーネントがハイライト表示されます。コンポーネントを選択すると、そのコンポーネントの構成オプションが右側のパネルに表示されます。 |
[ ]

{#mcb-stage-ui__table_jdp_dhl_4nb}

## センターパネル {#mcb-stage-ui__section_d1f_y3l_4nb}

中央のパネルを使用して、カードのレイアウトをデザインします。パネルには、カードのコンポーネントが表示されます。モバイルアプリに表示されるカードを表示するには、\[ プレビュー\] ボタンを選択します。  
図 : 1. 中央パネルのコンポーネント

カードのコンポーネントを選択してハイライト表示します。コンポーネントの名前とゴミ箱アイコンが表示されたタブが表示されます。そのアイコンを選択して、カードからコンポーネントを削除します。選択したコンポーネントのその他の構成オプションが右側のパネルに表示されます。  
図 : 2. コンポーネントの追加

プラスアイコン ( ![プラスアイコン]()) を選択して、モバイルカードに追加する新しいコンポーネントを選択します。ボタンの追加については、「 [モバイルカードビルダー のカードアクション](https://servicenow-prod.fluidtopics.net/g0LMI2jFZQgVRkYiJ6VCAA "モバイルカードビルダー 内で作成したカードにアクションを設計して追加します。ボタンを使用して、ユーザーがカード内で直接アクションを実行できるようにすることができます。たとえば、提案を承認または却下したり、リストされた連絡先に電話をかけたり、買い物かごにアイテムを追加したりします。")」を参照してください。

コンポーネントを選択して削除し、削除アイコン ( ![プラスアイコン]()) を選択します。

## 右パネル {#mcb-stage-ui__section_ag5_y3l_4nb}

|-|-|
| カードビルダーの右側のパネルには、選択したコンポーネントの構成オプションが含まれています。使用可能な構成オプションは、選択したコンポーネントのタイプによって異なります。 コンポーネントの構成を変更すると、中央のパネルで変更内容をすぐに確認できます。プレビューオプションを使用している場合は、\[ プレビューを更新 \] を選択してコンポーネントのプレビューを更新します。 構成オプションには、次のような書式設定オプションが含まれます。 * サイズ * マージン * コーナー半径 * テキストの配置 {#mcb-stage-ui__ul_hvy_kbm_4nb} このパネルを使用して、フィールド値をカードのコンポーネントにマッピングすることもできます。詳細については、次を参照してください。 [モバイルカードビルダー を使用して画面をカスタマイズする](https://servicenow-prod.fluidtopics.net/OfOIYDtN6P8DMRTTvjFXXw "モバイルカードビルダー を使用して、画面のカードを変更します。") . |   |
[ ]

{#mcb-stage-ui__table_klm_z3l_4nb}
* **[モバイルカードビルダー コンポーネント](https://servicenow-prod.fluidtopics.net/bgUrX3PguMkeZzsOeDCJTw)**   
  モバイルカードを構成するコンポーネントについて学びます