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

# Domoストーリーを作成する

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

## はじめに

Domoストーリーを使用すると、デバイス間でスムーズに変換され、同じカードの向きとサイズを維持するカスタムページを作成することによって、ターゲットを絞ったストーリーを伝えることができます。各レイアウトはWeb、モバイル、タブレット、印刷、スケジュールレポート用に個別に最適化されているため、各Domoストーリーは利用される場所に関係なく、一貫したストーリーを伝えることができます。何十種類ものユースケースに合わせて個別に構築された数百のレイアウトテンプレートを使用することによって、データの把握から実際の操作までの流れをスムーズにするDomoストーリーを作成できます。

<Frame>
  <img alt="dashboard_layouts_example_updated.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/STh97d86twEaUU5_/images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3V.png?fit=max&auto=format&n=STh97d86twEaUU5_&q=85&s=c187c42f776c2256452e0ceec3d43e2f" width="850" height="1094" data-path="images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3V.png" />
</Frame>

###### Domoストーリーは、 標準のページ とは次のような点が異なります。

* 標準のページでは、個々のユーザーがカードを移動したりサイズを変更したりできます。しかしDomoストーリーでは、カードの順番とサイズを変更できるのは、ページの所有者と「管理者」ユーザーのみです。すべてのユーザーがページ内で同じカードを見ることになり、真実を語る単一の資料を提供できます。
* 標準のページのカードは、デバイスやプラットフォームによって表示のされ方が変わる可能性があります（つまり、様々なサイズのデスクトップウィンドウ、メールレポート、印刷物など）。しかしDomoストーリーページのカードでは、使用しているデバイスやプラットフォームに関係なく同じように表示されます。
* 標準のページでは、すべてのカードのサイズとディメンションはデフォルトで同じになり、カードのサイズやディメンションを変更する場合に、手動で行う必要があります。Domoストーリーページでは、何百種類ものテンプレートから選択できます。各テンプレートには、様々なカードのサイズとディメンションに適したスロットがあります。また、ページレベルからのテンプレートサイズ変更も可能で、テンプレート内のカードのディメンションを変更できます。
* Domoストーリーは、標準ページのコレクションのように折りたたむことはできません。
* DomoストーリーページはPDFにエクスポートできますが、標準ページのエクスポートはできません。詳細については、「
  [DomoストーリーページをPDFにエクスポートする](/s/article/360043437893 "DomoストーリーページをPDFにエクスポートする") 」をご覧ください。

Domoストーリーと標準のページでは、カード間フィルターを使用できます。これらのカードを使用すると、1枚のカードにフィルターを設定して、ページ上のすべてのカードをフィルター処理できます。インタラクションフィルターはDomoストーリーでは自動的に有効になりますが、標準のページでは手動で有効にする必要があります。詳細については、「 [ページレベルのフィルターを適用する](/s/article/360042923914 "ページレベルのフィルターを適用する") 」をご覧ください。

Domoストーリーページのカードには、サイズ変更オプションを除き、標準のページのカードと同じオプションがそろっています。Domoストーリーページでカードのサイズを変更する場合は、ページの編集の際に、カードを別のサイズのスロットにドロップするか、ページビューからテンプレートのサイズを変更します。Domoストーリーのカードには高さの制限はありません。任意の高さに設定可能です。

Domoストーリーでは、カードだけでなくページの背景色も変更できます。標準のページにはこの機能はありません。

Domoストーリーとカードコレクションを同じページに含めることはできません。Domoストーリーを有効にする際にページにコレクションがある場合は、すべてのコレクションがDomoストーリーページに変換されます。同様に、Domoストーリーページを標準のページに戻すと、Domoストーリーはすべてコレクションに戻ります。コレクションのあるページをDomoストーリーページに変換したときに、コレクションに含まれていないカードがある場合、これらのカードはページ下部の［末尾］セクションに追加されます。

## 標準のページをDomoストーリーページに変換する

標準のページ（コレクションありまたはなし）をDomoストーリーページに変換するには、ページの所有者であるか、デフォルトの「管理者」セキュリティ権限を持っている必要があります。セキュリティ権限について詳しくは、「 [デフォルトのセキュリティ権限リファレンス](/s/article/360043438953 "デフォルトのセキュリティ権限リファレンス") 」を参照してください。

**標準のページをDomoストーリーページに変換するには**

1. ページの右上にある
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3b.png" /> メニューから **［ダッシュボードをデザイン］** を選択します。
2. **［ダッシュボードをデザイン］** をクリックします。

   ページにコレクションが含まれている場合は、すべてのコレクションがDomoストーリーページになり、コレクションに含まれない余分なカードはページ下部の［末尾］セクションに追加されます。ページにコレクションが含まれていない場合、カードはすべて1つのデフォルトのDomoストーリーページに追加され、［ヘッダーの例］という見出しになります。
3. （条件付き）ページのDomoストーリーダッシュボードのレイアウトに問題がなければ、 **［保存］** 、 **［閉じる］** の順にクリックします。レイアウトに問題がある場合は、下の「ページを編集する」の説明に従って、最初にDomoストーリーページレイアウトを編集します。

   <Note>
     **注記：** 標準のページを ［Domoストーリー］ ページに変換する際、ページとカードの読み込み中は、 **［ダッシュボードを編集］** と **［標準のページに変換］** のオプションがグレー表示になります。
   </Note>

