> ## Documentation Index
> Fetch the complete documentation index at: https://domoinc-openapi-sync-dataflows.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# モバイルレイアウトの編集

export const InlineImage = ({src, alt = '', height = '1.6em'}) => {
  return <img noZoom src={src} alt={alt} style={{
    display: 'inline',
    verticalAlign: 'start',
    height: height,
    margin: '0'
  }} />;
};

## はじめに

モバイルレイアウトの編集は、既存のモバイルダッシュボードに比べて分析の操作性が一新されており、Web上でストーリーを使用する場合と同等の性能と機能を提供します。モバイルレイアウトの編集には、いくつかの機能が組み合わされています。

* Webからモバイルレイアウトを編集できます。
* モバイル上でカードを非表示にできます。
* モバイル上でインタラクティブなダッシュボードを使用できます。

## カスタムモバイルストーリー

モバイル用のカスタムモバイルストーリーを使用すると、Web上でストーリーを使用する場合と同様のカスタマイズ機能や作成機能をモバイルAppで使用できます。Web上でストーリーを編集する場合は、使いやすいドラッグ＆ドロップを使用して、モバイルバージョンを個別にカスタマイズできます。モバイルデバイスユーザーに向けて、精選されたエクスペリエンスを、対象を絞って提供できます。モバイルビューではカードの並べ替えやサイズ変更を簡単に行うことができます。最大4枚のカードを表示して、データストーリーに最適なモバイルビューを作成できます。

**モバイル向けのカスタムストーリーを作成するには：**

1. ダッシュボードに移動します。

2. <InlineImage src="/images/kb/ja/ka0Vq000000EPY1-00N5w00000Ri7BU-0EM5w000005wLEX.png" /> アイコンをクリックし、 **［ダッシュボードを編集］** を選択します。

3. **［オプション］** の横にある **［デスクトップ］** ドロップダウンメニューをクリックします。

4. **［モバイル］** オプションを選択します。

## モバイル上のカードを非表示にする

モバイル上でカードを非表示にできるようになりました。これにより、関連性の低い一部のカードをダッシュボードで非表示にできるため、重要な情報を見つける際にスクロールする手間を省けるようになります。

**モバイル上でカードを非表示にするには：**

1. ダッシュボードに移動します。

2. <InlineImage src="/images/kb/ja/ka0Vq000000EPY1-00N5w00000Ri7BU-0EM5w000005wLEX-1.png" /> アイコンをクリックし、 **［ダッシュボードを編集］** を選択します。

3. **［オプション］** の横にある **［デスクトップ］** ドロップダウンメニューをクリックします。

4. **［モバイル］** オプションを選択します。

5. 非表示にするカードの上にカーソルを置きます。

6. <InlineImage src="/images/kb/ja/ka0Vq000000EPY1-00N5w00000Ri7BU-0EM5w000005wLEo.png" /> **［カードを非表示］** アイコンをクリックします。

   <Columns>
     <Frame>
       <img src="https://mintcdn.com/domoinc-openapi-sync-dataflows/J3x-O8qWbl7BB1F9/images/kb/ka0Vq000000EPWP-00N5w00000Ri7BU-0EM5w000005vOY5.png?fit=max&auto=format&n=J3x-O8qWbl7BB1F9&q=85&s=e0ce74f0998e005ce8bb3454766e8667" width="484" height="533" data-path="images/kb/ka0Vq000000EPWP-00N5w00000Ri7BU-0EM5w000005vOY5.png" />
     </Frame>

     <Frame>
       <img alt="Screen_Shot_2021-04-16_at_1.37.53_PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/J3x-O8qWbl7BB1F9/images/kb/ka0Vq000000EPWP-00N5w00000Ri7BU-0EM5w000005vOYB.png?fit=max&auto=format&n=J3x-O8qWbl7BB1F9&q=85&s=022206c0b91d4b87b67c481bd05ccea6" style={{width: 273, height: 376}} width="445" height="613" data-path="images/kb/ka0Vq000000EPWP-00N5w00000Ri7BU-0EM5w000005vOYB.png" />
     </Frame>
   </Columns>

**モバイル上でカードを表示にするには：**

1. ダッシュボードに移動します。

2. <InlineImage src="/images/kb/ja/ka0Vq000000EPY1-00N5w00000Ri7BU-0EM5w000005wLEX-2.png" /> アイコンをクリックし、 **［ダッシュボードを編集］** を選択します。

3. **［オプション］** の横にある **［デスクトップ］** ドロップダウンメニューをクリックします。

4. **［モバイル］** オプションを選択します。

