対象ユーザー: すべてのユーザー
対象プラン: すべてのプラン
対応プラットフォーム: ブラウザー、デスクトップ
Diagram は Miro のフォーマットで、複雑なアイデアを可視化したりブレインストーミングしたりできます。Miro AI、レイヤー、ダイアグラム作成用の図形などの主要なツールに簡単にアクセスできるため、Diagram はプロセスマッピングやシステム設計などの包括的なワークスペースです。
注記: Miro のフォーマット(文書や付箋など)は、Miro AI へのアクセスが統一されました。各フォーマットが以前はそれぞれ専用の AI エージェントを持っていたのに対し、サイドキックの統合された体験であらゆるフォーマットを作成できます。詳しくは サイドキックが Miro における AI 作成を進化させる をご覧ください。
キャンバスに新しいダイアグラムを追加
- Miro のキャンバスで、作成バーの フォーマットとフロー をクリックします。
- Click ダイアグラム.
サイドキックパネルが開き、ダイアグラムを作成する準備が整います。 - 以下のいずれかを行ってください:
- サイドキックにプロンプトを入力して Miro AI にダイアグラムを生成させます。プロンプトのコンテキストとして、キャンバス上の既存コンテンツを選択または参照できます。
- ダイアグラムを手動で作成するには、キャンバス上の任意の場所をクリックしてフォーマットを配置します。詳細は ダイアグラムで作業する を参照してください。
ダイアグラムは手動で作成するか、サイドキックに指示して Miro AI を利用できます。
ヒント:ダイアグラムを手動で作成し始めても、いつでもサイドキックの支援を受けられます。ダイアグラム上部の形式のコンテキストメニューで、AI で作成をクリックしてください。サイドキックパネルが開き、プロンプトの入力ができる状態になります。
テンプレートからダイアグラムを作成
-
ダイアグラム形式内でテンプレートから開始をクリックします。これにより自動的にフォーカスモードが開き、豊富なテンプレートから選択できます。これらのテンプレートには図形と接続線があらかじめ配置されており、より早く作業を開始できます。
-
使用するテンプレートを選択し、+ 追加をクリックします。テンプレートがダイアグラムに追加され、図形を編集したり新しい要素を追加したりしてカスタマイズを開始できます。
コードで構築
ダイアグラム形式内で Mermaid 構文を使い、コードから直接ダイアグラムを作成できます。詳細は Mermaid ダイアグラムの作成(ベータ) をご覧ください。
既存の図から Diagram を作成する
すでにキャンバス上に図を作成していて、それを Diagram 形式として構造化したい場合は、ワンクリックで変換できます。これによりすべての接続はそのまま保持され、Diagram 固有の機能が追加されます。
キャンバス上の既存の図を Diagram 形式に変換するには:
- 複数の接続された図形を選択します。
- コンテキストメニューでDiagram 形式に変換をクリックします。
選択した図形と接続は Diagram に構成されます。Diagram 形式の内外に図形を移動することもできます。
ダイアグラムで作業する
ダイアグラムを追加または生成したら、フォーカスモード、レイヤー、コンテキストメニューを使って調整できます。これらのツールは整理を助け、気が散る要素を減らして、ダイアグラムを効率的に構成するのに役立ちます。
フォーカスモードを使う
フォーカスモード(全画面)でダイアグラムを開くと、作業中のダイアグラムだけに集中でき、ボード上の他のコンテンツに気を取られずに作業できます。フォーカスモードは、効率的なダイアグラム作成のために設計された Miro のダイアグラム作成用ワークスペースです。このモードに入るには、作業中のダイアグラムの上にあるフォーカスモードアイコンをクリックしてください。
フォーカスモードでは、図形のカスタマイズ、レイヤー、AI による生成、手書き描画や注釈用のペンツールなど、ダイアグラムのすべての編集ツールにアクセスできます。さらに、図形はグリッドにスナップしますので、要素を正確に揃えやすくなります。フォーカスモードでは、ダイアグラム内のウィジェットのピクセル寸法を指定できるピクセル単位でのサイズ指定を使用できます。詳細はピクセル単位でのサイズ指定をご覧ください。
レイヤーの使い方
Diagram のレイヤーでは、ボードの他の部分に影響を与えずに、Diagram 内のコンテンツを整理および管理できます。キャンバス レイヤーはボード全体に適用されますが、Diagram レイヤーは編集中の Diagram にのみ適用されます。
Diagram のレイヤーは次のように機能します:
- レイヤーはダイアグラムのフォーカスモード内でのみ管理できます。ダイアグラム内の任意の図形をクリックし、次に「編集中: ダイアグラム レイヤー名」ボタンを選択すると、フォーカスモードに素早くアクセスできます。
- 各ダイアグラムにはその独自のレイヤーがあり、キャンバスのレイヤーとは別になっています。
- 各ダイアグラムはデフォルト レイヤーから始まり、すべての新しい要素はそこに配置されます。必要に応じて、複雑なダイアグラムを整理するために追加のレイヤーを作成できます。
- ダイアグラムの構造を整理するために、複数のレイヤーを追加できます。
- 要素は Diagram 内で レイヤー間を移動できます.
- 編集やプレゼンテーション中に、Diagram の特定の部分に集中するためにレイヤーを非表示またはロックできます.
- Diagram をコピー&ペーストするか複製すると、そのレイヤーもすべて複製されます。これにより、レイヤー構成を毎回作り直す必要なく、Diagram の別バージョンを作成できます。
新しいレイヤーを追加
Diagram 内に新しいレイヤーを作成するには、以下の手順に従ってください:
- ダイアグラムの フォーカスモード を開きます。
- 右上の レイヤー をクリックして、ダイアグラム レイヤー サイドバーを開きます。
- + 新しいレイヤー をクリックして、新しいレイヤーを作成します。
- レイヤー名を(任意で)変更して、ダイアグラムを整理します。
または、ダイアグラム上の要素を右クリックして、レイヤーに移動 > + 新しいレイヤー を選択します。
レイヤーの管理
デフォルトでは、すべての新しい要素は 既定のレイヤー に配置されます。Diagram を整理しやすくするため、要素をレイヤー間で移動したり、レイヤーを非表示またはロックしたり、レイヤー設定を調整したりできます。
要素をレイヤー間で移動する:
要素をレイヤー間で移動するには:
- 移動したい要素を右クリックします。
- レイヤーに移動 を選択し、要素を移動するレイヤーを選びます。
レイヤーを非表示:
レイヤーを非表示にすると、Diagram を編集やプレゼン中に表示を簡素化できます。レイヤーを非表示にするには:
- Diagram レイヤーのサイドバーで、レイヤー名の横にある目のアイコンをクリックして、レイヤーを非表示または表示します。
レイヤーをロック:
レイヤーをロックすると、誤操作による編集を防げます。レイヤーをロックするには:
- Diagram レイヤーのサイドバーで、レイヤー名の横にある鍵のアイコンをクリックして編集を無効化します。もう一度クリックするとロックが解除されます。
レイヤー設定の変更:
レイヤーは名前の変更、複製、移動、削除ができます。レイヤー設定を変更するには:
- ダイアグラム レイヤーのサイドバーで、レイヤーの横にある三点リーダーアイコンをクリックして追加オプションにアクセスできます。
コンテナを使用する
コンテナはフレームに似ていますが、ダイアグラム作成に最適化されています。キャンバス上の要素をグループ化して整理するのに役立ちます。コンテナを使用すると、コネクタ線がスムーズに機能し、コンテナを入れ子にして配置できます。
主なコンテナは次の2種類です:
- 汎用コンテナ:これらはフレームのように機能し、内部に配置したすべての要素の親要素として扱われます。これらのコンテナに名前を付けて、ダイアグラム内の特定の領域を定義できます。汎用コンテナを入れ子にしてサブセクションを作成することもでき、より複雑なダイアグラムの管理に便利です。
- スイムレーン:これらは主にプロセス図で使用され、部門や工程の段階など、作業の異なるレーンを視覚的に区別するために使われます。
さらに整理するには、コンテナをダイアグラム内の別のレイヤーに移動できます。
ダイアグラムのコンテキストメニュー
- フォーカスモードのリンクをコピー: フォーカスモードのダイアグラムへの直接リンクをコピーして、共同作業者と共有できます。
- 名前を変更: ダイアグラムの名前を変更して整理できます。ボードに複数のダイアグラムがある場合に便利です。
- ステータスを割り当て(または削除):ダイアグラム名の横に下書きなどのステータス ラベルを表示できます。チームにダイアグラムの現在の状態を伝えるために使用してください。クリアするにはステータスを削除を選択します。
- デフォルト表示に設定:ボードを開くときの既定の表示としてそのダイアグラムを設定します。選択したダイアグラムは、ボードを開くたびに自動的にフォーカスモードで開きます。
- PDF としてエクスポート:ダイアグラムを直接 PDF ファイルとしてエクスポートします。
- 画像としてエクスポート:ダイアグラムを JPG、SVG、または PDF としてエクスポートします。詳細は、ダイアグラムを画像としてエクスポートを参照してください。
- 情報: ダイアグラムのメタデータ(作成者、最終更新者など)を表示します。
ダイアグラムを Doc に追加する
ドキュメントに文脈、構成、視覚的な明瞭さを加えるために、連動コピーをMiro の Docに追加できます。これは、ダイアグラムを他者と共有したり、より構造化された形式で提示したりする場合に特に便利です。
- キャンバス上でダイアグラムを選択します。
- ドラッグ&ドロップでダイアグラムをドキュメントに追加します。
- サイズ変更と配置ドキュメント内でダイアグラムの大きさと位置を必要に応じて調整します。
注記: 連動コピーは全員に対して閲覧専用です。コピーの内容を変更するには、元のダイアグラムの内容を編集してください。
ダイアグラムを別のボードにコピーする
複数のチームが別々のボードで共同作業する場合、同じダイアグラムを複数の場所で共有するには、連動コピーを作成します。これにより、作業場所がどこであっても、全員が同じ参照元に基づいて作業できます。
連動コピーを別のボードにコピーするには、次の手順に従ってください:
- 共有したいダイアグラムを右クリックします.
- コピーして連動を選択します.
- 対象のボードに移動し、ダイアグラムを貼り付けします.
コピーしたダイアグラムは元と同期されたままです—元の内容に加えた変更は連動コピーに自動的に反映されます.
注記: 連動コピーは全員に対して閲覧専用です.
ダイアグラムを共有する
ダイアグラムを他のユーザーと共有する方法はいくつかあります:
- URL をコピー フォーカスモードでブラウザーのアドレスバーから.
- 三点リーダー(...)メニューをクリックして、フォーカスモードのリンクをコピーを選択します.
ダイアグラムを画像としてエクスポート
ダイアグラムは JPG、PDF、または SVG としてエクスポートできます.
- キャンバス上で Diagram を選択するか、フォーカスモードで開きます。
- 縦に並んだ三点リーダーをクリックして、詳細メニューを開きます。
- クリックして画像としてエクスポート(JPG、SVG、PDF)またはPDFとしてエクスポートします。
JPG の場合は、解像度をオプションで 小、(既定)中、または 大 から選択できます。 - エクスポートをクリックします。
よくある質問
はい! 他のプラットフォームからダイアグラムを簡単にインポートし、Miro のダイアグラム形式に変換できます。
次のワークフローをサポートしています:
- Lucidchart: Lucidchart のダイアグラムを .vsdx ファイルとしてエクスポートして Miro にインポートするか、Lucidchart から直接コピー&ペーストで Miro のボードに貼り付けできます。
- Draw.io (diagrams.net としても知られる): 図を .vsdx ファイルとして書き出し、Miro にインポートします。
- Microsoft Visio: Visio から図を .VSDX ファイルとして書き出し、それを Miro にインポートします。
- OmniGraffle: 図を .GRAFFLE ファイルとして書き出し、Miro にインポートします。
インポートしたら、図形を選択し、コンテキストメニューからダイアグラムに変換を選択して、構造化されたダイアグラム形式に変換します。
ダイアグラムのインポートについて詳しくは: