> ## 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 Bricks | 概要

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 Bricks（旧DDX Bricks）はコードをコピーし貼り付けるだけでカスタマイズできる、高度な可視化とAppを作成するための作成済みオブジェクトです。

ビジネスユーザー、一般デベロッパー、複数の技術に精通している開発者は、Domo Bricksを使用してスピーディに反復作業を実行し、プロトタイプを作り、美しい高機能な新しいAppを作成することができます。Domo Appstoreで提供されているBrickから任意のものを選ぶか、またはDomo Bricksを使用して、オンラインで見つけた新しいライブラリをコピー＆ペーストで描画することができます。

Brickは、HTML、CSS、JavaScriptを使用して完全にカスタマイズできます。これらの新しいカスタムソリューションの可視化は直ちに作成され、Domoインスタンス内で簡単に更新できます。Domo Bricksのデフォルトエディターは、VS Codeを動かすMonacoです。

<Warning>
  **重要：** セキュリティ上の懸念と信頼の条件により、Domo BricksのAppDBはパブリックエンベッドのコンテキストではブロックされます。
</Warning>

Domo Bricksは [Appstore](https://www.domo.com/appstore/) <InlineImage src="/images/kb/ja/ka0Vq000000Cjse-00N5w00000Ri7BU-0EMVq000000DpG1.jpg" /> で入手できます。

<Frame>
  <img alt="Screenshot 2023-02-28 at 10.00.02 AM.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/t-REVUfgwLiw_Ine/images/kb/ka0Vq0000009lan-00N5w00000Ri7BU-0EM5w000006u01G.jpg?fit=max&auto=format&n=t-REVUfgwLiw_Ine&q=85&s=e99b5b783106c59e181c196f94a814e5" style={{width: 699, height: 477}} width="1524" height="1042" data-path="images/kb/ka0Vq0000009lan-00N5w00000Ri7BU-0EM5w000006u01G.jpg" />
</Frame>

***

### 必要条件

Domo Bricksの使用を開始するには、以下が必要です。

* Domoアカウント
* 適切な
  [権限](#permissions)
* DomoのDataSetとカード作成に関する基本的な操作方法の理解

Domo Bricksを完全にカスタマイズするために、HTML、CSS、JavaScriptの基本知識を持っていると役立ちます。

Domo Bricksの実装の詳細については、 [デベロッパー向けドキュメント](https://developer.domo.com/portal/0037739ab3747-domo-bricks-overview) <InlineImage src="/images/kb/ja/ka0Vq000000Cjse-00N5w00000Ri7BU-0EMVq000000DpG1-1.jpg" /> を参照してください。

### 権限

Domo Bricksを使用するには、以下の権限が必要です。管理者とほとんどのパワーユーザーは、デフォルトでこれらの許可を持っています。カスタマイズされた権限への許可の追加については、「 [カスタマイズされた権限を管理する](/s/article/360043438973) 」を参照してください。

* DomoAppを表示する
* DomoAppを作成する
* DDX Appを作成する
* カードを編集する（Domo Bricksを削除するため）
* Appstoreを使用する
* Appstoreを表示する

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

### Domo Bricksでのコラボレーション

Brickエディターの［共同ユーザー］オプションを使用して、インスタンス内のほかのユーザーとDomo Brickを共有し、共同で開発することができます。共同ユーザーに編集および共有の権限、または編集アクセス権のみを付与することで、Brickへのアクセスレベルを管理することができます。

コラボレーションのオプションにアクセスするには、 **［カードのオプション］** > **［カードを編集］** を選択します。エディター上部にあるリボンで、 **［共同ユーザー］** を選択して **［コードの編集を他の人とシェアする］** モーダルを表示します。

<Frame>
  <img alt="collaborators.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/t-REVUfgwLiw_Ine/images/kb/ka0Vq0000009lan-00N5w00000Ri7BU-0EMVq000000EyIr.jpg?fit=max&auto=format&n=t-REVUfgwLiw_Ine&q=85&s=04611b141dd999a763c8d0ec15ec8893" style={{width: 900, height: 441}} width="2195" height="1075" data-path="images/kb/ka0Vq0000009lan-00N5w00000Ri7BU-0EMVq000000EyIr.jpg" />
</Frame>

モーダルで、ユーザーまたはグループを追加して、編集および共有の権限を定義します。

<Frame>
  <img alt="collaborate.jpg" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/t-REVUfgwLiw_Ine/images/kb/ka0Vq0000009lan-00N5w00000Ri7BU-0EMVq000000Eg7R.jpg?fit=max&auto=format&n=t-REVUfgwLiw_Ine&q=85&s=4777a62a91d62383e3a79edd2bf1b085" style={{width: 501, height: 202}} width="720" height="290" data-path="images/kb/ka0Vq0000009lan-00N5w00000Ri7BU-0EMVq000000Eg7R.jpg" />
</Frame>

### よくある質問

<AccordionGroup>
  <Accordion title="Domo Bricksでの編集アクセス権を共有することはできますか？">
    Domo Bricksでの編集アクセス権を共有することはできません。編集できるのは、Appをインストールしたユーザーのみです。 **［名前を付けて保存］** を使用してAppのコピーを作成することはできます。
  </Accordion>

  <Accordion title="チャートのプレビューを新しいデータで更新する方法はありますか？">
    Brickでデータを変更しても、プレビューは自動的には更新されません。Appを保存するときに **［実行］** を選択すると、データまたはコードに対する変更をプレビューできます。

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

    日本語
  </Accordion>
</AccordionGroup>