## Domoストーリーページを標準のページに戻す

Domoストーリーページ（コレクションありまたはなし）を標準のページに戻すには、ページの所有者であるか、デフォルトの「管理者」セキュリティ権限を持っている必要があります。セキュリティ権限について詳しくは、「 [デフォルトのセキュリティ権限リファレンス](/s/article/360043438953 "デフォルトのセキュリティ権限リファレンス") 」を参照してください。

**Domoストーリーページを標準のページに戻すには**

1. ページの右上にある
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3b-1.png" /> メニューから **［標準のページに変換］** を選択します（このメニューを表示するには、Domoストーリー編集モードが開いている場合、これを閉じる必要があります）。
2. 確認のため **［ページを変換］** をクリックします。

ページにDomoストーリーが含まれている場合は、Domoストーリーすべてがコレクションに変換されます。

## Domoストーリーとレイアウトコンポーネントを追加する

Domoストーリー編集モードには、Domoストーリーを編集するための様々なオプションが用意されています。このモードでは、以下のすべての操作を実行できます。

* 様々なDomoストーリーテンプレートにもとづいて新しいカードレイアウトを追加する。
* 追加したレイアウトのスロットにビジュアライゼーションカードをドラッグ＆ドロップする。
* 境界線をドラッグして、テンプレートとその中のカードのサイズを変更する。
* あるカードを別のカードの上にドラッグして、レイアウト内のカードを入れ替える。
* Domoストーリーにヘッダーを追加する。
* ページ内の任意の場所にレイアウトとヘッダーをドラッグ＆ドロップする。
* 必要に応じてレイアウトやヘッダーを削除する。
* Domoストーリー間に境界線を追加する。
* 画像とメモカードのコンテンツをインラインで追加する。最初に
  [メモカードエディター](/s/article/360043430233 "Domoにドキュメントカードを追加する") を開く必要はありません。
* ページや個々のカードの背景色を変更する。
* 表示されるカード要素を指定する（例えば、カードのまとめ数字を非表示にできます）。

### Domoストーリーページを追加する

**［Domoに追加］** メニューで **［新しいストーリー］** を選択すると、新しいDomoストーリーページをDomoインスタンスに追加できます。

**インスタンスにDomoストーリーページを追加するには：**

1. 画面の右上隅にある
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3Y.png" /> をクリックします。
2. **［新しいストーリー］** を選択します。
3. 新しいストーリーページのタイトルを入力します。

新しいDomoストーリーテンプレートページが追加され、デフォルトで編集モードが開きます。次のセクションの説明に従って、Domoストーリーレイアウトの追加とカスタマイズを始めることができます。

### Domoストーリーレイアウトを追加する

Domoストーリー編集モードが開いているときにページビューの右側に表示される <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3S.png" /> アイコンをクリックし、ページ上の目的の場所にドラッグすると、Domoストーリーのレイアウトを追加できます。次に、目的のDomoストーリーレイアウトテンプレートを選択します。選択したテンプレートは、ページ内のこの場所に追加されます。

**Domoストーリーレイアウトを追加するには：**

1. Domoストーリーレイアウトを追加するページで、ページの右上にある
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3K.png" /> メニューの **［ダッシュボードを編集］** を選択します。

2. ページの右側にあるツールバーの
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3S-1.png" /> アイコンをクリックし、新しいレイアウトを適用するページ上の場所にドラッグします。

   レイアウトアイコンを境界線の上にドラッグすると、ハイライト表示されてレイアウトを配置できることが示されます。以下の例では、「グループ1」レイアウトのすぐ下の行にアイコンをドラッグしています。

   <Frame>
     <img alt="dashboard_layouts_dragging_layout_icon.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/STh97d86twEaUU5_/images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3N.png?fit=max&auto=format&n=STh97d86twEaUU5_&q=85&s=7bc735e10b4b53f47853ec294ffd573d" width="850" height="487" data-path="images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3N.png" />
   </Frame>

   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3S-2.png" /> 境界線の上にアイコンをドロップすると、 **［レイアウトを選択］** ダイアログが表示されます。

