Miro ダイアグラム

実行できるユーザー：すべてのユーザー
対象プラン：すべてのプラン
対応プラットフォーム：ブラウザ、デスクトップ

Diagram は Miro の Format で、複雑なアイデアを可視化したり、ブレインストーミングしたりできます。Miro AI、レイヤー、ダイアグラム作成用の図形などの基本ツールに簡単にアクセスできるため、Diagram はプロセスマッピングやシステム設計などのための充実したワークスペースです。

注意：文書や付箋などの Miro フォーマットは、Miro AI へのアクセスが一元化されました。かつて各フォーマットがそれぞれ専用の AI エージェントを持っていたのに対し、今はサイドキックの統一された体験でどのフォーマットも作成できます。詳細は サイドキック — Miro における AI 作成の進化 をご覧ください。

キャンバスに新しい Diagram を追加

1. Miro のキャンバスで、作成バーのフォーマットとフローをクリックします。
2. クリックしてダイアグラムを選択します。
   サイドキックパネルが開き、ダイアグラムを作成できる状態になります。
3. 以下のいずれかを行ってください：
   • サイドキックにプロンプトを入力して Miro AI にダイアグラムを生成させます。プロンプトにキャンバス上の既存コンテンツを選択または言及して、コンテキストとして使用できます。
   • 手動でダイアグラムを作成するには、キャンバス上の任意の場所をクリックしてフォーマットを配置します。詳細は フォーカスモードでダイアグラムを編集する を参照してください。

ダイアグラムは手動で作成するか、サイドキックにプロンプトを入力して Miro AI に生成させます。

ヒント：Diagram を手動で作成し始めても、サイドキックの支援をいつでも利用できます。Diagram の上にある形式のコンテキストメニューで、AIで作成をクリックします。サイドキックのパネルが開き、プロンプトの入力を受け付ける状態になります。

テンプレートからDiagram を始める

キャンバスに新しいDiagram 形式を追加すると、テンプレートを選んで素早く開始できます。そのためには、次の手順に従ってください。

1. Diagram フォーマット内で テンプレートから開始 をクリックします。

   これにより自動で Focus mode が開き、豊富なテンプレートから選択できます。これらのテンプレートには図形と接続があらかじめ配置されており、作業をより速く開始できます。

2. 使用したいテンプレートを選択し、+ 追加 をクリックします。

   これでテンプレートが Diagram に追加され、図形を編集したり新しい要素を追加したりして Diagram をさらに拡張できます。

コードで構築

Diagram フォーマット内で Mermaid 構文を使ってコードから Diagram を作成できます。詳細は Mermaid ダイアグラムの作成 をご覧ください。

既存の図を Diagram に変換する

キャンバス上にすでに図を作成していて、それを Diagram フォーマットとして構造化したい場合は、ワンクリックで変換できます。接続はすべてそのまま保持され、Diagram 専用の機能が追加されます。

キャンバス上の既存の図を Diagram フォーマットに変換するには:

1. 接続された複数の図形を選択します。
2. コンテキストメニューでWrap as diagramをクリックします。

選択した図形と接続は Diagram として構造化されます。Diagram フォーマットの内外に図形を移動することもできます。

Diagram を編集する

Diagram を追加または生成したら、フォーカスモード、レイヤー、コンテキストメニューを使って調整できます。これらのツールは整理を助け、気が散る要素を最小限にし、Diagram を効率的に構成するのに役立ちます。

フォーカスモードを使う

作業中の Diagram のみに集中し、ボード上の他のコンテンツを表示したくない場合、Diagram を フォーカスモード（全画面）で開けます。フォーカスモードは、Miro のダイアグラム作成用の作業スペースで、効率的にダイアグラム作成を行えるよう設計されています。このモードに入るには、作業中の Diagram の上にある フォーカスモード アイコンをクリックします。

