対象ユーザー: すべてのユーザー
利用可能なプラン: すべてのプラン* (Free、Starter、Business、Enterprise、Education)
利用可能なプラットフォーム: ブラウザー、デスクトップ、タブレット（スマート描画）* 特定の図形パック（BPMN、AWS、電子工学）やカスタム図形および高度なダイアグラム作成フォーマットなどの機能は、Business、Enterprise、Educationプランでのみ利用可能です。
Miro は、マッピングやダイアグラムを作成するすべての段階に対して包括的なツール群を提供するオールインワン・ソリューションです。直感的なツールやフレームワークを使用してゼロからダイアグラムを作成したり、Miro の広範なライブラリから既成のテンプレートを活用することができます。Miro のコラボレーション機能を利用すれば、ボード上でチームメンバーとリアルタイムに共有し、ディスカッションや修正を容易に行うことができます。ダイアグラムが完成したら、簡単にエクスポートしてプレゼンテーションに使用できます。
💡 Miro アカデミーのテクニカルダイアグラミング講座を受講して、ダイアグラム作成スキルを向上させましょう。
Miro で初めての図表を作成する
Miro は、マッピングやダイアグラミングのニーズに合わせたさまざまなツールとスマートなダイアグラム作成機能を提供しています。このセクションでは、利用可能な機能についてご案内し、開始する際の手助けをいたします。
まず、ツールバーの図形ツールを選択し、すべての図形をクリックして図形ライブラリーにアクセスします。この操作で、ボードの左側にダイアグラム作成パネルが表示されます。
ボードの左側にあるダイアグラム作成図形パネル
パネルで目的の図形をクリックするか、ドラッグアンドドロップしてボードに追加します。
新しい図形パックを追加して図形ライブラリーをカスタマイズできます。
- ダイアグラミングパネルで図形を管理をクリックします。
- 利用可能な図形パックのリストが表示されます。追加したい図形パックの横にあるボックスにチェックを入れます。基本図形、フローチャート、コネクタは、誰でも利用できます。他の専門的な図形パック、例えばBPMN、データフロー、AWS、Azure、Ciscoなどは、Business、Enterprise、Educationプランで利用可能です（図形パックのセクションをご覧ください）。
- ダイアグラミングパネルを下にスクロールして、新たに追加された図形を確認して使用します。
パネルで図形にカーソルを合わせると、たとえばフローチャート図形の事前定義されたプロセスのように、その名前や目的が表示されます。
ダイアグラム作成パネルに新しい図形パックを追加
利用可能な図形パック
Miro は、さまざまな図作成のニーズをサポートする幅広い図形パックを提供しています。これらはプランごとに整理されています。
| すべてのプランで利用可能 | Business、Enterprise、Education プランで利用可能 |
|---|---|
|
|
カスタム図形を使用する
対象プラン: Business、Enterprise、Education
組み込みの図形パックに加えて、カスタム図形を作成、保存、再利用することができます。この機能により、プロジェクトの特定のニーズやブランド要件に合わせてビジュアルライブラリをカスタマイズできます。
高度なダイアグラム作成にMiro ダイアグラムを活用
- フォーカスモードで作業することで、ダイアグラム作業に特化した邪魔のないワークスペースを提供します。
- Miro AIを利用して、短いテキスト説明から自動的にダイアグラムを生成します。
- レイヤーを使用して、トピックやチームごとに特定のコンテンツを表示または非表示にし、複雑なダイアグラムを整理します。
- ボード上の既存の図形をワンクリックで接続されたダイアグラムに変換します。
- スナップ グリッド や 自動オブジェクト寸法 などの機能を使って、一貫した構造と整列を維持します。
図形を手動で追加するか、Miro AI のアシストを受けて初期作成を行うかを選択でき、ダイアグラムが整然とし、組織化され、管理しやすい状態を常に保つことができます。
スタイリングを一貫性に保つためにダイアグラムテーマを適用する
視覚的に魅力的で一貫性のあるダイアグラムを作成するために、いくつかの事前定義されたダイアグラムテーマから選択できます。
ダイアグラミングパネル内で「図形 ＞ すべての図形」にあるダイアグラムのテーマを見つけることができます。テーマは図形パックのちょうど上にあります。ダイアグラミングプロセスの最初にテーマを選択することで、後の手動スタイリングにかかる時間を大幅に節約できます。
💡 完全なブランドの見た目を実現するには、組織のブランドスタイルを使用してダイアグラムを作成することが可能です（該当するプランで利用可能）。これにより、プロフェショナルな外観のプレゼンテーションやボードを作成できます。
✏️ 現在、ダイアグラムのテーマで利用できるのは基本図形とフローチャート図形です。
ダイアグラミングパネルからダイアグラムテーマを選択する
スイムレーンを使ってダイアグラムを整理する
スイムレーンはダイアグラムを論理的なエリアに分けるのに役立ち、複雑な情報の視覚化や、明瞭性と責任の明確化のために重要です。フローチャート、BPMN ダイアグラム、UML ダイアグラムでよく使用され、異なるレーン（役割、部門、フェーズを表す）間の相互依存性、接続、引き継ぎを示します。スイムレーンを追加することで、プロセスの効率が向上し、無駄や非効率を特定するのに役立ちます。
スイムレーンは、フローチャート、BPMN、UML の図形パックに含まれています。スイムレーンを追加するには次の手順を実行します。
- メニューから図形 > すべての図形を選択して、ダイアグラミング パネルを開きます。
- フローチャート、BPMN、または UML の図形パックが有効になっていることを確認します。
- 各図形パック内で、スイムレーン オブジェクト（縦、横、または複数レーンをグループ化するためのプール）を見つけます。
- スイムレーン オブジェクトをドラッグアンドドロップでボードに配置して開始します。
ボード上のスイムレーンにカーソルを合わせると、制御ポイントが表示されます。これらを使用して、レーンを追加したり、サイズを変更したり、移動したりできます。
⚠️ スイムレーン内のコンテンツは現在、ロックしたり、標準の整列ツールで複数のオブジェクトを揃えたりすることはできません。しかし、スイムレーン内でオブジェクトをグループ化することができ、特にBPMNや他のプロセス図に役立ちます。
Miro スイムレーンの使用
コールアウトを使って注釈を追加
コールアウトを使用して、ダイアグラムに注釈をつけ、主なビジュアルを煩雑にすることなく重要な情報を目立たせましょう。コールアウトを追加するには：
- ダイアグラミングパネルを開き、図形 > すべての図形を選択します。
- コールアウト図形パックが有効になっていることを確認します。
- コールアウト図形をボードにドラッグアンドドロップします。
図に呼び出しを追加する
呼び出しは3種類の形状（標準呼び出し、吹き出し、ブラケット）で利用可能です。呼び出しのテールをボード上のオブジェクトに接続することができます。これにより、オブジェクトまたは呼び出しを移動しても、テールは接続されたままです。
図形に接続された異なる種類の呼び出し
実体関連図（ERD）を作成
利用可能: Business、Enterprise、Education の各プランで利用可能
Miro のエンティティリレーションシップモデリングツールを使用すると、エンティティ、属性、リレーションという 3 つの基本概念を用いて高レベルなデータモデルを視覚化できます。これは特にデータベース設計やシステムアーキテクチャに有用です。
ERD の作成時の主な機能には次のものがあります:
- エンティティ内の属性に交互の色を適用して読みやすくする。
- エンティティは、異なる情報タイプを表現するためにシングル、ダブル、トリプルの列で設定できます。
-
エンティティに属性（行）を簡単に追加するには、エンティティの上下に表示される＋記号またはフローティングパネルを使用します。
ERDでエンティティを追加および変更 - エンティティ（図形）や特定の属性（図形内の行）に接続基数（エンティティ間の数的関係を表す）を接続します。
-
ERD エンティティを操作する際、接続線は自動的にカーディナリティの表記を使用します。
カーディナリティ表記でエンティティを接続する
クイックダイアグラム作成ツールを使用する
Miro は、図形をより効率的に作成、変換、接続するためのいくつかのツールを提供しており、ダイアグラム作成プロセスを加速します。
✏️ 基本図形はすべてのユーザーが利用できます。専用のダイアグラミング図形パックは、Business、Enterprise、Education プランで利用可能です。
図形を迅速に作成して接続:
- 左側のツールバーから図形アイコンを選択します。
- 任意の図形を選択し、クリックまたはドラッグしてボードに追加します。
- 既存の図形を複製するには、それを選択してEnterキーを押します。
- 別の方法としては、選択した図形の側に現れる青い点にカーソルを合わせると、新しい図形や接続ラインをすばやく作成できる場所が表示されます。ドットをクリックして、提案されたラインや新しい図形を追加します。
- 自動的に提案されていない既存のオブジェクトに図形を接続したい場合は、青いドットをクリックしてドラッグし、通常通りターゲットオブジェクトに接続ラインを描画します。
Miro でのワンクリック図形作成と接続
2つの接続された図形の間に図形を挿入する：
既存のフローにステップや情報を追加する必要がある場合、接続ライン上に図形を簡単に挿入できます。
- 2つの図形間の接続ラインをクリックします。
- 表示されるオブジェクトツールバーから図形を挿入アイコン（小さな図形にプラス記号が付いたもの）をクリックします。
- ドロップダウンから挿入したいオブジェクトのタイプを選択します。
挿入図形のオプションを利用するためには、接続されている 2 つのオブジェクト間の接続線に十分なスペースがあることが必要です。
2 つの接続された図形の間にオブジェクトを挿入
オブジェクトタイプの簡単な切り替え:
ボード上のオブジェクトのタイプをタイプの切り替え機能を使って即座に変更できます。これにより、1 つのオブジェクト（例：付箋、テキストボックス、または別のオブジェクトタイプに変換し、可能な限りその内容と接続を保持したまま変換できます。カード) から、ダイアグラム作成の図形パックの図形などの他のタイプのオブジェクトに変換し、可能な限りその内容と接続を保持します。
- ボード上で変換したいオブジェクトをクリックします。
- オブジェクトのコンテキストメニューの種別の切り替えアイコンをクリックします。
- ドロップダウンメニューから新しいオブジェクトタイプを選択または検索します。
スイッチタイプ機能はベーシックな図形や図形パックの図形に利用可能です。
スイッチタイプメニューを使ってオブジェクトを他のタイプに変換する様子
オブジェクト寸法で正確さを追求
オブジェクト寸法により、ボード全体で一貫して同じサイズのオブジェクトを作成することで、プロフェッショナルなダイアグラムをより迅速かつ正確に作成できます。
この機能は、線を除くすべてのMiroオブジェクトで利用できます。
オブジェクトの寸法を有効化する方法：
- ボードの左上にある三点リーダーメニュー (
) をクリックします。
- 表示 > オブジェクトの寸法 に移動します。
- オブジェクトの寸法 をトグルします。
オブジェクトの寸法を使用する方法：
一度有効にすると、新しいオブジェクトを作成したり、既存のオブジェクトのサイズを変更すると、オブジェクトの幅と高さがピクセル単位で表示されている青い長方形が見られます。また、オブジェクトのサイズが一致する際には、現在のオブジェクトを他のオブジェクトと整列させるための青いガイドラインが表示されます。
オブジェクトのサイズ変更と整列のための寸法の使用
背景グリッドの表示をカスタマイズする
ボード上のグリッド表示を変更し、コンテンツをより正確に作成および整列させることができます。
- ボードの左上にある三点リーダーメニュー（
- 閲覧 > グリッド に移動します。
- 次の 3 つのオプションから選択することができます：なし（グリッドなし）、線グリッド、または 点グリッド。
ボードの設定で背景グリッド表示を選択
線グリッド は小さな四角形でのナビゲーションと位置合わせを容易にします。線グリッドと点グリッドの両方で、オブジェクトをグリッドにスナップさせることができます。
グリッドにスナップを使用する
グリッドビュー（ラインまたはドット）が有効の場合、グリッドにスナップを有効にすることができます。そのためには、次の手順に従ってください。
- キャンバスの空白部分を右クリックします。
- コンテキストメニューでグリッドにスナップオプションをトグルします。
キャンバスコンテキストメニューからグリッドにスナップをトグルする
グリッドにスナップがアクティブなとき、ボード上に追加または移動したオブジェクトは自動的に最寄りのグリッド線またはドットにスナップし、正確に配置するのを助けます。
オブジェクトがグリッド線にスナップする
オブジェクトをドラッグ中にスナップを一時的に無効化するには、Cmd（macOSの場合）またはCtrl（Windowsの場合）を押し続けてください。
スマートガイドを使用して整列
スマートガイドは、ボード上の他のオブジェクトと整列させ、均等な間隔を保つのに役立ちます。
- 左上の三点メニュー（
- 設定を選択します。
- オブジェクトを整列がオンになっていることを確認します。
「環境設定」でスマートガイド（オブジェクト整列）を有効にする
ボード上にオブジェクトを配置または移動すると、青いスマートガイドラインが表示され、他のオブジェクトとの整列（垂直または水平）や等間隔の提案がされます。
スマートガイドの整列と間隔の提案
ダイアグラム要素をカスタマイズする
図形の外観をカスタマイズするための幅広いオプションがあります。図形の塗りの色、枠の色、不透明度、テキストのフォーマットを変更できます。接続線については、種類（直線、エルボー、曲線など）、色、太さの設定を行い、テキストラベルを追加することができます。
💡 AWS 図形パック内の AWS アイコンの色も変更できます。このオプションは 2025 年以前のアイコンには使用できません。
また、カードや付箋を図形に取り込むことも忘れないでください。これらのオブジェクトを図形に（そしてその逆も）容易に変換することで、スタイルと内容を保持することが多いです。
ボード上で複数のアイテムを選択して、同時にカスタマイズできます。複数のオブジェクトを選択して移動する方法について詳しく学べます。
Miroでフローチャートのスタイルを変更する
💡 タブレットでのベストなダイアグラミング体験を得るために、手描きで描いたスケッチを自動でMiroの図形に変換するスマート描画を試してみてください。
コネクタラインでの最短経路
コネクターラインがオブジェクト間で常に最短経路を見つけるようにするには、コネクターラインをオブジェクトの本体までドラッグし、青い枠が表示されたら、コネクターを確定します。
青い枠は、中心から中心への接続を示します。中心から中心への接続は、接続されたオブジェクト間で最短経路を見つけます。たとえば、接続されたオブジェクトをキャンバス上のほかの位置に移動するときです。
注意： コネクターラインを確定しないと、青い枠は数秒後に消えます。青い枠を更新するには、ラインを引き戻してオブジェクト本体に再度ドラッグします。
接続されたオブジェクト間で常に最短経路を見つけるために、中心から中心への接続を行います。
オブジェクトの端にある接続線はアンカー接続を作成します。アンカー接続は、接続されたオブジェクトを移動しても、最短経路には調整されません。
マインドマップの作成
Miroは、アイデアを表現し、フローをマッピングし、ブレインストーミング セッションを整理するのに役立つ専用のマインドマップツールを提供しています。中心となるコンセプトから始め、枝や子ノードを簡単に作成できます。マインドマップのレイアウトは、縦または横から選ぶことができます。
Miroのマインドマップの例
マインドマップツールを使えば、子ノードの位置を変更したり、ワンクリックで整列させたり、マインドマップの色やスタイルをカスタマイズしたり、ノードを再割り当てしたり、依存関係をリンクさせたりできます。 Miro マインドマップの詳細を学ぶ。
ユーザーストーリー マップを作成する
Miro のインタラクティブなユーザーストーリーマップフレームワークは、ユーザーストーリーを素早く追加し、整理するための効果的な方法を提供します。いくつかのカードから始めて、直感的な操作やショートカットを使って、ユーザーストーリーマップを簡単に開発できます。Miroでのユーザーストーリーマッピングについて詳しく知る。
Miroのユーザーストーリーマップの例
既成テンプレートを使用する
Miro の豊富なテンプレート ライブラリーを使って、ダイアグラミング プロセスを開始しましょう。カスタマージャーニーマップやワイヤーフレーム、組織図、フローチャートなど、さまざまなユースケースに対応したプロ仕様のテンプレートが多数用意されています。ライブラリーは Miro ボードのツールバー上の「テンプレート」ボタンから、ダッシュボードから、または直接Miro テンプレート ページからアクセスできます。既に情報が入力されたテンプレートを出発点として使用することもできますし、テンプレートの構造を活かして白紙のバージョンから始めることも可能です。
Miro テンプレート ライブラリーでのマップ作成およびダイアグラム用テンプレートを探す
アプリとインテグレーションを活用
他のサービスとのインテグレーションを活用して、Miro のマッピングとダイアグラム作成機能を強化しましょう。Miro マーケットプレイスを開き、左側の「マッピング & ダイアグラミング」をユースケースとしてフィルターして、関連するアプリを見つけてください。
Miro マーケットプレイスの「Mapping & Diagramming」アプリカテゴリー
あなたのダイアグラム作成体験を豊かにするアプリの例をご紹介します。
- アイコンデータベース: Iconfinder や Unsplash のようなアプリを使うことで、Miro から離れることなく技術的なダイアグラムを視覚化するためのアイコンや画像を簡単に検索して追加できます。また、他のアイコンパッケージも Miro の図形ライブラリーの中で直接利用可能です。
- Clusterizer by Refractive Strategy: このアプリは、タグ付けされた付箋やカードを自動的にダイアグラムにビルドすることで、整理を手助けします。タグ付けされたアイテムのグループを選択し、Clusterizer を開いて「ビルド」をクリックすると、アイテムのレプリカがラインで接続されて作成されます。Clusterizer についてさらに学ぶ。
- ワイヤーフレーム: Miro には約60点のUI要素とさまざまなインタラクティブアイコンを含むワイヤーフレームライブラリがあります。これらの要素のスタイルやタイプを簡単に変更し、ボード上の他のオブジェクトとリンクできます。
- タスク管理インテグレーション: ダイアグラムにタスクや課題が関連する場合、Miro のJira カード、Asana カード、Azure カードとのインテグレーションが役立ちます。タスクや課題をボードに直接インポートし、Miro でワークフローを集中管理できます。
- ダイアグラム作成 (マーケットプレイスリンク): マーケットプレイスのこのリンクは、Miro のネイティブダイアグラムライブラリとツールに誘導します。
- Appgami のスマートダイアグラム: このアプリは既成のカスタマイズ可能なダイアグラムテンプレートのライブラリを提供します。スマートダイアグラムについて詳しくはこちら。
図を共同編集し、改善する
Miro は共同作業向けに設計されています。Miro のボードを共有 をメールで簡単に、またはパブリックリンクを作成して、特定のチームやプロジェクトメンバーを招待することで、オンラインでリアルタイムまたは非同期に行うことができます。
ダイアグラムを共有するもう一つの効果的な方法は、Miroのボードを埋め込むことです。他のプラットフォーム、例えばConfluence、Jiraの課題、Microsoft Teamsのチャネルやチャット、あるいはTrelloのカードに埋め込むことができます。これにより、Miroに登録していないユーザー（共有設定に依存します）でも、それらのアプリケーション内で直接ダイアグラムの閲覧、コメント、さらには編集ができます。
ダイアグラムに直接コメントや付箋を使ってフィードバックを残したり、質問をしたり、議論を始めたりできます。更新を受け取るには、SlackやMicrosoft Teamsとインテグレーションを設定し、さまざまなチャンネルを通じてボードアクティビティに関する通知を受け取ります。
Miroのボードでコメントを使用してコラボレーションする
ダイアグラムをエクスポートして提示する
ダイアグラムの準備が整ったら、Miroにはそれをプレゼンや共有するためのいくつかの方法があります：
- 直接Miroでプレゼンテーション: Miroのプレゼンテーションモードを使ったり、あなたのビューに従ってもらうことでコラボレーターをガイドします。アバターにカーソルを合わせて、「全員を自分の元に集合」ボタンをクリックすることで、コラボレーターにあなたが作業している内容を見せることができます。Miroでのプレゼンテーションについて詳しくはこちらをご覧ください。
-
ダイアグラムをエクスポート: ダイアグラムをPDFや画像としてエクスポートします。画像としてのエクスポートは、JPG、PDF、SVGをサポートしています。方法については、Miro ダイアグラムをご覧ください。ダイアグラムを埋め込む場合は、共有設定で適切な閲覧者設定がされていることを確認してください。
ダイアグラム形式のコンテキストメニューで、PDF、画像、または埋め込みとしてエクスポートします。
💡 ボードのエクスポート: ボード全体や選択した要素をMiroの外で共有するためにエクスポートすることができます。エクスポートは、コンテンツの種類に応じてJPG、PNG、PDF、CSV、またはボードバックアップファイルとしてのRTBをサポートしています。
マッピングとダイアグラム作成のためのキーボード操作
Miro には、ボード上のウィジェットやダイアグラムを操作するための包括的なキーボードコマンドが提供されています。効率的なナビゲーションは、多くの要素とコネクタがある複雑なダイアグラムでは特に重要です。
キーボードナビゲーションコマンド
リニアナビゲーション（連続）
Tab キーを押して次の要素に移動するか、Shift + Tab キーで前の要素に順次移動します。
空間ナビゲーション（方向性）
Cmd + 矢印キー（macOS）またはCtrl + 矢印キー（Windows）を使用して、現在選択されているオブジェクトに対して上下左右の空間配置に基づいて要素にフォーカスを移動します。
コネクターリストを使った複雑なダイアグラムの操作
多くのダイアグラムは複雑なコネクターのネットワークで構成されています。キーボード操作や支援技術に頼っているユーザーのために、Miro は選択したオブジェクトにリンクされたすべてのコネクターを整理したリストを提供します。
選択したオブジェクトのコネクターリストにアクセス
- macOS での操作: Cmd + .（Command キーとピリオド キー）を押します。
- Windows での操作: Ctrl + .（Control キーとピリオド キー）を押します。
このショートカットは、現在選択されているオブジェクトに関連するコネクタのカテゴリー別リストを表示します。分類は以下の通りです:
- 受信: 選択されたオブジェクトに向かって矢印があるコネクタ。
- 送信: 選択されたオブジェクトから外側に向かって矢印があるコネクタ。
- 円形: オブジェクト自身に接続するコネクタ。
- コネクタに矢印が2つある場合、受信と送信の両方のグループに表示されます。
コネクタリスト内を移動
- Tabキーを押して、リスト内でインカミング、アウトゴーイング、円状グループ間のフォーカスを切り替えます。
- 上矢印キーと下矢印キーを使って、現在選択されているグループ内のコネクタを移動します。
- Enterキーを押して、リストからボード上の実際の選択されたコネクタにキーボードフォーカスを移します。