3. フィルターオプションを使用して、目的のテンプレートを指定します。

   * **［カテゴリー］** メニューでは、テンプレートのカテゴリー別にフィルターを適用できます。カテゴリーは次のとおりです。

     <table class="mt-responsive-table"><thead><tr><th colspan="1" rowspan="1"><p> テンプレート </p></th><th colspan="1" rowspan="1"><p> 説明 </p></th></tr></thead><tbody><tr><td colspan="1" rowspan="1"><p> すべて </p></td><td colspan="1" rowspan="1"><p> すべてのカテゴリーの上位テンプレートが表示されます。対象カテゴリーの <b> ［すべて表示する］ </b> をクリックすると、カテゴリーのすべてのテンプレートを表示できます。 </p></td></tr><tr><td colspan="1" rowspan="1"><p> バナーあり </p></td><td colspan="1" rowspan="1"><p> これらすべてのテンプレートの上部には細長いスロットがあり、バナーとして使用するカードを挿入できます。 <br /><br /><img alt="dashboard_layouts_banner.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/STh97d86twEaUU5_/images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3j.png?fit=max&auto=format&n=STh97d86twEaUU5_&q=85&s=9a38926a3ffd6da5da8aa48366c60481" width="366" height="242" data-path="images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3j.png" /></p></td></tr><tr><td colspan="1" rowspan="1"><p> ヒーロー </p></td><td colspan="1" rowspan="1"><p> これらのテンプレートにはすべて、非常に大きなスロットが1つ以上含まれており、即座に閲覧者の注意を引くカード（「ヒーローカード」）に使用できます。 </p><p><img alt="dashboard_layouts_hero.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/STh97d86twEaUU5_/images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3W.png?fit=max&auto=format&n=STh97d86twEaUU5_&q=85&s=88fba8a131350ff7d7fa9f3c4882d6ea" width="367" height="242" data-path="images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3W.png" /></p></td></tr><tr><td colspan="1" rowspan="1"><p> クイックサマリー </p></td><td colspan="1" rowspan="1"><p> これらのテンプレートは、内容を大まかに把握するためのカードに使用する、小さなスロットで構成されています。 </p><p><img alt="dashboard_layouts_quick_summary.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/STh97d86twEaUU5_/images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3a.png?fit=max&auto=format&n=STh97d86twEaUU5_&q=85&s=c969735603db9f16613accbd66b801ae" width="366" height="242" data-path="images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3a.png" /></p></td></tr><tr><td colspan="1" rowspan="1"><p> 汎用 </p></td><td colspan="1" rowspan="1"><p> これらのテンプレートには、小さいカードと大きいカードが混在しています。 </p><p><img alt="dashboard_layouts_general_purpose.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/STh97d86twEaUU5_/images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3d.png?fit=max&auto=format&n=STh97d86twEaUU5_&q=85&s=f08e65dde1601190c1dff4024db39995" width="366" height="242" data-path="images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3d.png" /></p></td></tr></tbody></table>

   * **［カード数］** メニューを使用すると、テンプレート内のカードスロットの数でフィルターをかけることができます。

4. 目的のテンプレートが見つかったら、そのテンプレートをクリックします。

   これで、レイアウト用のテンプレートがページ内の指定された場所に追加されました。

   <Tip>
     **ヒント：** **［レイアウトを選択］** ダイアログに戻ってレイアウトにマウスポインターを合わせ、左側に表示される鉛筆アイコン <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3f.png" /> をクリックすると、テンプレートを変更できます。テンプレートを切り替えるときには、新しいテンプレートに現在のテンプレートと同じ数のスロットが含まれている *必要はありません* 。新しいテンプレートで使用可能なスロットの数が現在のテンプレートよりも少ない場合は、余分なカードがページ下部の［末尾］セクションに移動します。新しいテンプレートで使用可能なスロットの数が現在のテンプレートよりも多い場合は、新しいスロットはテンプレートの空のスロットとして表示されます。
   </Tip>