フォーカスモードでは、Diagram の編集ツール（図形のカスタマイズ、レイヤー、AI による生成、自由描画や注釈のためのペンツールなど）にすべてアクセスできます。さらに、図形は表にスナップします。これにより要素を正確に揃えやすくなります。フォーカスモードでは精密なサイズ指定も使用でき、Diagram 内のウィジェットのピクセル寸法を指定できます。詳細は 精密なサイズ指定 をご覧ください。

図形パネルはセッション間で開閉の状態を記憶するため、作業スペースは前回の設定のまま維持されます。

フォーカスモードを終了するには、画面上部の キャンバスに戻る をクリックします。

レイヤーを使う

ダイアグラムのレイヤーでは、ダイアグラム内のコンテンツを整理・管理でき、ボードの他の部分に影響を与えません。キャンバスレイヤーはボード全体に適用されるのに対し、ダイアグラムレイヤーは編集中のダイアグラムにのみ適用されます。

ダイアグラムのレイヤーの動作は次のとおりです：

• レイヤーはダイアグラムのフォーカスモード内でのみ管理できます。ダイアグラム内の任意の図形をクリックし、続けて「編集中：ダイアグラムレイヤー名」ボタンを選択すると、フォーカスモードにすばやくアクセスできます。
• 各ダイアグラムには、キャンバスレイヤーとは別に独自のレイヤーがあります。
• 各ダイアグラムはデフォルトレイヤーから始まり、新しい要素はすべてそこに配置されます。必要に応じて、複雑なダイアグラムをより整理するために追加のレイヤーを作成できます。
• Diagram を構造化するために、複数のレイヤーを追加できます。
• Diagram 内の要素はレイヤー間で移動できます。
• 編集中やプレゼンテーション中に特定の部分に集中するため、レイヤーを非表示またはロックできます。
• Diagram をコピー＆ペーストまたは複製すると、そのすべてのレイヤーも複製されます。これにより、レイヤー構造を毎回作り直すことなく、異なるバージョンを作成できます。

新しいレイヤーを追加

Diagram 内に新しいレイヤーを作成するには、次の手順に従ってください：

1. Diagram の focus mode を開きます。
2. 画面右上の Layers をクリックして、Diagram layers サイドバーを開きます。
3. + New layer をクリックして新しいレイヤーを作成します。
4. Diagram を整理するため、レイヤーの名前を変更できます（任意）。

または、Diagram 上の要素を右クリックしてから Move to layer > + New layer を選択します。

レイヤーの管理

既定では、すべての新しい要素は default layer に配置されます。Diagram を整理するには、要素をレイヤー間で移動したり、レイヤーを非表示／ロックしたり、レイヤー設定を調整したりできます。

要素をレイヤー間で移動する：

要素をレイヤー間で移動するには：

1. 移動したい要素を右クリックします。
2. レイヤーに移動を選択し、移動先のレイヤーを選択します。

レイヤーを非表示：

レイヤーを非表示にすると、Diagram の編集中やプレゼンテーション中に表示を簡素化できます。レイヤーを非表示にするには：

• Diagram レイヤー サイドバーで、レイヤーの横にある目のアイコンをクリックして非表示／表示を切り替えます。

レイヤーをロック：

レイヤーをロックすると、誤って編集されるのを防げます。レイヤーをロックするには：

• Diagram レイヤー サイドバーで、レイヤーの横にあるロックのアイコンをクリックして変更を無効化します。もう一度クリックすると解除されます。

レイヤー設定を変更：

レイヤーの名前変更、複製、移動、削除ができます。レイヤー設定を変更するには：

• ダイアグラム レイヤー サイドバーで、レイヤーの横にある三点（…）アイコンをクリックして追加のオプションにアクセスします。

コンテナを使う

コンテナはフレームに似ていますが、ダイアグラム作成に最適化されています。キャンバス上の要素をグループ化し、整理するのに役立ちます。コンテナを使うとコネクタ線がスムーズに機能し、コンテナを入れ子にして配置できます。

使用できる主なコンテナの種類は2つあります：

