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

# App Studio | 概要

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

### はじめに

App Studioは、Appの作成、配布、利用を誰でも行えるローコードAppビルダーです。

App Studioは、ユーザーが慣れ親しんでいるインタラクティブなDomoダッシュボード体験をレベルアップします。直感的で高度にカスタマイズ可能なドラッグ＆ドロップインターフェースで、Appのレイアウトを作成できます。豊富なテーマライブラリでは、カード、テーブル、フォントからカラーパレットやアイコンまで、あらゆるものをカスタマイズして、Appをブランドに合わせることができます。カスタマイズ可能なテーマにより、デザイナーでないユーザーもAppを簡単にデザインできます。

シームレスなナビゲーションインターフェースにより、すべてのコンテンツを1ヶ所にまとめることができます。タブ、ボタン、カードポップアップ、ネイティブに統合されたフォームなどのコンポーネントを使用して操作方法をカスタマイズし、Appから直接アクション（メールの送信、DataSetのトリガー、App内の別のページへの移動など）を実行できるようにします。Domo Bricksを取り込むことで、より詳細にカスタマイズすることもできます。App Studioには、ネイティブに統合された [フォーム](/s/article/000005171) もあります。

<Warning>
  **App Studioの統合**

  * App StudioはDomo Everywhereと統合されているため、App Studio Appを公開できます。詳細については、「
    [コンテンツをサブスクライバーインスタンスに公開する](/s/article/360045120554) 」を参照してください。
  * App StudioはSandboxとも統合できます。詳細については、ナレッジベースの「
    [Domo Sandbox](/s/article/4403367344023) 」を参照してください。
  * Domo
    . AIの予測ユニバーサルモデルにより、App Studio App内で [カードからの予測](/ja/s/article/000005567#forecast_in_app) が行えます。
</Warning>

##### ライトバック機能

サードパーティアプリケーションにデータをプッシュする必要がある場合は、Appにライトバックコネクターを追加すると、ボタンをクリックするだけでデータをプッシュできます。

<Note>
  **DomoStatsレポート：** 管理者は、App Studio App PagesとApp Studio Appsの2つのDomoStatsレポートを要求してスケジュール設定を行い、インスタンスでApp Studioがどのように使用されているかを確認できます。詳細については、「 [DomoStatsコネクター](/s/article/360043433813) 」を参照してください。
</Note>

<Frame>
  <img alt="Screenshot 2023-10-02 at 5.38.58 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/RlWZB5sA8DQ5iXJ7/images/kb/ka0Vq0000000rAn-00N5w00000Ri7BU-0EM5w000006w1fc.jpg?fit=max&auto=format&n=RlWZB5sA8DQ5iXJ7&q=85&s=426ec567c687b4a9d37b9e96c8d7f661" style={{width: 906, height: 448}} width="4176" height="2072" data-path="images/kb/ka0Vq0000000rAn-00N5w00000Ri7BU-0EM5w000006w1fc.jpg" />
</Frame>

***

* [必要な許可](#required_grant)
* [App Studioにアクセスする](#access_app_studio)
* [Appのホーム](#apps_home)
* [Appを見る](#view_app)
* [Appを作成する](#create_an_app)
* [Appを複製する](#duplicate_an_app)
* [Appをエンベッドする](#embed_app)
  * [エンベッドされたAppのコンテンツをエクスポートする](#export_embedded_app_content)
* [Appを編集する](#edit_an_app)
* [Appエディター](#app_editor)
* [Appの設定](#app_configuration)
  * [Appを削除する](#delete_an_app)
  * [永続的なフィルターを設定する](#configure_persistent_filters)
* [ページとナビゲーション](#pages_and_navigation)

  * [［順番］タブ](#order_tab)
    * [ダッシュボードのコンテンツをAppにインポートする](#import_dashboard)
    * [Appページを別のAppにインポートする](#import_app_page)
    * [Appのページを追加する](#add_app_page)
    * [Appのページを編集する](#edit_page)
    * [ページを並べ替える](#reorder_pages)
    * [Appのページを削除する](#delete_page)
  * [［設定］タブ — カスタムナビゲーション](#configuration_tab)
  * [ページドリル](#page_drill)
* [アクションと要素を追加する](#add_actions_and_elements)

- [ヘッダーを追加する](#add_a_header)
- [ボーダーを追加する](#add_a_border)
- [レイアウトを選択する](#choose_a_layout)
- [タブを追加する](#add_tabs)
- [Domo Appを追加する](#add_a_domo_app)
- [変数のコントロールを追加する](#add_variable_control)
- [フォームを追加する](#add_a_form)
- [ボタンを追加する](#add_a_button)
- [画像を追加する](#add_an_image)
- [メモカードでテキストを追加する](#add_text_with_a_notebook_card)
- [カードを追加する](#add_a_card)
- [キューを追加する](#add_a_queue)
- [ワークフローを追加する](#add_a_workflow)

* [Doc Cardからコンテンツをダウンロードする](#download_content_from_doc_card)

***

### 必要な許可

App StudioでAppを作成または編集するには、自分の権限で以下の許可が有効になっている必要があります。

* Appを編集（App Studio）

許可の詳細については、「 [カスタマイズされた権限を管理する](/s/article/360043438973) 」を参照してください。

<Warning>
  **重要：** 「全てのカード、ページ、Appを管理（App Studio）」の許可を持つユーザーは、Appがシェアされているかどうかにかかわらず、インスタンス内のApp Studioの許可をすべて表示できます。
</Warning>

### App Studioにアクセスする

DomoナビゲーションヘッダーからApp Studioにアクセスするには、 <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq000000aSQn.jpg" /> **［APP］** を選択します。

Appのホームが表示されます。

<Frame>
  <img alt="Screenshot 2023-10-18 at 3.20.19 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wAw3.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=6809abcc2217a8b6d69191c0c6bd1602" style={{width: 731.989, height: 217.997}} width="2170" height="648" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wAw3.jpg" />
</Frame>

### Appのホーム

<Note>
  **注記：** Appのホームまたは特定のAppを、Domoのデフォルトのランディングページとして設定できます。方法については、「 [デフォルトのランディングページを設定する](/s/article/360043439093) 」を参照してください。
</Note>

Appのホームには **［全てのApp］** 、 **［お気に入りに追加済み］** 、 **［シェア済み］** 、 **［所有済み］** の4つのタブ/カテゴリーがあります。各タブには、カテゴリー内のAppの数が表示されます。

<Frame>
  <img alt="Screenshot 2023-10-18 at 3.19.55 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wAvy.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=f7d1c2c9587c628d5e5d86b38cd28103" style={{width: 424.993, height: 52.9972}} width="708" height="88" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wAvy.jpg" />
</Frame>

Appのホームには、Appを見つけるための検索ツールと **［+Appを作成する］** オプションもあります。

<Frame>
  <img alt="create app and search.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wAw8.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=116df4d886c1ed40830847c7a1fad5e0" style={{width: 738.999, height: 220}} width="2170" height="648" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wAw8.jpg" />
</Frame>

[このページのトップへ](#intro)

### Appを見る

AppのホームからAppを選択して開くことができます。Appビューアー内の [メインナビゲーション](#main_navigation) には、以下の項目が含まれています。

<Frame>
  <img src="https://mintcdn.com/domoinc-openapi-sync-dataflows/7rKG8XghCcV-Hmry/images/kb/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq000000Hlyb.jpg?fit=max&auto=format&n=7rKG8XghCcV-Hmry&q=85&s=044ca113adad1a2b37c05c8a4a9abf38" width="936" height="44" data-path="images/kb/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq000000Hlyb.jpg" />
</Frame>

<table border="1" cellpadding="1" cellspacing="1" data-aura-rendered-by="33:205;a"><thead><tr><th colspan="1" rowspan="1"> アイコン </th><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"><img alt="Screenshot 2023-10-19 at 10.07.11 AM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wBIT.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=c64b93252d203764fdd19b73f10786f7" style={{width: 65.9446, height: 64.9858}} width="72" height="68" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wBIT.jpg" /></td><td colspan="1" rowspan="1"><p> 全てのDomo App </p></td><td colspan="1" rowspan="1"><p><a href="#apps_home" target="_self"> Appのホーム </a> に移動します。 </p></td></tr><tr><td colspan="1" rowspan="1"> — </td><td colspan="1" rowspan="1"><p> （条件付き）Appのタイトル <a id="controls" target="_blank" /></p></td><td colspan="1" rowspan="1"><p> 非表示になっていないAppのタイトル </p></td></tr><tr><td colspan="1" rowspan="1"> — </td><td colspan="1" rowspan="1"><p> Appのページ </p></td><td colspan="1" rowspan="1"><p> 非表示になっていないすべてのAppのページ </p></td></tr><tr><td colspan="1" rowspan="1"><img alt="Screenshot 2023-10-19 at 10.09.01 AM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wBIO.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=b2c6eaa2e43e27a03ed6ae99dfaf0296" style={{width: 65.9446, height: 55.9872}} width="96" height="76" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wBIO.jpg" /></td><td colspan="1" rowspan="1"> コントロール </td><td colspan="1" rowspan="1"><p> フィルタービューを作成し、フィルタービューをすべてのAppビューアーのデフォルトにするかどうかを選択できます。 </p><p> 選択した列にフィルターを作成したり、分、時間、日、週、月、四半期、または年単位で日付範囲とグラフを追加したりできます。 </p><p><b> ［保存］ </b> を選択するとフィルタービューが保存され、 <b> ［すべてクリア］ </b> を選択するとすべてのフィルタービューが削除されます。 </p><div class="mdx-embed"><Note><p><b> 注記： </b> すべてのフィルタービューを削除する <b> ［すべてクリア］ </b> ボタンは、エンベッドされたApp Studio Appには表示されません。後述の「 <a href="#embed_app" target="_self"> Appをエンベッドする </a> 」を参照してください。 </p></Note></div></td></tr><tr><td colspan="1" rowspan="1"><img alt="Screenshot 2023-10-19 at 10.09.05 AM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wBJ2.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=391f205f5d44a2a3b43a5e3241370f1e" style={{width: 56.9389, height: 55.9659}} width="74" height="72" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wBJ2.jpg" /></td><td colspan="1" rowspan="1"> 配布 </td><td colspan="1" rowspan="1"><p> Domo内のユーザーやグループとAppをシェアできます。メールアドレスを入力して新規ユーザーを招待することもできます。 </p><p> メッセージを作成し、シェア済みのAppのメール通知を送信できます。 </p><p /><p> また、Domo Everywhereを使用してAppをエンベッドすることもできます。後述の「 <a href="#embed_app" target="_self"> Appをエンベッドする </a> 」を参照してください。 </p></td></tr><tr><td colspan="1" rowspan="1"><img alt="Screenshot 2023-10-19 at 10.09.10 AM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wBIs.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=571363aacbfd6ed595bfb967ae56ee28" style={{width: 73.9915, height: 58.9844}} width="80" height="64" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wBIs.jpg" /></td><td colspan="1" rowspan="1"> 詳細 </td><td colspan="1" rowspan="1"><p><b> ［詳細］ </b> パネルが開きます。 </p><p> このパネルでは、Appのタイトルや最終更新日の確認、所有者やAppのデータソースの表示や変更が可能です。 </p><p> 以下の操作を行うこともできます。 </p><ul><li><InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EM5w000006wBK5.jpg" /><b> ［お気に入りに追加］ </b> を選択して、AppをAppのホームのお気に入りリストに追加します。 </li><li><InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EM5w000006wBKF.jpg" /><b> ［Appを編集］ </b> を選択して <a href="#app_editor" target="_self"> Appエディター </a> を開きます。このオプションを使用するには、必要な許可を持っている必要があります。 </li></ul></td></tr><tr><td colspan="1" rowspan="1"><img alt="Screenshot 2024-09-25 at 11.31.45 AM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/7rKG8XghCcV-Hmry/images/kb/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq000002uAMv.jpg?fit=max&auto=format&n=7rKG8XghCcV-Hmry&q=85&s=7ebb692dce4fb8b1dbd34fa0baeb2f72" style={{width: 65, height: 53}} width="43" height="35" data-path="images/kb/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq000002uAMv.jpg" /></td><td colspan="1" rowspan="1"> AIチャット </td><td colspan="1" rowspan="1"><p> AIチャットを開きます。 </p><p> ここから、AIチャットを開始したり、会話を続けたりすることで、Appで使用するデータとカードについての詳細を確認できます。 <a id="create_an_app" target="_blank" /></p><p> AIチャット機能は、 <a href="#edit_an_app" target="_self"> Appエディター </a> で <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq0000037HQb.jpg" /><b> ［ページとナビゲーション］ </b> > <b> ［設定］ </b> タブ > <b> ［ナビゲーションボタン］ </b> に移動して、表示/非表示を切り替えることができます。 </p><p> AIチャットの使用方法の詳細については、 <a href="https://domo-support.domo.com/s/article/000005539" target="_self"> こちら </a> を参照してください。 </p></td></tr></tbody></table>

[このページのトップへ](#intro)

### Appを作成する

1. [Appのホーム](#apps_home) から **［+Appを作成する］** を選択します。

   <Frame>
     <img src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000Hqrp.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=7f4505a1e9c88d9a88378217c1e63a03" style={{width: 600, height: 245}} width="862" height="352" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000Hqrp.jpg" />
   </Frame>

   App Studioが開き、 **［テーマ］** モーダルが表示されます。

   <Frame>
     <img alt="Screenshot 2023-10-02 at 4.38.43 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006w1dR.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=92b88ea8157cda69e7800ea22610c00a" style={{width: 746, height: 388}} width="3468" height="1804" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006w1dR.jpg" />
   </Frame>
2. ［Appテーマ］または［カスタムテーマ］を選択し、 **［適用］** をクリックして、Appエディターを開きます。

   テーマの詳細については [こちら](/s/article/000005543) を、Appエディターの詳細については [こちら](#app_editor) を参照してください。
3. Appエディターで、
   [Appテーマ](/ja/s/article/000005543#app_themes) および [設定](#app_configuration) を編集して、Appの [ページ](#pages_and_navigation) を設計します。
4. カード、フォーム、ワークフローなどの
   [要素](#add_actions_and_elements) やボタンなどの [アクション](#add_actions_and_elements) をAppに追加します。
5. **［保存］** を選択し、 変更を保持して [Appのホーム](#apps_home) にAppが表示されるようにします。

[このページのトップへ](#intro)

### Appを複製する

既存のAppを複製して、コンポーネント、構造、デザインを維持しながら、同様の設定で新しいAppを作成できます。既存のAppを複製するには、以下の手順に従います。

1. [Appのホーム](#apps_home) で、複製するAppにマウスポインターを合わせ、縦三点メニューを表示して選択します。

   <Frame>
     <img alt="kebab menu.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000JCVJ.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=e68964930a12bc9182944693c89846bc" style={{width: 99, height: 135}} width="206" height="282" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000JCVJ.jpg" />
   </Frame>
2. メニューで
   <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq000000JCdN.jpg" /> **［複製］** を選択します。

   <Frame>
     <img alt="duplicate an app.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000aUu1.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=668717f66977e18315272f076771ca34" style={{width: 227, height: 300}} width="478" height="632" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000aUu1.jpg" />
   </Frame>

   **［Appを複製］** モーダルが表示されます。

   <Frame>
     <img alt="Screenshot 2024-02-05 at 2.43.44 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000JAQJ.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=d97217e0225f3f3e68328772754fb701" style={{width: 298, height: 224}} width="754" height="566" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000JAQJ.jpg" />
   </Frame>
3. 新しいAppの名前を入力します。名前は元の名前とは異なる必要があります。
4. （オプション） **［カードとその他のAppのコンポーネントを複製します］** のボックスをオンにして新しいAppで各項目を複製するか、このボックスをオフのままにして新しいAppに元の項目を含めます。
5. **［Appを複製］** を選択して新しいAppを作成します。

   Appの作成中は、プログレスバーが表示されます。

   <Frame>
     <img alt="progress bar.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000JCof.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=3f327e16fe981822909642895d29e313" style={{width: 449, height: 177}} width="997" height="393" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000JCof.jpg" />
   </Frame>

新しいAppがAppのホームにアルファベットのタイトル順に表示されます。

[このページのトップへ](#intro)

### Appをエンベッドする

<Warning>
  **重要：** 以下の項目は、エンベッドされたAppでは現在サポートされていません。

  * ボタンのポップアップ
  * ワークフローウィジェット
  * キューウィジェット

  以下のフィールドデータタイプは、パブリックエンベッドではサポートされていません。

  * アカウント
  * ユーザー
  * グループ
  * DataSet
</Warning>

アクセス権を持つAppをエンベッドするには、以下の手順に従います。

1. [Appビューアー](#view_app) で <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EM5w000006wBJ2-1.jpg" /> **［配布］** > **［埋め込まれたApp］** を選択して、エンベッドモーダルを表示します。
2. （オプション）インタラクションとフィルターを許可するボックスと、エクスポートを許可するボックスをオンにします。
3. （オプション） **［幅（ピクセル）］** および **［高さ（px）］** フィールドで、エンベッドするAppの寸法を調整します。

   <Frame>
     <img alt="Screenshot 2024-09-16 at 8.56.50 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000002kFkT.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=b91b0f919af20c29308364b31821d26c" style={{width: 548, height: 500}} width="1290" height="1178" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000002kFkT.jpg" />
   </Frame>
4. **［エンベッドオプション］** ドロップダウンで、以下のいずれかのオプションを選択します。

   * **［非公開］ —** プライベートにエンベッドされたAppを表示できるのは、DomoアカウントまたはAPIから認証したユーザーのみです。

     クライアント側のフィルターとサーバー側のフィルターのサンプルコードへのリンクをたどることができます。

     <Frame>
       <img alt="Screenshot 2024-09-16 at 8.58.36 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000002kFxN.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=0da4e678b6b610fff7a0286b0eac12ed" style={{width: 551, height: 558}} width="1284" height="1300" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000002kFxN.jpg" />
     </Frame>

     このプライベートにエンベッドされたAppのシェアのリンクまたはエンベッドコードをコピーします。
   * **［パブリック］ —** パブリックにエンベッドされたAppは、顧客やパートナー、またはベンダーとウェブ上でオープンデータをシェアするのに使います。

     このパブリックにエンベッドされたAppのシェアのリンクまたはエンベッドコードをコピーします。

     <Frame>
       <img alt="Screenshot 2024-09-16 at 9.13.06 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000002kG5R.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=ffa870511f109f192d7ba16b2d585a0a" style={{width: 548, height: 442}} width="1286" height="1038" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000002kG5R.jpg" />
     </Frame>
5. <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq000000aWZF.jpg" /> **閉じる** を選択してモーダルを閉じます。

# エンベッドされたAppのコンテンツをエクスポートする

エンベッドされたAppのコンテンツをCSVファイル、PowerPointプレゼンテーション、Excelスプレッドシートにエクスポートしたり、印刷したりできるようにするには、 [エンベッドされたAppの設定](#embed_app) 時に **［エクスポートを許可］** というボックスをオンにします。

<Frame>
  <img alt="check allow export.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000003Xflp.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=a163ae454db3810fead41e987c4ae3c3" style={{width: 549, height: 446}} width="1284" height="1042" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000003Xflp.jpg" />
</Frame>

ユーザーは、Appからカードをエクスポートする方法を選択できます。

<Frame>
  <img alt="export embedded app card.jpeg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000003XgRl.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=f617f64c77c22b1dffe75462fce19b59" style={{width: 899, height: 462}} width="1600" height="822" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000003XgRl.jpg" />
</Frame>

[このページのトップへ](#intro)

### Appを編集する

Appを編集するには、以下の手順に従います。

1. [Appのホーム](#apps_home) で、編集するAppにマウスポインターを合わせます。 **詳細** （縦三点メニュー）> **［編集］** を選択します。

   [Appエディター](#app_editor) が表示されます。

   <Columns>
     <Frame>
       <img alt="select more.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wAwh.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=a2b018da04ff5dbdfa02bc9636a1ab5a" style={{width: 633.991, height: 185.994}} width="2164" height="636" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wAwh.jpg" />
     </Frame>

     <Frame>
       <img alt="app editor.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wBHp.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=6abea163f88ae1107f2ece3c7bc3c323" style={{width: 898, height: 440}} width="1534" height="752" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wBHp.jpg" />
     </Frame>
   </Columns>

   Appのメインナビゲーションに変更を加えるには、後述の「 [［設定］タブ — カスタムナビゲーション](#configuration_tab) 」を参照してください。Appのほかの領域に変更を加えるには、「 [Appエディター](#app_editor) 」を参照してください。
2. Appに変更を加えたら、エディターのトップナビゲーションの **［保存］** を選択します。

   Appエディターが閉じ、Appがフルスクリーンで表示されます。

   <Frame>
     <img alt="app editor save callout.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wBHk.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=768cebc6ae99671baca83e03511c4593" style={{width: 900, height: 441}} width="1534" height="752" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wBHk.jpg" />
   </Frame>
3. Appエディターを閉じた後、
   <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EM5w000006wCqC.jpg" /> **［全てのDomo App］** を選択すると [Appのホーム](#apps_home) に戻ることができます。

   <Frame>
     <img alt="all domo apps.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000002kFir.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=a4f8d9c944221a1f0a89344ae4d83c13" style={{width: 899, height: 233}} width="3054" height="792" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000002kFir.jpg" />
   </Frame>

   <Tip>
     **ヒント：** [Appエディター](#app_editor) を開くには、App内のメインナビゲーションで **詳細** （縦三点メニュー）> **<InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EM5w000006wORE.jpg" /> ［編集］** を選択します。

     <Frame>
       <img alt="details.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000002kG8f.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=73efb3ffc4ea4d1a50b3e9433fcc9116" style={{width: 649, height: 307}} width="1162" height="550" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000002kG8f.jpg" />
     </Frame>
   </Tip>

[このページのトップへ](#intro)

### Appエディター

Appエディターには、以下の図に示す4つの主な領域があります。

1. [メインナビゲーション](#main_navigation)
2. [左側のナビゲーションとサイドパネル](#left_navigation_side_panel)
3. [キャンバス](#canvas)
4. [右側の設定パネル](#configuration_panel)

<Frame>
  <img alt="app editor actual size.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000004vjqv.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=f2d638b45058f5b148e13beb9e71af76" style={{width: 899, height: 449}} width="3578" height="1788" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000004vjqv.jpg" />
</Frame>

各領域の詳細については、以下を参照してください。

# メインナビゲーション

メインナビゲーションは、上の図のようにAppの上部に表示することも、Appの左側に表示することもできます。メインナビゲーションの位置を変更する方法については、「 [［設定］タブ — カスタムナビゲーション](#configuration_tab) 」を参照してください。

メインナビゲーションには、どちらの表示の場合も以下のオプションがあります。

* **デスクトップ/モバイルの切り替え —** Appの表示をデスクトップモードまたはモバイルモードに切り替えます。

  * （デスクトップモードのみ） **実際のサイズエディター —** デスクトップモードでは、実際のサイズエディターに切り替えることができます。このエディターでは、App要素のサイズを編集した通りに正確に表示できます。変更を表示に反映するために保存する必要はありません。実際のサイズエディターをオフにすると、設定と設定パネルが表示されます。実際のサイズエディターはデフォルトではオフになっているため、使用したい場合は編集セッションごとにオンにする必要があります。

    <Frame>
      <img alt="actual size editor.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000004vfDr.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=50aebac9bc7584abe65e0c91609f2b52" style={{width: 531, height: 184}} width="1678" height="582" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000004vfDr.jpg" />
    </Frame>
* **［保存］ —** 保存すると、App全体への変更が保存され、編集モードが閉じます。
* **［キャンセル］** **—** Appに変更を加えた場合にこのオプションを選択すると、変更を破棄するかどうかを確認するダイアログが表示されます。

  エディターに戻り、変更を保存するには、 **［編集を続ける］** を選択します。

  変更を破棄して編集モードを閉じるには、 **［変更を保存しない］** を選択します。

  <Frame>
    <img alt="Screenshot 2023-10-11 at 3.42.22 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006w6hs.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=f492e859d9b8b2e90442b8652721edac" style={{width: 400.994, height: 177.997}} width="814" height="362" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006w6hs.jpg" />
  </Frame>

# 左側のナビゲーションとサイドパネル

左側のナビゲーションからは、以下のセクションに移動できます。

* Appテーマ
* Appの設定
* ページとナビゲーション
* アクションと要素を追加

セクションに移動すると、左側のサイドパネルが展開され、そのサブセクションが表示されます。

# キャンバス

キャンバスは、Appを作成するときに表示される場所です。色、フォント、その他のテーマ要素をテストし、レイアウトやその他の要素をキャンバスにドラッグして、Appにコンテンツを追加できます。

# 右側の設定パネル

アクションまたは要素をキャンバスに追加すると、右側のパネルで設定を行うことができます。 <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq0000018EV4.jpg" /> **閉じる** を選択してパネルを閉じます。

<Frame>
  <img alt="close configuration panel.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq0000018Gwf.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=f1705cc49e715f3f660e8e3b258392df" style={{width: 350, height: 211}} width="646" height="390" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq0000018Gwf.jpg" />
</Frame>

# ページ設定

右側の設定パネルを閉じた後、キャンバスの任意の場所を選択して、右側の設定パネルで［ページ設定］を開くことができます。

<Frame>
  <img alt="Screenshot 2024-05-29 at 5.39.13 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq0000018H4j.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=83a08c88a4dcf7a1a63f2809f5faee76" style={{width: 450, height: 459}} width="976" height="996" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq0000018H4j.jpg" />
</Frame>

#### ページの書式

**［ページの書式］** では、ドロップダウンやその他のコントロールを使用して、以下のオプションを設定することができます。

* **［背景］ —**
  [色ピッカー](/ja/s/article/000005543#color_picker) を使用して、背景色とその濃さを選択します。
* **［ページの幅］ —** 以下のページの幅オプションから選択します。
  * **［固定幅］ —** ページの幅が固定され、余白は画面のサイズに合わせて調整されます。
  * **［自動幅］ —** 余白が固定され、ページは画面のサイズに合わせて調整されます。
* **［ページの密度］ —** ページ内のオブジェクトの周囲のスペースを決定します。オプションは、［デフォルト］（4px）、［快適性］（8px）、［コンパクト］（2px）、［なし］（0px）、［カスタム］です。

#### フィルターオプション

**［フィルターオプション］** を選択すると、 **［フィルターオプション］** モーダルが表示されます。

このモーダルでは、以下の設定がデフォルトで有効になっています。これらの設定を無効にすることもできます。

* **新規フィルターの追加を許可**
* **［グローバル日付フィルターを許可］ —** グローバル日付でページにフィルターをかけることを許可します。
* **［セグメントを許可］ —** すべてのセグメントが表示されることを許可します。
* **［フィルターとPDPアイコンを表示］ —** フィルターアイコンとPDPアイコンを非表示にするには、このスイッチを切り替えます。これらのアイコンによって、コンテンツの表示が分かりにくくなることがあります。

<Frame>
  <img alt="Screenshot 2024-05-30 at 3.27.27 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq0000019TlN.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=aeda2b625461109b8e25768551102baa" style={{width: 550, height: 323}} width="1234" height="724" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq0000019TlN.jpg" />
</Frame>

[このページのトップへ](#intro)

<Frame>
  <img alt="app configuration.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/7rKG8XghCcV-Hmry/images/kb/ka0Vq000000QpGb-00N5w00000Ri7BU-0EM5w000006wDBF.jpg?fit=max&auto=format&n=7rKG8XghCcV-Hmry&q=85&s=b505fde861730964b555af350f977be9" style={{width: 56, height: 61}} width="64" height="70" data-path="images/kb/ka0Vq000000QpGb-00N5w00000Ri7BU-0EM5w000006wDBF.jpg" />
</Frame>

# Appの設定

**［Appの設定］** には、 **［情報と権限］** と **［フィルターオプション］** の2つのタブがあります。

**［情報と権限］** タブでは、Appの名前と説明を変更したり、AppのホームでAppを表すアイコンを選択したりできます。また、Appの所有者としてほかのユーザーやグループを追加し、変更を通知するかどうかを選択することもできます。Appをロックすると、Domoインスタンスの所有者と管理者以外はAppを編集できなくなります。

これらの設定の変更を保存するには、エディターの [メインナビゲーション](/ja/s/article/000005295#app_editor) で **［保存］** を選択します。

##### Appを削除する

Appを削除するには、 <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq000001pd6n.jpg" /> **［削除］** を選択します。

Appを削除すると、AppのページとApp固有の要素も削除されることを確認するダイアログが表示されます。

Appの削除を完了するには、 **［続ける］** を選択します。 **［Appの設定］** パネルに戻るには、 **［キャンセル］** を選択します。

<Frame>
  <img alt="Screenshot 2024-02-01 at 2.50.19 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000IJnN.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=99589786fa8cec0e80b618deb79eb77a" style={{width: 263, height: 118}} width="772" height="346" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000IJnN.jpg" />
</Frame>

<Warning>
  Appを削除しても、App内で使用されているカード、Domo Bricks、フォームは **削除されません** 。

  Appの削除は取り消すことができません。
</Warning>

<Frame>
  <img alt="Screenshot 2023-10-13 at 5.13.39 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006w8Lj.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=bb2d25f681b3519819e9968d7c6a91e1" style={{width: 512.997, height: 277.997}} width="998" height="540" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006w8Lj.jpg" />
</Frame>

[このページのトップへ](#intro)

#### 永続的なフィルターを設定する

永続的なフィルターは、 **［Appの設定］** セクションの **［フィルター** **オプション］** タブで選択できます。フィルターを永続的にすると、Appユーザーがフィルターをオンにしたときに、DataSetの一部またはすべての列を使用しているすべてのAppのページでフィルターが有効になります。変数や日付フィルターなどのほかの要素を設定して、App全体で保持されるようにすることもできます。

1. ドロップダウンを使用して、すべての列または選択した列のみをすべてのAppのページのフィルターとして保持するかどうかを選択します。デフォルトでは［なし］に設定されています。

   <Frame>
     <img alt="Screenshot 2024-06-26 at 3.40.11 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000001WZGc.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=eddb5646b6f685f2d048ae9f1492e0bc" style={{width: 251, height: 297}} width="329" height="389" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000001WZGc.jpg" />
   </Frame>

2. 選択した列のみを使用する場合は、 保持するフィルター列を選択します。

   <Frame>
     <img alt="selected columns.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000001WdAY.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=03bf33ad6f51e18339111f4de906f63e" style={{width: 250, height: 127}} width="425" height="216" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000001WdAY.jpg" />
   </Frame>

3. フィルター列を選択した後、以下のその他のオプションを有効にするにはそのボックスをオンにします。
   * **［インタラクションフィルターを保持］ —** 有効にすると、Appユーザーがチャート要素などのカード固有のフィルターを適用しても、App全体で保持されます。
   * **［日付範囲フィルターを保持］ —** 有効にすると、Appユーザーが適用する日付範囲フィルターはすべて、App全体で保持されます。
   * **［変数コントロールを保持］ —** 有効にすると、変数コントロールの値がApp全体で保持されます。

     <Note>
       **注記：** 変数コントロールの値は、そのコントロールを含むページにのみ適用されます。App全体で変数を保持する場合は、値を保持する各ページにコントロールを追加する必要があります。変数とコントロールの詳細については、 [こちら](/s/article/7903767835031) を参照してください。

       <Frame>
         <img alt="persist elements.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000001dDOD.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=76b63e6c12d6a48408f5389277643512" style={{width: 250, height: 309}} width="549" height="679" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000001dDOD.jpg" />
       </Frame>
     </Note>

4. 変更を保存します。

これで、Appユーザーが選択したフィルターのいずれかを操作したり、Appに適用したりすると、 すべてのAppのページでフィルターが有効になります。

##### カードのセットに永続的なフィルターを設定する

永続的なフィルターは、個々のカードまたはAppレベルで設定できます。永続的なグローバルフィルターを特定のカードセットに適用するには、次の手順を実行します。

1. フィルターを設定して、Appのすべてのカードにグローバルに影響を与えます。フィルターを適用しないカードについては、カードに移動してカードの詳細編集メニューから **［例外フィルター］** を選択すると、個々の設定を編集できます。

   または
2. フィルターを適用するカードをすべて同じAppページに配置します。同じページでカードを設定した後、インタラクションフィルターを設定してこれらのカードに影響を与え、カードを別のページの目的の場所に移動します。

##### 永続的なフィルターになっているかどうかをテストする

[コントロール](#view_app) メニューに移動して、フィルターが永続的になっているかどうかを確認できます。永続フィルターには、地球儀アイコンが付いています。

<Frame>
  <img alt="globe icon.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000001dDo1.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=cc27800a71021f003c0013808fe70004" style={{width: 300, height: 265}} width="336" height="297" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000001dDo1.jpg" />
</Frame>

[このページのトップへ](#intro)

<Frame>
  <img alt="pages and navigation.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/7rKG8XghCcV-Hmry/images/kb/ka0Vq000000QpGb-00N5w00000Ri7BU-0EM5w000006wDB5.jpg?fit=max&auto=format&n=7rKG8XghCcV-Hmry&q=85&s=ea9c34dfe4a125c307cb503960f0cd74" style={{width: 55, height: 54}} width="90" height="94" data-path="images/kb/ka0Vq000000QpGb-00N5w00000Ri7BU-0EM5w000006wDB5.jpg" />
</Frame>

# ページとナビゲーション

**［ページとナビゲーション］** には、以下の **［順番］** と **［設定］** の2つのタブがあります。ページドリル機能の使用方法については、「 [ページドリル](#page_drill) 」を参照してください。

#### ［順番］タブ

**［順番］** タブでは、Appのページを表示して並べ替えることができます。Domoインスタンスからダッシュボードのコンテンツをインポートすることもできます。

<Frame>
  <img alt="Screenshot 2024-02-01 at 2.59.12 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000IK0H.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=cf0a0816e870804d79abb7a2c312140b" style={{width: 273, height: 246}} width="724" height="654" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000IK0H.jpg" />
</Frame>

**［順番］** タブでページを並べ替えるには、ページにマウスポインターを合わせてハンドルを表示し、目的の位置にページをドラッグします。

<Frame>
  <img alt="Screenshot 2024-02-01 at 2.59.44 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000IK1t.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=186c808761496c0681172615e3596f0f" style={{width: 262, height: 229}} width="790" height="692" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000IK1t.jpg" />
</Frame>

[このページのトップへ](#intro)

##### ダッシュボードのコンテンツをAppにインポートする

ダッシュボードをインポートすると、ダッシュボードから選択したカードをAppで複製したり、元のカードをAppに取り込むことができます。元のコンテンツをAppに取り込むと、App内でコンテンツに加えた変更は、Domo内のコンテンツに反映されます。

ダッシュボードからすべてのコンテンツをインポートするか、インポートする特定の要素を選択できます。

コンテンツをAppにインポートすると、コンテンツがApp外でどのように表示されるかにかかわらず、設定済みのすべてのテーマがApp内のコンテンツに適用されます。これにより、App全体でコンテンツの外観が標準化されます。

1. **［順番］** タブからダッシュボードをインポートするには、 **［インポート］** > **［ダッシュボード］** を選択します。

   モーダルが表示され、Domoインスタンスからダッシュボードを検索して選択できます。
2. **［次へ］** を選択します。モーダルの右側に **［インポートオプション］** が表示されます。

   <Frame>
     <img alt="import options.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wDBK.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=ede456e4781a3185fcb1e8f2b5b01bab" style={{width: 500, height: 382}} width="1460" height="1116" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wDBK.jpg" />
   </Frame>
3. **［インポートオプション］** で **［ページ名］** フィールドにAppでの表示名を入力します。
4. 必要に応じて、［カードを複製］、［カードのインタラクションを含める］、［フィルターを含める］のボックスをオンにします。
5. ダッシュボードからインポートするコンテンツを選択します。すべてのコンテンツをインポートすることも、特定の要素をインポートすることもできます。

[このページのトップへ](#intro)

##### Appページを別のAppにインポートする

既存のページを別のApp Studio AppからAppにインポートできます。

**開始するには：** 別のAppからページをインポートするApp Studio Appに移動します。Appを編集モードで開きます。

1. <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EM5w000006wDB5-1.jpg" /> **［ページとナビゲーション］**

> **［順番］** タブに移動します。

2. **［インポート］** > **［Appのページ］** を選択します。

   **［Appコンテンツをインポート］** モーダルが表示されます。

   <Frame>
     <img alt="import app page.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000005E2S5.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=d4f07b9770518e87a661eb7ed31eccdc" style={{width: 301, height: 390}} width="728" height="944" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000005E2S5.jpg" />
   </Frame>
3. モーダルで、ページのインポート元のAppを検索して選択します。 **［次へ］** を選択して、インポートコンテンツを選択します。

   <Frame>
     <img alt="import app content modal.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000005F26f.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=7a6e825caf23deb914ddb11fb669e764" style={{width: 548, height: 419}} width="1470" height="1122" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000005F26f.jpg" />
   </Frame>
4. **［インポートオプション］** で、a）カードを複製するか、b）カードのインタラクションを含めるか、c）フィルターを含めるかを、適切なボックスをオンにして選択します。

   <Frame>
     <img alt="import options.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000005Ek52.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=4e88863f0a533d3282f6571cd5f711b0" style={{width: 548, height: 421}} width="1468" height="1126" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000005Ek52.jpg" />
   </Frame>
5. ここで、インポートするAppのページを選択するか、 **［すべて選択］** を選択します。
6. 終了したら、 **［インポート］** を選択します。

   インポートの進捗状況がバーに表示されます。インポートが完了したら、新しいAppへの変更を保存してから閉じます。

[このページのトップへ](#intro)

##### Appのページを追加する

Appにページを追加するには、以下の手順に従います。

1. **［順番］** タブで **［+新しいページ］** を選択します。

   モーダルが表示され、ページに名前を付けることができます。

   <Frame>
     <img alt="Screenshot 2024-02-01 at 3.19.27 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000IKl3.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=309eaa5e274d8d63e3d12e8cd3292e5d" style={{width: 265, height: 231}} width="758" height="660" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000IKl3.jpg" />
   </Frame>
2. モーダルで、 **［作成して続行］** を選択するとページが **［順番］** タブに追加され、 **［キャンセル］** を選択するとページが破棄されます。追加したページは、ページのリストの一番下に表示されます。ページの位置は [並べ替えて](#reorder_pages) 変更できます。

##### Appのページを編集する

1. **［順番］** タブでページを作成した後、そのページにマウスポインターを合わせて <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq000000IKxx.jpg" /> **［ページ情報を編集］** を選択します。

   **［ページ設定］** モーダルが表示されます。

   <Frame>
     <img alt="page settings modal.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J5td.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=26f90e54a190bbf6bf1ff5f7cac96831" style={{width: 379, height: 442}} width="1162" height="1356" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J5td.jpg" />
   </Frame>
2. （オプション）ページ名を編集します。
3. （オプション） **［ナビゲーションにページを表示する］** のボックスをオフにすると、Appのメインナビゲーションからページが削除されます。これは、ページがドリルビューとして使用されている場合に最もよく行われます。詳細については、「 [ページドリル](#page_drill) 」を参照してください。また、ユーザーがページにアクセスできないようにしたいが、ページを削除はしたくない場合は、ページを非表示にすることもできます。
4. Appのトップナビゲーションのページ用に表示するアイコンを選択します。デフォルトのアイコンはページ
   <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq000000J5wr.jpg" /> です。また、アイコンの色、不透明度、位置/配置を調整することもできます。
5. 変更を行った後、 **［保存］** を選択すると変更が維持され、モーダルを閉じるか **［キャンセル］** を選択すると変更が破棄されます。

##### Appのページを削除する

**［順番］** タブからページを削除するには、そのページにマウスポインターを合わせて <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq000000IKxx-1.jpg" /> **［ページ情報を編集］** を選択します。

**［ページ設定］** モーダルが表示されます。

モーダルで <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq000000J63J.jpg" /> **削除** を選択します。

削除を確認する警告ダイアログが表示されます。ページの削除は取り消すことができません。

**［ページを削除］** を選択するとページが削除され、 **［キャンセル］** を選択するとページが維持されます。

[このページのトップへ](#intro)

#### ［設定］タブ — カスタムナビゲーション

**［設定］** タブでは、Appのメインナビゲーションを表示または非表示にすることができます。

<Frame>
  <img alt="show nav.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000Jc1a.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=0b4d83f6b332bfef1f0279047128ee8f" style={{width: 300, height: 608}} width="578" height="1172" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000Jc1a.jpg" />
</Frame>

<Warning>
  **警告：** メインナビゲーションが非表示になっていると、Appの特定の操作がAppの閲覧者にとって困難になる場合があります。
</Warning>

**［外観］** では、Appのメインナビゲーションの位置（Appの上部または左側）を選択できます。

<Frame>
  <img alt="config appearance.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000JcPl.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=6c06612a5c13174a4d66209c9e0ee55c" style={{width: 299, height: 126}} width="602" height="254" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000JcPl.jpg" />
</Frame>

デフォルトのメインナビゲーションの位置は上部です。 **［編集スタイル］** を選択すると、 **［Appテーマ］** セクションのナビゲーションの [レイアウトコンポーネント](#layout_components) が開きます。 以下の画像により、上部のナビゲーションと左側のナビゲーションの外観を比較できます。

<Columns>
  <Frame>
    <img src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000JcKw.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=ffcbf460f7fd7870566a4c7a7a4357cc" width="2936" height="1654" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000JcKw.jpg" />
  </Frame>

  <Frame>
    <img alt="left nav.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000JcrB.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=2219ace3349a3179dc3ee7ac9a66daf9" style={{width: 504, height: 283}} width="2936" height="1650" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000JcrB.jpg" />
  </Frame>
</Columns>

**［設定］** では、Appのタイトルとロゴを表示または非表示にすることができます。両方のスイッチをグレーにすると、Appのタイトルとロゴの両方が非表示になります。

<Frame>
  <img alt="config config.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000JcWD.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=093a817d62b16fb397885bcdb64cd0fc" style={{width: 299, height: 154}} width="578" height="298" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000JcWD.jpg" />
</Frame>

**［ナビゲーション］** では、 <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq000000JdKD.jpg" /> **表示/非表示** を選択することで、Domoのナビゲーションボタン（ **［ホーム］** 、 **［コントロール］** 、 **［配布］** 、 **［詳細］** ）を表示するかどうかを指定できます。

<Warning>
  **重要：** ナビゲーションで **［ホーム］** ボタンを非表示にした場合、AppユーザーはApp内の前のページに移動するために必ずブラウザーの戻るボタンを使用する必要があります。
</Warning>

<Frame>
  <img alt="show nav buttons.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000Jcb3.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=4787b4ab455da7f7e7f421fdfca31675" style={{width: 300, height: 214}} width="628" height="448" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000Jcb3.jpg" />
</Frame>

表示するようにした場合、 **［ホーム］** ボタンは常に一番左（上部のナビゲーションの場合）または一番上（左側のナビゲーションの場合）に表示されますが、ハンドルを使用してほかのDomoナビゲーションボタンをドラッグして並べ替えることができます。

<Frame>
  <img alt="reorder nav buttons.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000Jccf.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=27b2f269de506aa76bd713bd8e2f1e98" style={{width: 300, height: 214}} width="628" height="448" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000Jccf.jpg" />
</Frame>

[このページのトップへ](#intro)

#### ページドリル

ページドリルを使用すると、Appユーザーはカードを選択することでAppの別のページに移動できます。カードのフィルターは、新しいページにも適用されます。新しいページには、カードだけでは利用できない、より詳細な情報や追加のインサイトが含まれています。新しいページはドリルビューと呼ばれます。これは、Appのメインナビゲーションでは非表示にして、ドリルでのみアクセスできるようにすることを選択できるためです。

<Warning>
  **重要：** ページ設定でドリルビューを非表示にしてください。これにより、ページがAppのメインナビゲーションに表示されなくなり、ドリルビューとしてのみ表示されます。以下のタスクでその方法を確認してください。最初のタスクでは、Appで別のページを開くようにページドリルを設定します。2番目のタスクでは、新しいドリルビューをAppのメインナビゲーションで非表示にします。
</Warning>

##### ページドリルを設定する

ページドリルを設定するには、以下の手順に従います。

1. キャンバスでカードを選択し、右側の設定パネルを開きます。
2. 設定パネルで、 **［アクション］** タブに移動します。
3. **［デスクトップ］** でドロップダウンを使用して **［コンテンツを開く］** > **［Appでページを開く］** を選択します。

   <Frame>
     <img alt="add page drill.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000ILKX.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=b6cd7a185b17684f978fc6879307902a" style={{width: 900, height: 515}} width="2000" height="1144" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000ILKX.jpg" />
   </Frame>
4. 2番目のドロップダウンで、ページをリンク先ページまたはドリルビューとして選択します。

   <Frame>
     <img alt="add page drill.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J3yH.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=aa61e60a674fdf9fe5ba3020e832f122" style={{width: 902, height: 516}} width="1800" height="1030" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J3yH.jpg" />
   </Frame>
5. 以下のオプションのいずれかを使用する場合は、該当するボックスをオンにします。
   * **［Persistフィルター］ —** Appのページに適用されたフィルターは、リンク先ページまたはドリルビューに引き継がれます。
   * **［インタラクションフィルターを有効にする］ —** このオプションを選択すると、カードのインタラクティブなチャートが有効になります。ただし、ツールチップとスクリーンリーダーは、ドリルビューへのナビゲーションを検知しないことにご注意ください。
   * **［新しいタブでリンクを開く］ —** 新しいブラウザータブでドリルビューを開きます。

     <Frame>
       <img alt="Screenshot 2024-02-05 at 9.47.32 AM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J3gX.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=21b6a9202a254735b8086817ca97ecb6" style={{width: 300, height: 132}} width="1096" height="482" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J3gX.jpg" />
     </Frame>
6. 変更を保存します。

##### ドリルビューを非表示にする

1. **［ページとナビゲーション］** > **［順番］** タブに移動します。
2. ページドリルのリンク先として使用しているページを探し、その上にマウスポインターを合わせて
   <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq000000J4G1.jpg" /> **［ページ情報を編集］** を選択します。

   **［ページ設定］** モーダルが表示されます。
3. モーダルで **［ナビゲーションにページを表示する］** のボックスをオフにします。これにより、Appのメインナビゲーションからページが削除され、AppユーザーがドリルビューとしてのみAppにアクセスできるようになります。

   **注記：** Appのランディングページは、ナビゲーションから除外することはできません

   <Frame>
     <img alt="Screenshot 2024-02-05 at 10.48.12 AM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J3tU.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=f230315bb4769065760650bbbd755b55" style={{width: 450, height: 518}} width="1218" height="1402" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J3tU.jpg" />
   </Frame>
4. **［保存］** を選択してモーダルを閉じます。

[このページのトップへ](#intro)

### アクションと要素を追加する

<InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EM5w000006wDBA.jpg" /> **［アクションと要素を追加］** セクションでは、Appユーザーが利用できるAppの [レイアウト](#layout) および [アクション](#actions) をカスタマイズして、カードやワークフローなどのDomo [コンテンツ](#content) を追加できます。

アクションまたは要素をキャンバスにドラッグしてAppに追加できます。設定パネルが開き、ドラッグした項目を設定できます。

<Note>
  **注記：** アクションまたは要素をキャンバスにドラッグするときは、表示される青い線にドラッグして、キャンバスに貼り付ける必要があります。

  <Frame>
    <img alt="Screenshot 2024-02-05 at 11.01.34 AM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/7rKG8XghCcV-Hmry/images/kb/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq000000J6T7.jpg?fit=max&auto=format&n=7rKG8XghCcV-Hmry&q=85&s=7bac87e94c232dfe3faa13b62f827bcb" style={{width: 900, height: 434}} width="3016" height="1454" data-path="images/kb/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq000000J6T7.jpg" />
  </Frame>
</Note>

[このページのトップへ](#intro)

# ヘッダーを追加する

**ヘッダー** 要素をキャンバスにドラッグすると、 <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq000000J6bB.jpg" /> **編集** または <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq000000J38g.jpg" /> **削除** を選択できます。

* <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq000000J6bB-1.jpg" /> **編集** を選択すると、 **［ヘッダー］** 設定パネルが表示されます。パネルでは、ヘッダーのラベルまたはタイトルを入力し、 **Appテーマ** のスタイルからヘッダースタイルを選択できます。 **［編集スタイル］** を選択した場合、選択したスタイルに対して、左側のパネルにヘッダースタイルエディターが表示されます。変更内容はキャンバスに反映され、リアルタイムでプレビューできます。

* <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq000000J38g-1.jpg" /> **［削除］** を選択すると、ヘッダーを削除するかどうかを確認するダイアログが表示されます。 **［ヘッダーを削除］** を選択すると、ヘッダーが削除されます。

# ボーダーを追加する

**ボーダー** 要素をキャンバスにドラッグすると、水平の線が表示されます。線を選択して、設定パネルを開きます。

このパネルで <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq000000J38g-2.jpg" /> **［削除］** を選択すると、ボーダーを削除するかどうかを確認するダイアログが表示されます。 **［ボーダーを削除］** を選択すると、ボーダーが削除されます。

# レイアウトを選択する

レイアウトをキャンバスにドラッグすると、 **［レイアウトを選択］** モーダルが表示されます。レイアウトオプションを確認し、使用するレイアウトオプションにマウスポインターを合わせて **［選択］** を選択すると、レイアウトがキャンバスにインポートされます。

<Frame>
  <img alt="Screenshot 2023-10-19 at 11.25.27 AM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wBN9.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=f9b5bd0a71021f8fed97ea17f8804428" style={{width: 550, height: 429}} width="1462" height="1098" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wBN9.jpg" />
</Frame>

#### スペーサーを追加する

スペーサーをキャンバスにドラッグすると、ほかの要素の間に空白の領域が作成されます。スペーサーを選択すると、右側に **［スペーサー］** 設定パネルが開きます。

このパネルで <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq000000J7CH.jpg" /> **［削除］** を選択すると、スペーサーを削除するかどうかを確認するダイアログが表示されます。 **［スペーサーを削除］** を選択すると、スペーサーが削除されます。

[このページのトップへ](#intro)

# タブを追加する

**タブ** 要素をキャンバスにドラッグすると、3つのタブがあるインターフェースが表示され、設定パネルが開きます。

<Frame>
  <img alt="tabs interface.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J7XF.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=20287cd7e90347ef650da25953bf9212" style={{width: 899, height: 380}} width="3708" height="1568" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J7XF.jpg" />
</Frame>

設定パネルでタブを並べ替えるには、タブにマウスポインターを合わせて、ハンドルでタブをドラッグして正しい順番に並べ替えます。

<Frame>
  <img alt="Screenshot 2024-02-05 at 11.29.18 AM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J7aT.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=3b075f07af691df3c44d0c2feccfed2c" style={{width: 304, height: 167}} width="1428" height="784" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J7aT.jpg" />
</Frame>

パネルを閉じるには、 <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq000000J7gw.jpg" /> **閉じる** を選択します。

##### タブのスタイル

パネルでは、タブに2つのスタイルのいずれかを選択できます。スタイルに変更を加えるには、 **［編集スタイル］** を選択します。

<Frame>
  <img alt="Screenshot 2024-02-05 at 11.32.31 AM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J3Gk.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=455459b6bbf0d1b628a6974939ace24f" style={{width: 300, height: 219}} width="886" height="646" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J3Gk.jpg" />
</Frame>

##### 新しいタブを追加する

**［+新しいタブを追加］** を選択すると、パネルからタブを追加できます。これにより、タブリストの最後に次のデフォルト番号のタブが追加されます。

<Frame>
  <img alt="Screenshot 2024-02-05 at 11.32.41 AM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J61i.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=4d2c5dbc1516ab0e08e17e31533cce09" style={{width: 301, height: 163}} width="874" height="474" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J61i.jpg" />
</Frame>

##### タブを編集する

パネルでは、タブにマウスポインターを合わせて **［［編集］タブ］** を選択することで、タブを編集できます。これにより、キャンバスのタブが選択されます。

<Frame>
  <img alt="edit tab.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wC1Y.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=7608272fe144faded322720be1860781" style={{width: 291.996, height: 149.979}} width="540" height="292" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wC1Y.jpg" />
</Frame>

キャンバスでタブを選択すると、左側のパネルからタブにアクションと要素をドラッグしてレイアウトをカスタマイズできます。

<Frame>
  <img alt="Screenshot 2023-10-20 at 11.09.52 AM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wC1x.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=ff733c6038344beb51883a0d31d6662e" style={{width: 676.996, height: 446.996}} width="1920" height="1268" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wC1x.jpg" />
</Frame>

<Note>
  **注：** タブレイアウトのサイズを変更する場合、レイアウトのサイズを縮小するためには、最後のすべての項目に縮小するスペースが必要であるため、いずれかのタブの最後の項目の高さが最小の場合、タブレイアウトのサイズは小さくなりません。
</Note>

タブの編集が終了したら、キャンバスのタブリボンのどこかをクリックすると、右側に **［タブ］** パネルが開きます。

##### タブを削除する

タブは個別に削除することも、タブ要素全体を削除することもできます。

タブを個別に削除するか、要素グループとして削除するかにかかわらず、タブを削除すると、そのタブのすべてのカードまたはDomo Bricksは末尾に移動します。削除されたタブのフォームはAppから削除されます。タブ内で作成されたボタンやコントロールなどのコンテンツは完全に削除されます。

削除は取り消すことができません。

* 個別のタブを削除するには、右側のパネルのタブにマウスポインターを合わせます。

  <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EM5w000006wC0G.jpg" /> **［タブ情報を編集］** を選択して、 **［タブのラベル］** モーダルを表示します。

  <Frame>
    <img alt="Screenshot 2024-02-05 at 11.36.06 AM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J7gx.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=bc617d61bf5bc31b7a5ed85e02c6cb24" style={{width: 301, height: 166}} width="880" height="486" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J7gx.jpg" />
  </Frame>

  <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EM5w000006wC0Q.jpg" /> **削除** を選択します。

  削除を確認するダイアログが表示されます。

  **［削除］** または **［キャンセル］** を選択します。
* タブ要素を削除するには、右側のパネルで
  <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq000000J5VT.jpg" /> **［削除］** を選択します。

  削除を確認するダイアログが表示されます。

  **［削除］** または **［キャンセル］** を選択します。

  <Frame>
    <img alt="delete tab element.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wC0u.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=046def73c838a1413b83badf5c21545d" style={{width: 271.996, height: 184.993}} width="556" height="378" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wC0u.jpg" />
  </Frame>

[このページのトップへ](#intro)

# Domo Appを追加する

**App** アクションをキャンバスにドラッグすると、 **［Appを選択する］** モーダルが開きます。インポートするAppを検索して選択し、 **［取得］** または **［キャンセル］** を選択します。

# 変数のコントロールを追加する

**コントロール** アクションをキャンバスにドラッグすると、Appのページに変数コントロールを追加できます。変数とコントロールについては、「 [変数 | 概要](/s/article/7903767835031) 」を参照してください。

# フォームを追加する

フォームアクションをキャンバスにドラッグすると、フォームエディターが開きます。詳細については、「 [フォーム](/s/article/000005171) 」を参照してください。

# ボタンを追加する

ボタンアクションをキャンバスにドラッグすると、 **［設定］** および **［アクション］** の2つのタブがあるパネルが右側に開きます。

#### ［設定］タブ

**［設定］** タブでは、以下を設定できます。

* ボタンラベルのテキストを入力する
* 使用可能なオプションからアイコンを選択するか、 **［アイコンがありません］** を選択する
* ボタンの色と不透明度を選択する
* ボタンでのアイコンの位置（［上部］、［左］、［右］）を選択する
* アイコンのサイズ（［デフォルト］、［小］、［中］、［大］、［特大］）を選択する

<Frame>
  <img alt="Screenshot 2024-02-05 at 12.02.49 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J5P0.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=a4206a82f0cd40ad88aae46c5aa099f3" style={{width: 300, height: 333}} width="882" height="980" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J5P0.jpg" />
</Frame>

**［設定］** > **［スタイル］** では、5つのAppテーマのいずれかを選択します。 **［編集スタイル］** を選択して左側のサイドパネルでテーマを編集します。

<InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EM5w000006wB3E.jpg" /> **［削除］** を選択すると、ボタンが削除されます。

<Frame>
  <img alt="Screenshot 2023-10-18 at 9.00.44 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wB3Y.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=ece56594a19280e4fccbc1c39ed9ce8b" style={{width: 299, height: 194}} width="548" height="368" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wB3Y.jpg" />
</Frame>

#### ［アクション］タブ

**［アクション］** タブでは、 **［インタラクションタイプを選択］** ドロップダウンを使用して、ボタンを押したときに実行するアクションを定義します。

<Note>
  **注記：** インタラクションタイプとして **［フィルターをクリア］** を選択した場合、Appユーザーは、 [Appコントロール](#controls) に移動せず、ボタンを使用してページ内のすべてのフィルター（ **永続的なフィルター以外** ）をクリアできます。永続的なフィルターを設定する方法については、 [こちら](#configure_persistent_filters) を参照してください。ボタンの **［フィルターをクリア］** オプションは、エンベッドされたApp Studio Appでは使用できません。詳細については、「 [Appをエンベッドする](#embed_app) 」を参照してください。
</Note>

<Frame>
  <img alt="Screenshot 2024-10-30 at 3.01.33 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000003XaFv.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=fdf6871f52289ca198b317cff6f3147c" style={{width: 300, height: 532}} width="568" height="1008" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000003XaFv.jpg" />
</Frame>

##### カードをポップアップで開く

カードをポップアップで開くようにボタンを設定する場合は、ボタンを選択したときに開くカードを検索して選択する必要があります。

カードとAppの変更を保存します。

<Frame>
  <img alt="Screenshot 2024-12-17 at 2.59.04 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000004OzKz.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=2e2de2176685ff6c87ebb06d441a832a" style={{width: 500, height: 459}} width="1658" height="1524" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000004OzKz.jpg" />
</Frame>

Appでボタンをクリックすると、選択したカードがポップアップウィンドウに表示されます。

##### *別のカードを選択する*

ボタンをクリックしたときに表示されるカードを更新する必要がある場合があります。

1. ボタン設定パネルの **［アクション］** タブで、 **［変更］** を選択します。

<Frame>
  <img alt="change button card.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000004OsZf.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=6140d19f5f7f65bf5b3cd2afc5592eb6" style={{width: 899, height: 426}} width="2742" height="1300" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000004OsZf.jpg" />
</Frame>

2. 別のカードを検索して選択します。カードを保存して、Appの変更を保存します。

[このページのトップへ](#intro)

# 画像を追加する

**画像** 要素をキャンバスにドラッグすると、マシンから画像を選択してAppに追加できます。

# メモカードでテキストを追加する

**テキスト** 要素をキャンバスにドラッグすると、キャンバスにメモカードツールバーが表示され、設定パネルがメモとして開きます。メモカードの詳細については、 [こちら](/s/article/360043430233) を参照してください。

設定パネルで、 <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq000000J8mf.jpg" /> **編集** を選択するとカードのコンテンツを編集でき、 <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq000000J8oH.jpg" /> **閉じる** を選択するとメモが閉じます。

パネルには、 [［設定］](#settings_tab) 、 [［アクション］](#actions_tab) 、 [［例外フィルター］](#filter_exceptions_tab) の3つのタブがあります。

#### ［設定］タブ

**［設定］** タブの **［コンテンツ］** では、 **［カードタイトルと説明を編集］** または **［コンテンツの表示オプション］** を選択できます。

<Frame>
  <img alt="Screenshot 2024-02-05 at 12.12.39 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J81u.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=9c22e88369b6d8e88c5a63191289b741" style={{width: 300, height: 509}} width="700" height="1188" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J81u.jpg" />
</Frame>

**［カードタイトルと説明を編集］** を選択すると、オプションのスマートテキストを使用してカードのタイトルと説明を入力できるモーダルが表示されます。スマートテキストの詳細については、 [こちら](/s/article/4529227357975) を参照してください。モーダルには、非表示にできるプレビューが含まれています。 **［保存］** を選択すると変更が維持され、 **［キャンセル］** を選択すると変更が破棄されます。

<Frame>
  <img alt="Screenshot 2023-10-18 at 7.24.11 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wB1r.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=b9b665a99de28710e30122420ca7447d" style={{width: 450, height: 431}} width="1106" height="1058" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wB1r.jpg" />
</Frame>

**［コンテンツの表示オプション］** では、カードのタイトル、説明、その両方を表示することや、どちらも表示しないことを選択できます。オプションを表示/非表示にするには、ドロップダウンからオプションを選択します。

<Frame>
  <img alt="Screenshot 2024-02-05 at 12.14.30 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J8rV.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=d65dc131ba049a4611e2fb9ce95b42fa" style={{width: 307, height: 148}} width="780" height="376" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J8rV.jpg" />
</Frame>

**［設定］** タブの **［スタイル］** では、テキストカードに使用するスタイルを3種類の中から選択できます。

<Frame>
  <img alt="Screenshot 2024-02-05 at 12.14.38 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J8uj.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=5b32dff147ce140ada847840d01fddae" style={{width: 307, height: 254}} width="842" height="696" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J8uj.jpg" />
</Frame>

**［編集スタイル］** を選択すると、左側のパネルでテキストカードのスタイルに変更を加えることができます。

<Frame>
  <img alt="Screenshot 2024-02-05 at 12.15.53 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J8zZ.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=56e7f660511653e754ad8ac9cdf9c535" style={{width: 311, height: 441}} width="830" height="1178" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J8zZ.jpg" />
</Frame>

**［設定］** タブの **［カードを置き換える/削除する］** では、 **［別のカードを選択］** または **［カードを削除］** を選択できます。

* **［別のカードを選択］** を選択すると、Domoインスタンスから別のカードを選択できます。
* **［カードを削除］** を選択すると、以下の3つのオプションが表示されます。
  * **［カードを外す］ —** Appのページからカードを削除することを確認するメッセージが表示されます。ここでカードを削除しても、ほかのAppやダッシュボードからは削除されません。 **［カードを外す］** または **［キャンセル］** を選択します。
  * **［末尾に移動］ —** カードを末尾に移動します。
  * **［カードを削除］ —** この オプションを選択すると、 カードを削除するとほかのすべてのダッシュボードとAppからカードが削除され、削除は取り消せないことを警告するメッセージが表示されます。 **［カードを削除］** または **［キャンセル］** を選択します。

    <Frame>
      <img alt="Screenshot 2024-02-05 at 12.17.57 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J92n.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=e3f83ca7d34418332c52d891bb7361c0" style={{width: 307, height: 203}} width="926" height="612" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J92n.jpg" />
    </Frame>

#### ［アクション］タブ

**［アクション］** タブでは、カードを選択したときに実行するアクションを定義できます。

<Frame>
  <img alt="Screenshot 2024-02-05 at 12.20.41 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J99F.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=101a83c4bbae7e93de0a7a9cc76c180e" style={{width: 303, height: 314}} width="858" height="888" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J99F.jpg" />
</Frame>

オプションは以下の通りです。

* **［インタラクティブフィルターを有効にする］ —** このボックスをオンにすると、新しいタブでカードの詳細を開くことができます。

  チャートの強調表示とインタラクションフィルターを適用する要素を以下から選択することもできます。

  * 全てのカードに適用
  * 選択したカードに適用インタラクションフィルターを無効にすることもできます。

  <Frame>
    <img alt="Screenshot 2024-02-05 at 12.24.54 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J9Iv.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=9626f25d2ff408e0354c8eb6ddd77672" style={{width: 306, height: 281}} width="962" height="882" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J9Iv.jpg" />
  </Frame>
* **［コンテンツを開く］ —** アクションによってAppでページを開く、任意のコンテンツを開く、URLを開くのいずれかを選択できます。いずれのオプションでも、デスクトップでのインタラクションをフォローするようにモバイルを設定したり、モバイル上で特定の要素を非表示にするスイッチを切り替えたりすることができます。

  <Frame>
    <img alt="Screenshot 2024-02-05 at 12.24.26 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J9HJ.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=4287080ab959965837bbb0e2a9c50cc3" style={{width: 301, height: 158}} width="904" height="474" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000000J9HJ.jpg" />
  </Frame>

  * **［Appでページを開く］** を選択した場合、Appで開くページを選択します。 **［Persistフィルター］** のボックスをオンにすると、Appの現在のページに適用されているフィルターの選択が、リンク先ページにも適用されます。新しいブラウザータブでAppのページを開くボックスをオンにすることもできます。
  * **［任意のコンテンツを開く］** を選択した場合、Domoインスタンスからどのコンテンツを開くかを選択できるモーダルが表示されます。コンテンツを選択して **［保存］** を選択した後も、コンテンツは変更できます。新しいブラウザータブでコンテンツを開くボックスをオンにすることもできます。
  * **［URLを開く］** を選択した場合、開くURLを入力できます。URLには「 https\://」 を含める必要があります。URLの代替表示テキストを入力できます。新しいブラウザータブでリンクを開くボックスはデフォルトでオンになっていますが、オフにすることもできます。

    * **［カードをポップアップで開く］ —** このオプションを選択した場合は、カードのタイトルをクリックすると、ストーリープレゼンテーションモードでカードが開きます。カードに、現在のデータと、カードに影響を与えるフィルターが表示されます。ストーリープレゼンテーションモードの詳細については、 [こちら](/s/article/9355841270167) を参照してください。
    * **［操作を無効にする］ —** このオプションを選択すると、カードはインタラクションを許可しません。現在のデータとフィルターが表示されます。

#### ［例外フィルター］タブ

**［例外フィルター］** タブでは、フィルター、グローバル日付、セグメントによりカードがどのように影響を受けるかを定義します。以下のいずれかのオプションを選択します。

* **［フィルターを許可］ —** インタラクションフィルターを含むすべてのフィルターがこのカードに影響を与えることを許可します。
* **［グローバル日付を許可］ —** グローバル日付でこのカードにフィルターをかけることを許可します。
* **［セグメントを許可］ —** このカードにすべてのセグメントが表示されることを許可します。

[このページのトップへ](#intro)

# カードを追加する

カード要素をキャンバスにドラッグすると、 <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EM5w000006wDAq.jpg" /> **［コンテンツを追加］** および <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq000000JC0f.jpg" /> **削除** の2つのオプションが表示されます。

<Frame>
  <img src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wB39.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=22497da7566a99fa3eaa5492afa2ea69" width="354" height="82" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wB39.jpg" />
</Frame>

複数のカードを同時に選択するには、Commandキーを押しながらクリック（Mac）またはWindowsキーを押しながらクリック（Windows）します。 <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq000000JC0f-1.jpg" /> **削除** を選択すると、キャンバスからカードが削除されます。

<InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EM5w000006wDAq-1.jpg" /> **［コンテンツを追加］** を選択すると、以下のオプションが展開されます。

* **［既存のカードを追加］ —** Domoインスタンス内の既存のカードから選択してレイアウトに追加できます。

* **［新しいカードを作成］ —** 新しいカードを作成する前に、Appへの変更を保存するように求められます。 **［カードを追加］** モーダルが表示され、複数のカードタイプからいずれかを選択できます。

* **［カード作成を依頼］ —** インスタンス内のユーザーにカード作成を割り当てることができます。担当者の名前とカードの名前（25文字以下）を含める必要があります。担当者へのオプションメッセージを含めることもできます。詳細を入力した後、 **［依頼］** を選択すると担当者に通知され、 **［キャンセル］** を選択すると依頼が破棄されます。

  <Frame>
    <img alt="Screenshot 2023-10-18 at 6.34.15 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wB18.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=eef7157064fd01aa634b4e5fc5c4a3a3" style={{width: 467.99, height: 292.997}} width="1158" height="726" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wB18.jpg" />
  </Frame>

* **［フォームを挿入］ —** **［フォームを選択］** モーダルが表示され、Appに含めるフォームを選択するか、 **［新規フォームを作成］** を選択できます。フォームの作成については、「 [フォーム](/s/article/000005171) 」を参照してください。

* **［テキストを挿入］ —** キャンバスにメモカードツールバーが表示され、右側にメモとしてサイドパネルが開きます。メモカードの詳細については、 [こちら](/s/article/360043430233) を参照してください。テキストの挿入の詳細については、 [こちら](#insert_text) を参照してください。

* **［画像を挿入する］ —** マシンから画像を選択してキャンバスに追加できます。

* **［変数を挿入］ —** ダッシュボードに変数を追加するのと同様に、変数をキャンバスに追加できます。詳細については、「 [変数 | 概要](/s/article/7903767835031) 」を参照してください。

* **［AppStoreから挿入］ —** AppstoreからAppを選択して、Appに挿入できます。

<Frame>
  <img alt="Screenshot 2023-10-18 at 6.17.22 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/jwPIbR67BDcGwhQc/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wB0t.jpg?fit=max&auto=format&n=jwPIbR67BDcGwhQc&q=85&s=c5b495a6407ac398bbbf35c8f799f91e" style={{width: 899, height: 313}} width="1912" height="666" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EM5w000006wB0t.jpg" />
</Frame>

[このページのトップへ](#intro)

# キューを追加する

**キュー** 要素をキャンバスにドラッグすると、 **［キューを選択］** モーダルが開きます。

モーダルで、追加するキューを探して、 **［選択］** を選択します。

<Frame>
  <img alt="choose queue.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq0000020EOP.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=e09c0deebffcdb0109030d4c3083a68c" style={{width: 550, height: 403}} width="581" height="426" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq0000020EOP.jpg" />
</Frame>

キューがAppに表示され、そのブランディングと一致します。キュー内のタスクにアクセスできるようになります。

# ワークフローを追加する

**ワークフロー** 要素をキャンバスにドラッグすると、既存のワークフローを選択できます。Appを表示すると、ワークフローの開始フォームが表示されます。Appユーザーがフォームに入力して送信すると、ワークフローが実行されます。

<Frame>
  <img alt="Screenshot 2024-09-06 at 12.36.14 PM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000002abBC.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=c7bcc8563ea39425102f413b5fe6df77" style={{width: 898, height: 238}} width="1683" height="446" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000002abBC.jpg" />
</Frame>

[このページのトップへ](#intro)

### Doc Cardからコンテンツをダウンロードする

Appにカードを追加するときにプレゼンテーションモードが有効になっている場合、Appユーザーは、App Studio Doc Cardにエンベッドされたファイル（ドキュメント、プレゼンテーション、写真、ビデオなど） *のみ* ダウンロードできます。

このプロセスは、まずApp作成者がDoc Cardのプレゼンテーションモードを有効にする手順と、次にAppユーザーが該当するファイルをダウンロードする手順に分けられます。

# Doc Cardのプレゼンテーションモードを有効にする

プレゼンテーションモードはデフォルトではオフになっています。以下の手順に従って有効にします。

**開始するには：** App Studio Appを編集モードで開き、ユーザーにダウンロードさせたいファイルがあるDoc Cardを選択します。

1. 右の設定パネルの **［設定］** タブで、 **［コンテンツの表示オプション］** > **［プレゼンテーションモード］** を選択します。

   ［プレゼンテーションモード］の横にチェックマークが表示され、プレゼンテーションモードがカードで有効になっていることが分かります。

   <Frame>
     <img alt="presentation_mode.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000005Gbjt.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=c17d7ac8b66d639b93607d80ded931f9" style={{width: 900, height: 519}} width="3430" height="1980" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000005Gbjt.jpg" />
   </Frame>
2. 変更をAppに保存して編集モードを閉じます。

# Doc Cardファイルをダウンロードする

Appが表示されているときにDoc Cardでプレゼンテーションモードが有効になっている場合、Appユーザーは以下の手順に従ってファイルをローカルにダウンロードできます。

**開始するには：** Appを表示モードで開き、ダウンロードするファイルを含むDoc Cardを探します。

1. カードにマウスポインターを合わせ、
   <InlineImage src="/images/kb/ja/ka0Vq000000QpGb-00N5w00000Ri7BU-0EMVq000005GapS.jpg" /> **［展開］** を選択してプレゼンテーションモードを開きます。

   <Frame>
     <img alt="expand doc card.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000005GZ8c.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=64291b5d0973d91321cedc38d26f78cc" style={{width: 900, height: 518}} width="3440" height="1980" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000005GZ8c.jpg" />
   </Frame>
2. 画面の上部の **［ダウンロード］** を選択します。

   ファイルがローカルにダウンロードされます。

   <Frame>
     <img alt="download file.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/Se_X3Rr-QW-5nUF_/images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000005Ge6f.jpg?fit=max&auto=format&n=Se_X3Rr-QW-5nUF_&q=85&s=62e32ebb9e01362479c80b3e26e6ff86" style={{width: 900, height: 519}} width="3440" height="1984" data-path="images/kb/ka0Vq000000C3gT-00N5w00000Ri7BU-0EMVq000005Ge6f.jpg" />
   </Frame>

[このページのトップへ](#intro)

日本語