5. レイアウトにカードを追加するには、次のいずれかを実行します。

   * ページ内のほかの場所からテンプレートの該当するスロットにカードをドラッグします。

     ページのほかのDomoストーリーや、［末尾］領域などからカードをドラッグできます。 <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3R.png" /> アイコンが表示されているカードをレイアウトの境界線上にドラッグすると、そのカードのドロップ場所がハイライト表示されます。

     <Frame>
       <img alt="dashboard_layouts_dragging_card.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/STh97d86twEaUU5_/images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3e.png?fit=max&auto=format&n=STh97d86twEaUU5_&q=85&s=5596cd2a7be4d35b7771c6077281ccb6" width="750" height="617" data-path="images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3e.png" />
     </Frame>

     カードを異なるサイズのスロットに移動すると、そのスロットに合わせてカードのサイズが自動的に調整されます。

     カードを別のカードにドラッグすると、2つのカードの位置が入れ替わります。したがって、「グループ2」の「財務：A/R経年」を「グループ1」の「財務：COGS」にドラッグすると、「財務：A/R経年」がグループ1のスポットに入り、「財務：COGS」は、それまで「財務：A/R経年」のカードが入っていたグループ2の場所に表示されます。
   * 以下の手順を実行して、Domoインスタンスの既存のビジュアライゼーションカードを空のスロットに追加します。

     1. カードを追加するスロットで、 **［コンテンツを追加］** をクリックします。
     2. **［既存のカードを追加］** を選択します。
     3. 追加するカードの名前を **［カードを検索］** フィールドに入力し、カードを見つけて、クリックします。

        <Frame>
          <img alt="dashboard_layouts_add_card.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/STh97d86twEaUU5_/images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3I.png?fit=max&auto=format&n=STh97d86twEaUU5_&q=85&s=ad44792a8c10e7f21244f2cd7d62ec81" width="500" height="524" data-path="images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3I.png" />
        </Frame>
   * 以下の手順を実行して、Domoインスタンスの既存のビジュアライゼーションカードを *空のスロットがない* レイアウトに追加します。

     1. ページの右側にあるツールバーの
        <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3M.png" /> アイコンをクリックし、カードを表示する場所にドラッグします。

        ページ上にカードアイコンをドラッグすると、レイアウトスロット間の境界線がハイライト表示され、カードを挿入できる場所が示されます。以下の例では、アイコンを［財務：売上原価］カードと［未払い債務］カードの間の行にドラッグしています。

        <Frame>
          <img alt="dashboard_layouts_dragging_card_icon.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/STh97d86twEaUU5_/images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3O.png?fit=max&auto=format&n=STh97d86twEaUU5_&q=85&s=794fb502c1cec50bd63cf65243ca44c0" width="850" height="408" data-path="images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3O.png" />
        </Frame>

        アイコンをいずれかの行にドロップすると、カード用のスロットが **［コンテンツを追加］** ボタンとともに表示されます。
     2. **［コンテンツを追加］** をクリックします。
     3. **［既存のカードを追加］** を選択します。
     4. 追加するカードの名前を **［カードを検索］** フィールドに入力し、カードを見つけて、クリックします。

        <Frame>
          <img alt="dashboard_layouts_add_card.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/STh97d86twEaUU5_/images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3I.png?fit=max&auto=format&n=STh97d86twEaUU5_&q=85&s=ad44792a8c10e7f21244f2cd7d62ec81" width="500" height="524" data-path="images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3I.png" />
        </Frame>
   * 以下の手順を実行して、画像カード（画像が含まれている
     [ドキュメントカード](/s/article/360043430173) ）をレイアウト内に追加します。

     1. ページの右側にあるツールバーの
        <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3Z.png" /> アイコンをクリックし、画像カードを表示する場所にドラッグします。

        ページ上に画像アイコンをドラッグすると、レイアウトスロット間の境界線がハイライト表示され、カードを挿入できる場所が示されます。
     2. **［画像を選択］** をクリックします。
     3. アップロードする画像をコンピューターまたはネットワークから選択します。
   * 次の手順を実行して、メモカードをインラインでレイアウトに追加します。

     1. ページの右側にあるツールバーの
        <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3i-2.png" /> アイコンをクリックし、画像カードを表示する場所にドラッグします。また、レイアウトに空のスロットが既に含まれている場合は、 **［コンテンツを追加］、［テキストを挿入］** の順に選択してエディターを開くこともできます。
     2. 必要なメモカードのコンテンツを入力します。

        インターフェースオプションは、通常のメモカードエディターのものと同じです。詳細については、「 [メモカードを追加する](/s/article/360043430233 "2枚のカードを入れ替えるには：") 」を参照してください。
     3. カードの外側をクリックして保存します。

### ヘッダーを追加する

Domoストーリーページに追加のヘッダーテキストを挿入すれば、コンテンツを分割し、最も重要なカードに注意を向けることができます。ヘッダーは、レイアウトやほかのヘッダーの前後に配置できます。

**ヘッダーを追加するには：**

1. ヘッダーテキストを追加するページで、ページの右上にある
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3b-2.png" /> メニューの **［ダッシュボードを編集］** を選択します。
2. ページの右側にあるツールバーの
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3Q.png" /> アイコンをクリックし、新しいヘッダーを適用するページ上の場所にドラッグします。

   ページ上にヘッダーアイコンをドラッグすると、境界線がハイライト表示され、カードを挿入できる場所が示されます。
3. 「タイトル」の単語を、必要なヘッダー名に置き換えます。
4. （オプション）ヘッダーの左側にある
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3h.png" /> アイコンを使用すると、ページ内の必要な場所にドラッグできます。

### 境界線を追加する

Domoストーリー に横方向の境界線を追加する と、コンテンツを分割して見やすくすることができます。境界線は、レイアウト、ヘッダー、その他の境界線の前後に挿入できます。

**境界線を追加するには：**

1. 境界線を追加するページで、ページの右上にある
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3b-3.png" /> メニューの **［ダッシュボードを編集］** を選択します。
2. ページの右側にあるツールバーの
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3g.png" /> アイコンをクリックし、新しい境界線を適用するページ上の場所にドラッグします。

   ページ上に境界線アイコンをドラッグすると、境界線がハイライト表示され、カードを挿入できる場所が示されます。
3. （オプション）境界線の左側にある
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3h-1.png" /> アイコンを使用すると、ページ内の必要な場所にドラッグできます。

## Domoストーリーレイアウトを編集する

カードの入れ替え、Domoインスタンスのほかのカードによるカードの置き換え、［末尾］へのカードの移動、レイアウト全体の削除、レイアウトからの個々のカードの削除など、Domoストーリーの編集には様々なオプションが用意されています。

Domoストーリーの編集オプションを使用する際には、作業内容が失われないように、変更後に **［保存］** を必ずクリックしてください。

### カードを入れ替える

カードを入れ替えるには、一方を他方にドラッグします。

**2枚のカードを入れ替えるには：**

1. カードを入れ替えるページで、ページの右上にある
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3b-4.png" /> メニューの **［ダッシュボードを編集］** を選択します。
2. 一方のカードを他方のカードの上にドラッグします。

   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3R-1.png" /> アイコンが表示されているカードを別のカード上にドラッグすると、ドラッグ先カードの周辺に太い線が表示され、ドラッグ元カードのスロット内でのドロップ位置が表示されます。

   <Frame>
     <img alt="dashboard_layouts_dragging_card.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/STh97d86twEaUU5_/images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3e.png?fit=max&auto=format&n=STh97d86twEaUU5_&q=85&s=5596cd2a7be4d35b7771c6077281ccb6" width="750" height="617" data-path="images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3e.png" />
   </Frame>

   これらのカードを入れ替えると、新しいスロットに合わせてカードのサイズが自動的に調整されます。

