---
sourceDocument: Xanadu モバイルの構成とナビゲーション
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/xanadu/mobile
Release :
- xanadu
ft:locale :
- ja-JP
ft:publication_title :
- Xanadu モバイルの構成とナビゲーション
ft:clusterId :
- mobile
bundleId :
- mobile
workflow :
- Platform
---
# メディア UI セクションの設定
# メディア UI セクションの設定 {#ariaid-title1}
* リリースバージョン: Xanadu
*
* 更新日 2024年08月01日
*
*  所要時間：4分
画面ランチャーに画像またはビデオを表示するようにメディア UI セクションタイプを構成します。
## 始める前に
必要なロール：admin
## 手順
1. インスタンスで、フィルターナビゲーターに「sys_sg_section.list」と入力します。
2. モバイルセクションリストで \[新規\] をクリックします。
3. \[セクションタイプを選択 (Select section Type)\] ポップアップで \[メディアセクション\] を選択します。
4. \[OK\] をクリックします。
インスタンスにメディア UI セクションフォームが表示されます。
5. \[メディア UI セクション\] フォームで、必要に応じてフィールドに入力します。
{#sg-ui-section-config-media__table_xjd_n13_plb__entry__2}
| フィールド | 値 |
|-|-|
| タイトル | メディア UI セクションのタイトル |
| アクティブ | レコードが有効かどうか。非アクティブなレコードはアプリに表示されません。 |
| アプリケーション | このメディア UI セクションのスコープ対象のアプリケーション。このフィールドには現在のスコープ対象のアプリケーションが自動的に入力されます。 |
| 必要なロール | メディアセクションを表示するために必要なロール。このフィールドを空のままにした場合、ロール要件はないことになります。 |
| 見出し | メディア UI セクションの見出し。この見出しは、イメージまたはビデオの下に表示されます。 |
| テキスト | メディア UI セクションのテキスト。このテキストは、見出しのテキストの下に表示されます。 |
| タイプ | メディアの種類 UI セクション 次のいずれかを選択します。 * 画像 * ビデオ {#sg-ui-section-config-media__ul_x4w_1b3_plb} |
| 画像 | メディア UI セクションに表示される画像。このフィールドは、\[タイプ\] フィールドを \[イメージ\] に設定した場合に表示されます。 注: メディア UI セクションで使用される画像は、メディアセクションレコードに添付する必要があります。添付するメディアセクションフォームにイメージをドラッグし、参照ルックアップアイコン (![参照アイコン]()) を使用してイメージを選択します。 高さ 160 ピクセル、幅 1366 ピクセルを使用して、メディア UI セクションで使用するために最適化された画像を作成します。 ユーザーが主に iPhone を使用している場合は、高さ 160px、幅 375px ～ 600px にします。 |
| ビデオ | メディア UI セクションに表示されるビデオ。このフィールドは、\[タイプ\] フィールドを \[ビデオ\] に設定した場合に表示されます。このビデオは、外部でホストされている YouTube または Vimeo ビデオの URL である必要があります。 |
| 機能インスタンス | ユーザーがメディア UI セクションをタップしたときに使用される関数インスタンスを選択します。機能のラベルがテキストフィールドのテキストの下に表示されます。 注: 選択した機能インスタンスは、次の要件を満たす必要があります: * \[親\] フィールドを選択する前に、\[親テーブル\] フィールドにエントリーが含まれている必要があります。 * \[ 親テーブル \] フィールドを `[画面ランチャー`\] に設定する必要があります。 * 選択した関数インスタンスの \[親 \] フィールドには、メディア UI セクションを追加するランチャーが必要です。 * 関数インスタンスの \[場所 \] フィールドは \[メディア UI セクション\] である必要があります。 {#sg-ui-section-config-media__ul_jsq_3c3_plb} |
| アクセス制御タイプ | このランチャー画面にユーザーロール権限またはユーザー基準権限のいずれかをアサインするオプション。詳細については、「[モバイルアプリのユーザーロールとユーザー基準権限](https://servicenow-prod.fluidtopics.net/oyoLEDF6~PAbo5rmuQOWnA "ユーザーロールとユーザー基準権限は、モバイルプラットフォーム内でロールを定義したり、ユーザーをグループにセグメント化したりできるようにするアクセス制御メカニズムです。これらの権限を使用すると、モバイルアプリのさまざまなコンポーネントを個人またはグループに表示または非表示にできます。")」を参照してください。 |
| アクセスロール | このランチャー画面にアクセスできるユーザーロールを決定します。ロールを選択しない場合、どのロールを持つユーザーでもランチャー画面にアクセスできます。 注: このフィールドは、\[ アクセス制御タイプ \] フィールドで \[ユーザーロール\] が選択されている場合に使用できます。 |
| ユーザー基準アクセス | このランチャー画面にアクセスできるユーザー基準を決定します。ユーザー基準を選択していない場合、すべてのユーザーがランチャー画面にアクセスできます。 注: このフィールドは、\[ アクセス制御タイプ \] フィールドで \[ユーザー基準\] が選択されている場合に使用できます。 |
[表 : 1. メディア UI セクションフォーム]
{#sg-ui-section-config-media__table_xjd_n13_plb}
6. \[送信\] をクリックします。
画面ランチャーに追加できるメディア UI セクションが構成されました。
7. UI セクションを画面ランチャーに追加します。
1. 移動先 システムモバイルスクリーンランチャー.
2. UI セクションを追加するランチャーの画面ランチャーレコードを開きます。
3. \[ボディ\] タブをクリックします。
4. \[画面ランチャーセクション\] リストで、\[新しい行を挿入\] リンクをクリックします。
注:
\[ 新しい行を挿入\] リンクが表示されない場合は、編集している画面ランチャーレコードと同じアプリケーションを使用していない可能性があります。適切なアプリケーションに切り替えて、フォームを再ロードしてください。
5. \[ 順序 \] フィールドに、UI セクションが画面ランチャーに表示される順序を表す数値を入力します。
ランチャーの UI セクションは、最も低い値から最も高い値まで順番に表示されます。
6. Tab キーを押せば、\[セクション\] フィールドに移動します。
7. \[セクション\] フィールドで、UI セクションを選択し、緑色のチェックをクリックします。
8. UI セクションを追加したら、\[ 更新 \] をクリックして画面ランチャーレコードを保存します。
{#sg-ui-section-config-media__substeps_zbn_414_3mb}
{#sg-ui-section-config-media__steps_vp5_213_plb}
## 次のタスク
メディア UI セクションを作成したら、UI セクションをランチャー画面に関連付けて表示する必要があります。詳細については、「[ランチャー画面への UI セクションの追加](https://servicenow-prod.fluidtopics.net/gGLrvQ2Nqb7RBLK4fSY1NA "UI セクションをランチャー画面に関連付けて、関連するデータ可視化プレビューをモバイルデバイスに表示します。")」を参照してください。