• 汎用コンテナ：これらはフレームのように機能し、中に配置したすべての要素の親として扱われます。これらのコンテナに名前を付けて、図内の特定の領域を定義できます。また、汎用コンテナを入れ子にして小区分を作成でき、複雑な図を管理する際に便利です。
• スイムレーン：主にプロセス図で使用し、部署や工程など、作業の異なるレーンを視覚的に分けます。

さらに整理するには、コンテナを図内の別のレイヤーに移動できます。

Diagram のコンテキストメニュー

Diagram 上で作業する際、コンテキストメニューから追加の機能にアクセスできます。コンテキストメニューは、キャンバス上の Diagram の上にある三点リーダー（...）アイコン、またはフォーカスモードの右上にある三点リーダー（...）アイコンをクリックして開きます。

コンテキストメニューには次のオプションがあります：

• フォーカスモードのリンクをコピー：フォーカスモードの Diagram への直接リンクをコピーして、共同作業者と共有できます。
• 名前を変更：Diagram の名前を変更して整理できます。ボードに複数の Diagram がある場合に特に便利です。
• ステータスを割り当て（または削除）：Diagram 名の横にステータスラベル（例：「下書き」）を表示できます。Diagram の現在の状態をチームに伝えるために使用します。ステータスをクリアするには、ステータスを削除を選択します。
• デフォルト表示に設定：ボードを開くときのデフォルト表示として Diagram を設定します。選択した Diagram はボードを開くたびに自動的にフォーカスモードで開きます。
• PDF としてエクスポート：Diagram を直接 PDF ファイルとしてエクスポートします。
• 画像としてエクスポート：ダイアグラムを JPG、SVG、または PDF としてエクスポートします。詳細は、ダイアグラムを画像としてエクスポートをご覧ください。
• 情報：ダイアグラムのメタデータ（作成者、最終更新者など）を表示します。

ダイアグラムを Doc に追加

ダイアグラムの連動コピーをMiro の Doc に追加すると、ドキュメントに文脈や構造、視覚的な明確さを加えられます。特に、ダイアグラムを他の人と共有したり、より構造化された形式で提示したりする場合に便利です。

ダイアグラムを Doc に追加するには、次の手順に従ってください：

1. キャンバス上でダイアグラムを選択する
2. Doc にダイアグラムをドラッグ＆ドロップする
3. Doc 内でダイアグラムのサイズを変更し、位置を調整する

ダイアグラムの連動コピーが Doc に追加されました。

注記：連動コピーはすべてのユーザーに対して閲覧専用です。コピーの内容を変更するには、元のダイアグラムの内容を編集してください。

ダイアグラムを別のボードにコピーする

複数のチームが別々のボードで共同作業する場合、同じ Diagram を 連動コピー として複数の場所に共有できます。これにより、どこで作業していても全員の認識を一元化できます。

Diagram を別のボードに連動コピーとして複製するには、次の手順を行います：

1. 共有したい Diagram を 右クリック
2. コピーして連動 を選択
3. コピー先のボードに移動し、Diagram を 貼り付け

コピーした Diagram は 元の Diagram と同期され、元の Diagram に加えた変更は連動コピーに自動的に反映されます。

注記：連動コピーは全員に対して 閲覧専用 です。コピーの内容を変更するには、元の Diagram を編集してください。

ダイアグラムを共有する

ダイアグラムを他のユーザーと共有する方法はいくつかあります。

1. フォーカスモード中にブラウザーのアドレスバーからURL をコピーする
2. 三点リーダー（...）メニューをクリックする、フォーカスモードのリンクをコピー を選択する

ダイアグラムを画像としてエクスポートする

ダイアグラムは JPG、PDF、SVG としてエクスポートできます。

ダイアグラムをエクスポートするには、次の手順に従ってください。

1. キャンバス上でダイアグラムを選択するか、フォーカスモードで開きます。
2. 縦に並んだ三点リーダー（...）をクリックして、詳細メニューを開きます。
3. Click 画像としてエクスポート（JPG、SVG、PDF 用）または PDF としてエクスポートをクリックします。
   JPG はオプションで解像度を 小、（既定）中、または 大 から選択できます。
4. エクスポートをクリックします。

よくある質問