### カードを置き換える

Domoストーリーのカードは、Domoインスタンスでアクセスできる既存のカードと置き換えることができます。置き換えたカードは、ページ下部の［末尾］セクションに送られます。

**カードを置き換えるには：**

1. カードを置き換えるページで、ページの右上にある
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3b-5.png" /> メニューの **［ダッシュボードを編集］** を選択します。
2. 置き換えるカードにマウスカーソルを合わせます。
3. 表示される **［コンテンツを編集］** メニューで、 **［別のカードを選択］** をクリックします。
4. 追加するカードの名前を **［カードを検索］** フィールドに入力し、カードを見つけて、クリックします。

   <Frame>
     <img alt="dashboard_layout_replace_card.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/STh97d86twEaUU5_/images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3L.png?fit=max&auto=format&n=STh97d86twEaUU5_&q=85&s=1eaccc0fb370d890c980da11d7731abd" width="550" height="570" data-path="images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3L.png" />
   </Frame>

古いカードのスロットに新しいカードが入り、古いカードはページ下部の［末尾］セクションに送られます。

### ［末尾］にカードを移動する

カードを別のカードに置き換えずに［末尾］に移動する場合は（前述の手順を参照）、簡単に移動できます。

**［末尾］に移動するには：**

1. カードを移動するページで、ページの右上にある
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3b-6.png" /> メニューの **［ダッシュボードを編集］** を選択します。
2. 移動するカードにマウスポインターを合わせます。
3. 表示される **［コンテンツを編集］** メニューから、 **［末尾に移動］** を選択します。

カードが［末尾］に移動し、テンプレートスロットが空になります。

### 個別のカードを削除する

Domoストーリーからカードを削除できます。その場合、カードはそのページ上に存在しなくなります。ここでの説明は、ストーリー編集モードでカードを削除する方法を示していますが、編集モードを閉じているときでも、カードメニューで **［削除］** を選択して、同じ作業を実行できます（通常のカードの場合と同じ操作になります）。

**カードを削除するには：**

1. カードを削除するページで、ページの右上にある
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3b-7.png" /> メニューの **［ダッシュボードを編集］** を選択します。
2. 削除するカードにマウスポインターを合わせます。
3. 表示される **［コンテンツを編集］** メニューから、 **［ダッシュボードから削除］** を選択します。

### Domoストーリーを削除する

ページからDomoストーリーを削除できます。この操作を行うと、Domoストーリーのすべてのカードがページ下部の［末尾］セクションに移動します。

**Domoストーリーを削除するには** **：**

1. Domoストーリーを削除するページで、ページの右上にある
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3b-8.png" /> メニューの **［ダッシュボードを編集］** を選択します。
2. 削除するDomoストーリーを指定します。
3. Domoストーリーの左にある
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3P.png" /> アイコンをクリックします。
4. **［レイアウトを削除］** をクリックして確定します。

Domoストーリーが削除され、すべてのカードが［末尾］に送られます。

### ヘッダーを編集または削除する

ヘッダーを編集するには、ヘッダーボックスをクリックして名前を目的の名前に変更します。ヘッダーを削除するには、該当するヘッダーの <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3P-1.png" /> アイコンをクリックします。

**ヘッダーを編集するには：**

1. ヘッダーを編集または削除するページで、ページの右上にある
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3b-9.png" /> メニューの **［ダッシュボードを編集］** を選択します。
2. 編集または削除するヘッダーを指定します。
3. 以下のいずれかを行います。

   * 新しいヘッダーを入力するには、既存のヘッダーをクリックして、目的のヘッダーテキストに変更します。
   * ヘッダーを削除するには、ヘッダーの
     <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3P-2.png" /> アイコンをクリックします。

### 境界線を削除する

境界線を削除するには、該当する境界線の <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3P-3.png" /> アイコンをクリックします。

**境界線を削除するには：**

1. 境界線を削除するページで、ページの右上にある
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3b-10.png" /> メニューの **［ダッシュボードを編集］** を選択します。
2. 削除する境界線を探してクリックします。
3. 境界線の
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3P-4.png" /> アイコンをクリックします。

### Domoストーリーの背景色を変更する

特定のDomoストーリー内のすべてのカードの背景色を変更できます。この変更は、背景色が既に設定されている個々のカードを除いて、すべてのカードに適用されます（次のセクションで詳しく説明します）。

**Domoストーリーの背景色を変更するには：**

1. ストーリーの背景色を変更するページで、ページの右上にある
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3b-11.png" /> メニューの **［ダッシュボードを編集］** を選択します。
2. 背景色を変更するDomoストーリーを探し、マウスカーソルを合わせます。
3. パレットアイコン
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3X.png" /> をクリックします。
4. パレットに用意されている色のいずれかをクリックします。
5. （オプション）カードから塗りつぶしを削除するには、カラーパレットの **［塗りつぶしなし］** をクリックします。

   <Tip>
     **ヒント：** カードの背景色を設定するときは、チャートに設定済みの色と干渉しないように注意してください。最も重要な目標は、派手な色選びで閲覧者の目を引くことではなく、閲覧者に情報を伝えることです。
   </Tip>