5. **［モバイル］** ドロップダウンの横にある <InlineImage src="/images/kb/ja/ka0Vq000000EPY1-00N5w00000Ri7BU-0EM5w000005wLEo-1.png" /> **［カードを非表示］** アイコンをクリックします。

   <Frame>
     <img alt="Screen_Shot_2021-04-16_at_1.38.02_PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/J3x-O8qWbl7BB1F9/images/kb/ka0Vq000000EPY1-00N5w00000Ri7BU-0EM5w000005wLEs.png?fit=max&auto=format&n=J3x-O8qWbl7BB1F9&q=85&s=dbad39eb9f294038fcebfec3d9133213" width="469" height="642" data-path="images/kb/ka0Vq000000EPY1-00N5w00000Ri7BU-0EM5w000005wLEs.png" />
   </Frame>

6. **［カードを非表示］** リストで、表示するカードの上にカーソルを置きます。

7. <InlineImage src="/images/kb/ja/ka0Vq000000EPY1-00N5w00000Ri7BU-0EM5w000005wLEu.png" /> **［表示］** アイコンをクリックします。

   <Frame>
     <img alt="Screen_Shot_2021-04-16_at_1.38.16_PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/J3x-O8qWbl7BB1F9/images/kb/ka0Vq000000EPWP-00N5w00000Ri7BU-0EM5w000005vOY2.png?fit=max&auto=format&n=J3x-O8qWbl7BB1F9&q=85&s=5df207fda8154311cac64b1934b600af" width="1016" height="743" data-path="images/kb/ka0Vq000000EPWP-00N5w00000Ri7BU-0EM5w000005vOY2.png" />
   </Frame>

## モバイル上のインタラクティブなダッシュボード

チャートを簡単に操作できるほか、1回のタップでフィルターを適用できます。フィルターのクリアも1回のタップでできるようになりました。また、［ドリルインプレイス］オプションをモバイル上で使用できるようになりました。モバイル上でインタラクティブなダッシュボードを使用すると、より多くの操作をページレベルで実行できます。周囲のコンテンツのコンテキストが失われることはありません。これにより、ユーザーはWeb上で操作する場合と同様にモバイルデバイス上で操作できます。

## よくある質問

<AccordionGroup>
  <Accordion title="# Web上でモバイルプレビューに表示されるカードと、モバイル上で実際に表示されるカードにわずかな違いが見られます。">
    Web上のモバイルプレビューは、モバイル上で実際に表示されるカードを詳細に概算して表示します。ただし、モバイルデバイスによってサイズが異なるため、コンテンツの表示にわずかな差異が生じる場合があります。これは想定内の仕様です。
  </Accordion>

  <Accordion title="# モバイルストーリーを編集できるのは誰ですか？">
    ページを編集する権限を持つすべてのユーザーがモバイルストーリーを編集できます。
  </Accordion>

  <Accordion title="# Webの操作性にもわずかな違いがあります。何が変更されたのですか？">
    カスタムモバイルレイアウトは、Webのレイアウトアーキテクチャーを合理化して一新しました。水平方向全体に改ページがある場所には、セパレーターやヘッダーを挿入することができます。
  </Accordion>

  <Accordion title="# Web上の「レイアウト」タイルはどこに移動されましたか？">
    新しいレイアウトアーキテクチャーでは、レイアウトのタイルオプションを廃止しました。より多くの改ページを追加したり動的にサイズ変更したりすることで、ストーリーを段階的に変更できるため、レイアウトタイルは必要なくなりました。
  </Accordion>

  <Accordion title="# これまでのようにレイアウト内のすべてのカードを一括移動できますか？">
    新しいレイアウトモデルでは、カードの移動や削除は個別に行う必要があります。
  </Accordion>

  <Accordion title="# 引き続きモバイル上でヘッダーを使用して「セクション間をジャンプ」できますか？">
    はい。ヘッダーを挿入すると、モバイル上でセクション間を簡単にジャンプできます。
  </Accordion>

  <Accordion title="# モバイル上のエディターで末尾からカードをドラッグできないのはなぜですか？">
    モバイルレイアウトでカードを再配置するためには、カードが末尾にある必要があります。
  </Accordion>

  <Accordion title="# モバイル上の末尾にあるカードをWeb上のレイアウトに配置できますか？">
    モバイル上で末尾に配置されているカードをWeb上のレイアウトに配置することはできません。モバイルレイアウトでカードをカスタマイズするには、カードをレイアウト内に配置する必要があります。
  </Accordion>

  <Accordion title="# ［カードの詳細］ビューに今すぐ移動するにはどうすればよいですか？">
    Webで操作する場合と同様、タイルをタップすると［カードの詳細］ビューに移動します。

    日本語
  </Accordion>
</AccordionGroup>