## 個々のカードをカスタマイズする

Domoストーリーには、標準ページでは利用できない、カードのカスタマイズオプションがいくつか用意されています。カードの背景色の変更、タイトルやまとめ数字などのカード要素の表示と非表示、ユーザーがカードをクリックしたときに実行されるアクションの設定などがあります。

### カードの背景色を変更する

**［コンテンツを編集］、［背景を変更］** の順に選択すると、Domoストーリーのカードの背景色を選択できます。この変更は、ストーリー全体に設定した背景色よりも優先されます（前のセクションで説明）。例えば、「住所メトリクス」というDomoストーリーがあるとします。そのストーリー内には「純利益」と呼ばれるカードがあります。閲覧者の注意を引くためにそのカードの背景色を赤に設定します。［住所メトリクス］ストーリー全体の色スキームを青に変更すると、既に赤色に設定されているカードを *除き* 、ストーリー内のすべてのカードの背景が青になります。

**カードの背景色を変更するには：**

1. 背景色を変更するカードが含まれているページで、ページの右上にある
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3b-12.png" /> メニューの **［ダッシュボードを編集］** を選択します。
2. ページ内のカードを指定します。
3. **［コンテンツを編集］、［背景を変更］** の順に選択します。
4. パレットに用意されている色のいずれかをクリックします。
5. （オプション）カードから塗りつぶしを削除するには、カラーパレットの **［塗りつぶしなし］** をクリックします。

   <Tip>
     **ヒント：** カードの背景色を設定するときは、チャートに設定済みの色と干渉しないように注意してください。最も重要な目標は、派手な色選びで閲覧者の目を引くことではなく、閲覧者に情報を伝えることです。
   </Tip>

### カード要素を表示する/非表示にする

特定のカードで、タイトル、時間枠（「日単位」などの時間粒度）、まとめ数字、チャートなどのカード要素、さらにはカードそのものを非表示にできます。例えば、カードのチャートは完全に非表示にして、カードのまとめ数字のみを表示することができます。 **［コンテンツを編集］、［表示設定］** の順に選択し、表示する要素はチェックを入れ、非表示にする要素はチェックを外します。

**動画 - Domoストーリー：サマリーメトリックビュー**

<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube-nocookie.com/embed/PHLJyS86L64" width="560" />

**カードの要素を表示または非表示にするには：**

1. 要素を表示または非表示にするカードがあるページで、ページの右上にある
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3b-13.png" /> メニューの **［ダッシュボードを編集］** を選択します。
2. ページ内のカードを指定します。
3. **［コンテンツを編集］、［表示設定］** の順に選択します。
4. 表示する要素にはチェックを入れ、非表示にする要素はチェックを外します。

## カードインタラクションを設定する

Domoストーリーのカードの場合、ユーザーがカードをクリックしたときに実行されるアクションを定義できます。これには以下のアクションが含まれます。

* 新しいブラウザータブで
  [カードの詳細ビュー](/s/article/360042923934 "カード詳細ビューのレイアウト") を開く
* このカードと同じDataSetを使用するページ上のすべてのカード（ページ上のすべてのカード、または選択したカード）に対して、
  インタラクションフィルター を有効にする
* 同じブラウザータブまたは別のタブで、Domoのほかのコンテンツを開く
* 指定されたWebページを開く
* カードで「ドリルインプレイス」を有効にする。これにより、最初に詳細ビューを開かなくてもカードをドリルダウンすることができます
* インタラクションを完全に無効にする（基本的に、カードを「折りたたまれた」バージョンにする）

**動画 - Domoストーリー：ドリルインプレイス**

<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube-nocookie.com/embed/UU1lLgefHHw" width="560" />

カードインタラクションは、Domoストーリーのカードで *のみ* 利用可能です。標準ページでは機能しません。

<Frame>
  <img alt="card_interaction_dialog_drillinplace.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/STh97d86twEaUU5_/images/kb/ka05w00000126DW-00N5w00000Ri7BU-0EM5w000005vZ3J.png?fit=max&auto=format&n=STh97d86twEaUU5_&q=85&s=b45f7f13ecb71f4ce7b79f6861a42a1b" width="366" height="242" data-path="images/kb/ka05w00000126DW-00N5w00000Ri7BU-0EM5w000005vZ3J.png" />
</Frame>

**別のブラウザータブで開くようにカードの詳細ビューを設定するには：**

1. クリック時に別のブラウザータブで開くように設定するカードがあるページで、ページの右上にある
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3b-14.png" /> メニューの **［ダッシュボードを編集］** を選択します。
2. カードにマウスポインターを合わせ、 **［コンテンツを編集］** をクリックします。
3. **［インタラクションを変更］** を選択します。
4. セクション2で、 **［新しいタブでカードの詳細を開く］** ボックスにチェックを入れます。
5. **［保存］** をクリックします。

**カードのインタラクションフィルターを設定するには：**

1. インタラクションフィルターを設定するカードがあるページで、ページの右上にある
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3b-15.png" /> メニューの **［ダッシュボードを編集］** を選択します。
2. カードにマウスポインターを合わせ、 **［コンテンツを編集］** をクリックします。
3. **［インタラクションを変更］** を選択します。
4. （オプション）ユーザーがカードをクリックしたときに、カードの詳細ビューを新しいタブで開くには、セクション2の **［新しいタブでカードの詳細を開く］** ボックスにチェックを入れます。
5. （条件付き） **［インタラクションフィルターを有効にする］** ボックスにチェックが入っていない場合は、チェックを入れます。
6. 以下のいずれかを行います。

   * このカードと同じDataSetを使用するページ上の *すべての* カードにインタラクションフィルターを適用する場合は、 **［ダッシュボードのすべてのカードに適用］** ラジオボタンを選択します。
   * このカードと同じDataSetを使用するページ上の *選択した* カードにインタラクションフィルターを適用する場合は、 **［選択したカードに適用する］** ラジオボタンを選択し、 **［変更］** をクリックしてフィルターを適用するカードを選択してから **［保存］** をクリックします。その後、もう一度 **［保存］** をクリックします。

**カードでドリルインプレイスを有効にするには：**

1. ドリルインプレイスを有効にするカードがあるページで、ページの右上にある
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3b-16.png" /> メニューの **［ダッシュボードを編集］** を選択します。
2. カードにマウスポインターを合わせ、 **［コンテンツを編集］** をクリックします。
3. **［インタラクションを変更］** を選択します。
4. **［ドリルインプレイス］** ラジオボタンを選択します。
5. **［保存］** をクリックします。

カードでドリルダウンを作成する方法について詳しくは、「 [チャートにドリルパスを追加する](/s/article/360042924094 "チャートにドリルパスを追加する") 」を参照してください。

**カードをクリックしたときに特定のDomoコンテンツが開くように設定するには：**

1. Domoコンテンツへのリンクを設定するカードがあるページで、ページの右上にある
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3b-17.png" /> メニューの **［ダッシュボードを編集］** を選択します。
2. カードにマウスポインターを合わせ、 **［コンテンツを編集］** をクリックします。
3. **［インタラクションを変更］** を選択します。
4. セクション1で、 **［Domoのあらゆるものにリンク］** ラジオボタンを選択します。
5. セクション2で、 **［コンテンツを選択］** ボタンをクリックします。
6. このカードがクリックされたときに開くコンテンツを指定します。
7. **［保存］** をクリックします。
8. （オプション）カスタム名でURLを開く場合は、 **［別名で表示］** フィールドに名前を入力します。
9. （オプション）カードをクリックしたときに新しいコンテンツを新しいブラウザータブで開くには、 **［新しいタブでリンクを開く］** ボックスにチェックを入れます。
10. もう一度 **［保存］** をクリックします。

**カードをクリックしたときに外部Webページを開くように設定するには：**

1. 外部コンテンツへのリンクを設定するカードがあるページで、ページの右上にある
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3b-18.png" /> メニューの **［ダッシュボードを編集］** を選択します。
2. カードにマウスポインターを合わせ、 **［コンテンツを編集］** をクリックします。
3. **［インタラクションを変更］** を選択します。
4. セクション1で、 **［外部のWebページにリンク］** ラジオボタンを選択します。
5. セクション2の **［Webページアドレス］** フィールドに、カードがクリックされたときに開くページのURLを入力します。
6. （オプション）カスタム名でURLを開く場合は、 **［別名で表示］** フィールドに名前を入力します。
7. （オプション）カードをクリックしたときに新しいコンテンツを新しいブラウザータブで開くには、 ****［新しいタブでリンクを開く］**** ボックスにチェックを入れます。
8. もう一度 ****［保存］**** をクリックします。

**カードのインタラクションを無効にするには：**

1. インタラクションを無効にするカードがあるページで、ページの右上にある
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3b-19.png" /> メニューの **［ダッシュボードを編集］** を選択します。
2. カードにマウスポインターを合わせ、 **［コンテンツを編集］** をクリックします。
3. **［インタラクションを変更］** を選択します。
4. セクション1では、 **［カードのインタラクションを無効にする］** というラジオボタンをクリックします。
5. **［保存］** をクリックします。

## ページの背景色または画像を設定する

必要に応じて、Domoストーリーページに背景色または画像を設定できます。同じページに背景色と画像の両方を設定することはできません。

### ページの背景色を設定する

パレットから色を選択したり、16進値を入力してカスタム色を指定することもできます。

<Note>
  **注記：** 背景色を追加すると、カードのコンテンツがわずかに縮小され、カードの端とコンテンツの間がパディングされます。
</Note>

**動画 - Domoストーリーの背景色**

<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube-nocookie.com/embed/Z1KwLZCYjG4" width="560" />

**ページの背景色を変更するには：**

1. 背景色を変更するカードがあるページで、ページの右上にある
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3b-20.png" /> メニューの **［ダッシュボードを編集］** を選択します。
2. 画面上部の **［オプション］** メニューで、 **［背景を変更］** を選択します。
3. （条件付き）ダイアログ上部のメニューで **［画像の塗りつぶし］** を選択した場合は、 **［色の塗りつぶし］** を選択します。
4. パレットから希望の色を選択するか、ダイアログ下部のフィールドに16進数値を入力してカスタム色を指定します。

### ページの背景画像を設定する

Domoストーリーページに表示する背景画像を指定できます。画像の読み込み中に使用する背景色を選択することもできます。背景色なしでヘッダーとカードのテキストの色を設定するオプションもあります。背景画像サイズは、2対1の比率にすることをお勧めします（1000 x 500など）。

<Frame>
  <img alt="page_background_image_rn.png" src="https://mintlify.s3.us-west-1.amazonaws.com/domoinc-openapi-sync-dataflows/images/kb/ka05w00000126DW-00N5w00000Ri7BU-0EM5w000005vZ3k.png" />
</Frame>

**動画 - Domoストーリーに背景画像を追加する**

<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube-nocookie.com/embed/plqweXEX6u0" width="560" />

**ページの背景画像を設定するには：**

1. 背景色を変更するカードがあるページで、ページの右上にある
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3b-21.png" /> メニューの **［ダッシュボードを編集］** を選択します。
2. 画面上部の **［オプション］** メニューで、 **［背景を変更］** を選択します。
3. （条件付き）ダイアログ上部のメニューで **［色の塗りつぶし］** を選択した場合は、 **［画像の塗りつぶし］** を選択します。
4. **［画像を選択］** をクリックします。
5. マシン上の画像を探し、選択します。
6. （オプション）デフォルトの背景色（ページに画像が読み込まれる前にのみ使用される）を変更するには、 **［変更］** をクリックして、パレットから新しい色を選択します（またはパレット下部のフィールドに16進コードを入力します）。
7. （オプション）ページで使用されるデフォルトのテキストの色を変更するには、メニューの［デフォルトのテキストの色］で新しい色を選択します。

   現在、テキストの色に使用できるのは、白か黒のみです。

背景画像を変更する場合は、ダイアログの下部にある **［新しい画像を選択］** をクリックしてから、コンピューターで新しい画像を探して選択します。

## フルスクリーンモードを有効にする

Domoストーリーページでは、フルスクリーンモードが利用できます。このモードがアクティブなときは、ページ内のすべてのカードが表示され、ナビゲーションコンポーネントやメニューといったほかのインターフェース要素はすべて非表示になります。

**フルスクリーンモードを有効にするには：**

1. ページの右上にある
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3b-22.png" /> メニューから **［フルスクリーン］** を選択します。
2. フルスクリーンモードを終了するには、［Escape］を押します。

## モバイルプレビューを有効にする

Domoストーリーページでは、プレビューをオンにすることによって、スマートフォンでストーリーがどのように表示されるのかをプレビューできます。特定のブランドに固有のUI要素がいくつかありますが、このプレビューは、すべての主要なスマートフォンブランドで同じものになります。タブレットのレイアウトは標準のWebレイアウトとほぼ同じであるため、タブレット用のプレビューはありません。

<Frame>
  <img alt="stories_mobile_preview.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/STh97d86twEaUU5_/images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3T.png?fit=max&auto=format&n=STh97d86twEaUU5_&q=85&s=66a823d583c3d909bc1332d153a95867" width="350" height="698" data-path="images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3T.png" />
</Frame>

**動画 - Domoストーリーでモバイルプレビューを使用する**

<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube-nocookie.com/embed/v8k9QaZSHI8" width="560" />

**モバイルプレビューを有効にするには：**

1. ビューを変更するページの右上隅に表示されている
   <InlineImage src="/images/kb/ja/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3b-23.png" /> メニューで、 **［ダッシュボードを編集］** を選択します。
2. 画面の右上にある **［デスクトップ］** メニューをクリックします。
3. **［モバイル］** を選択します。

   <Frame>
     <img alt="stories_mobile_preview_option.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/STh97d86twEaUU5_/images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3U.png?fit=max&auto=format&n=STh97d86twEaUU5_&q=85&s=dff065e828d29284027a0213b4ea20d3" width="446" height="228" data-path="images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3U.png" />
   </Frame>

**［デスクトップ］** に戻すには、同じメニューで **［デスクトップ］** を選択します。

## 自動幅機能をオンにする

自動幅ダッシュボード設定を使用すると、ダッシュボードのコンテンツが展開されて、使用可能なすべてのウィンドウスペースにデータが追加されます。これにより、ダッシュボードビューでさらに多くの行/列を表示できるようになります。この設定はストーリーをカスタマイズできるようにするため、ダッシュボードごとに有効化されます。

**自動幅機能をオンにするには：**

1. 自動幅機能をオンにするページの右上隅に表示されているdetails\_gear\_icon.pngメニューで［ダッシュボードを編集］を選択します。
2. 画面右上の［オプション］メニューをクリックします。
3. ［自動幅］を選択します。

   <Frame>
     <img alt="Auto_Width.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/STh97d86twEaUU5_/images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3c.png?fit=max&auto=format&n=STh97d86twEaUU5_&q=85&s=a7190e932adde26837950dcc442c568e" width="380" height="201" data-path="images/kb/ka05w00000125M9-00N5w00000Ri7BU-0EM5w000005vZ3c.png" />
   </Frame>

日本語
