Miro を使ったマッピングとダイアグラム作成 – Miro Help Center

対象: すべてのユーザー
プラン: すべてのプラン
プラットフォーム: ブラウザー、デスクトップ、タブレット（スマートドローイング）

Miro は、マップ作成とダイアグラム作成の各段階に対応する包括的なツール群を提供し、オールインワンのソリューションとして機能します。直感的なツールやフレームワークを使ってゼロからダイアグラムを作成するか、Miro の豊富な既成テンプレートライブラリを活用できます。

Miro の共同作業機能により、作業をチームメンバーと簡単に共有でき、ボード上でリアルタイムに議論や調整ができます。ダイアグラムが完成したら、簡単にエクスポートして提示できます。

注：BPMN、AWS、Electrical Engineering のような特定の図形パックや、カスタム図形、および高度なダイアグラムフォーマットなどの機能は、Business、Enterprise、Education プランでのみ利用可能です。

💡 Miro アカデミーの技術的なダイアグラム作成コースを受講すると、ダイアグラム作成のスキルを高められます。

Miro で初めての図表を作成する

Miro は、マップ作成やダイアグラム作成のニーズに応じた多様なツールとスマートなダイアグラミング機能を提供します。本セクションでは、開始にあたって利用できる機能を案内します。

まず、ツールバーの図形ツールを選択し、続けてすべての図形をクリックして図形ライブラリーにアクセスします。すると、ボードの左側にあるダイアグラム作成パネルが開きます。

ボードの左側にあるダイアグラム作成パネル

図形をボードに追加するには、パネル内の追加したい図形をクリックするか、ボード上にドラッグ＆ドロップしてください。

図形パックを追加して図形ライブラリーをカスタマイズできます：

ダイアグラム作成パネルで、図形の管理をクリックします。
利用可能な図形パックの一覧が表示されます。ライブラリに追加したい図形パックの隣にあるチェックボックスにチェックを入れてください。基本図形、フローチャート、コネクターは全ユーザーが利用できます。BPMN、Data flow、AWS、Azure、Cisco などの専門的な図形パックは、Business、Enterprise、Education プランで利用可能です（完全な一覧は図形パックセクションを参照してください）。
ダイアグラム作成パネルを下にスクロールすると、追加した図形が表示され、使用できます。

パネル内の図形にカーソルを合わせると、その名前や用途（例：フローチャートの図形の場合は 既定のプロセス）が表示されます。

ダイアグラム作成パネルに新しい図形パックを追加

利用可能な図形パック

Miro は、さまざまなダイアグラム作成の要件に対応する幅広い図形パックを提供しています。これらはプラン別に整理されています：

すべてのプランで利用可能	Business、Enterprise、Education プランで利用可能
基本図形コールアウトコネクターフローチャート	AWS Azure BPMN Cisco Cloudflare DFD（データフロー図）電気工学 ER 図（実体関連図） Google クラウド Kubernetes プロセスエンジニアリング Salesforce テックロゴ UML バリューストリームマップ（VSM） VMware

カスタム図形

利用可能: Business、Enterprise、Education の各プラン

組み込みの図形パックに加え、ダイアグラム内でカスタム図形を作成、保存、再利用することもできます。この機能により、特定のプロジェクトやブランドの要件に合わせてビジュアルライブラリを調整できます。

高度な図作成には Miro ダイアグラムを使用

Miro のスマートな図作成機能は基本的な図形の描画を超え、構造化されたプロフェッショナルなダイアグラムをより効率的に作成できる強力なツールを提供します。

Miro ダイアグラムは、ダイアグラム作成体験を向上させる専用の環境と機能を提供し、次のことができるようにします:

図の作成に特化した、気が散らない作業スペースであるFocus modeで作業できます。
Miro AIを利用して、短いテキスト説明からダイアグラムを自動生成できます。
レイヤーを使って複雑なダイアグラムを整理できます。トピックやチームごとに特定のコンテンツを表示／非表示にできます。
ボード上の既存の図形をワンクリックで接続されたダイアグラムに変換できます。
構造と整列を一貫して保つために、グリッドへのスナップやオブジェクトの自動寸法などの機能を利用できます。

手動で図形を追加して開始するか、Miro AI に初期作成を支援してもらうかを選べます。どちらの場合でも、図は整然と整理され、管理しやすい状態に保たれます。

図のテーマを適用してスタイルを統一する

視覚的に魅力的で一貫性のある図を作成するには、作業開始前に複数の既定の図のテーマから選択できます。

ダイアグラムのテーマは、ダイアグラム作成パネル（図形 > すべての図形）で見つけられます。テーマは図形パックのすぐ上にあります。ダイアグラム作成の初めにテーマを選ぶと、後で手動でスタイルを整える時間を大幅に短縮できます。

💡 組織のブランドスタイル（該当プランで利用可能）を使って図を作成すると、プレゼンテーションやボードをよりプロフェッショナルにできます。

✏️ 現在、ダイアグラムのテーマで利用できるのは基本図形とフローチャート図形です。

ダイアグラム作成パネルからダイアグラムテーマを選択

スイムレーンでダイアグラムを整理する

スイムレーンはダイアグラムを論理的な領域に分けるのに役立ち、複雑な情報を可視化し、分かりやすさや責任の所在を明確にするために重要です。フローチャート、BPMN、UML のダイアグラムでは、異なるレーン（役割、部門、フェーズなどを表す）間の相互依存関係や接続、受け渡しを示すためによく使われます。スイムレーンを追加することで、無駄や非効率な箇所を特定し、プロセスを効率化できます。

スイムレーンはフローチャート、BPMN、UML の図形パックに含まれています。スイムレーンを追加するには：

ダイアグラム作成パネルを開くには、図形 > すべての図形 を選択します。
フローチャート、BPMN、またはUML の図形パックが有効になっていることを確認します。
各図形パック内でスイムレーンの図形（垂直、水平、または複数のレーンをまとめるプール）を探します。
開始するには、スイムレーンの図形をボードにドラッグ＆ドロップします。

ボード上のスイムレーンにカーソルを合わせると、制御ポイントが表示されます。これらのポイントで、レーンを追加したり、サイズを変更したり、移動したりできます。

⚠️ スイムレーン内に配置されたコンテンツは現在、ロック、または複数のオブジェクトに対する標準の整列ツールで整列することができません。ただし、グループ化は行えます。これは BPMN やその他のプロセス図で特に有用です。

Miro のスイムレーンの使い方

コールアウトで注釈を追加する

コールアウトを使ってダイアグラムに注釈をつけて、重要な情報をすっきりと目立たせましょう。コールアウトを追加するには：

ダイアグラム作成パネルを開くには、図形 > すべての図形 を選択します。
コールアウト 図形パックが有効になっていることを確認します。
コールアウト図形をボードにドラッグ＆ドロップします。

図にコールアウトを追加

コールアウトは標準のコールアウト、吹き出し、角括弧の3種類の形状が利用できます。コールアウトの尾部をボード上の図形に接続するとロックされ、図形またはコールアウトのどちらかを移動しても尾部は接続されたままになります。

図形に接続されたさまざまな種類のコールアウト

実体関連図を作成 (ERD)

利用可能: Business、Enterprise、Education プラン

Miro のエンティティ・リレーションシップモデリングツールでは、エンティティ、属性、関係という 3 つの基本概念を使って高レベルのデータモデルを可視化できます。これはデータベース設計やシステムアーキテクチャで特に役立ちます。

ERD を作成する際の主な機能は次のとおりです：

エンティティ内の属性に交互の色を適用して、可読性を高めることができます。
エンティティは、表示する情報の種類に応じて 1 列、2 列、3 列の形式に設定できます。
図形に表示される+記号、または図形の上部や下部に表示されるフローティングパネルを使って、エンティティに行（属性）を簡単に追加できます。

ER 図でのエンティティの追加と編集
エンティティ間の数的関係を表すカーディナリティ（多重度）を、エンティティ（図形）または特定の属性（図形内の行）に接続できます。
ERD のエンティティを操作すると、接続線に自動的にカーディナリティ表記が適用されます。

カーディナリティ表記によるエンティティの接続

クイックなダイアグラム作成ツールを使う

Miro には、図形の作成・変換・接続をより効率的に行い、ダイアグラム作成を高速化するためのツールがいくつかあります。

✏️ 基本図形はすべてのユーザーが利用できます。ダイアグラム作成用の図形パックは Business、Enterprise、Education プランで利用できます。

図形を素早く作成して接続する:

左側のツールバーで図形アイコンをクリックします。
任意の図形を選択し、クリックまたはドラッグでボードに追加します。
既存の図形を複製するには、それを選択してEnterを押します。
または、選択した図形の側面に表示される青いドットにカーソルを合わせます。新しい図形や接続線を素早く作成できる場所が表示されます。ドットをクリックすると、提案された線や新しい図形が追加されます。
自動的に候補が表示されない既存のオブジェクトに図形を接続したい場合は、青いドットをクリックしてドラッグし、通常どおり接続先のオブジェクトまで接続線を引いてください。

Miro で図形をワンクリックで作成・接続

2 つの接続された図形の間に図形を挿入する:

既存のフローにステップや詳細を追加する必要がある場合、接続線上に図形を簡単に挿入できます。

2 つの図形の間にある接続線をクリックします。
表示されるオブジェクトツールバーで、図形を挿入アイコン（小さな図形にプラス記号が付いたアイコン）をクリックします。
ドロップダウンから挿入するオブジェクトの種類を選択します。

図形を挿入するオプションを利用するには、2 つの接続されたオブジェクト間の接続線に十分なスペースが必要です。

2 つの図形の間にオブジェクトを挿入

オブジェクトの種類を簡単に切り替える:

ボード上のオブジェクトの種類は、Switch type 機能で瞬時に変更できます。これにより、例えば付箋、テキストボックス、またはカード）を別の種類のオブジェクト（例：ダイアグラミングの図形パック内の図形）に変換し、可能な限り内容と接続を保持します。

ボード上で変換したいオブジェクトをクリックします。
オブジェクトのコンテキストメニューで種別の切り替えアイコンをクリックします。
ドロップダウンメニューから新しいオブジェクトの種類を選択するか、検索して選択します。

Switch type 機能は、基本図形およびダイアグラム作成の図形パックの図形で利用できます。

Switch type メニューでオブジェクトを検索して別の種類に変換する

精度を高めるためにオブジェクトの寸法を使用する

オブジェクトの寸法機能を使うと、ボード全体で同じサイズのオブジェクトを一貫して作成できるため、プロ品質のダイアグラムをより速く、より正確に作成できます。

この機能は線を除くすべての Miro オブジェクトで利用できます。

オブジェクトの寸法を有効化する方法：

ボードの左上にある三点リーダーメニュー () をクリックします。
次に表示 > オブジェクトの寸法 に移動します。
オブジェクトの寸法 をオンに切り替えます。

オブジェクトの寸法の使い方：

有効にすると、新しいオブジェクトを作成したり既存のオブジェクトのサイズを変更したときに、オブジェクトの幅と高さがピクセル単位で青い枠に表示されます。寸法が一致するオブジェクトがある場合、現在のオブジェクトをボード上の他のオブジェクトに合わせやすくするための青いガイドラインも表示されます。

オブジェクト寸法を使って図形をサイズ変更・整列する

背景グリッドの表示をカスタマイズ

ボードのグリッド表示を変更して、コンテンツをより正確に作成および整列できます。

ボードの左上隅にある三点メニュー（）をクリックします。
表示 > 表に移動します。
次の 3 つのオプションから選択します：なし（表なし）、線の表、または 点の表。

ボード設定で背景の表ビューを選択

線の表では、小さなマス目での移動や位置合わせが簡単になります。線の表と点の表の両方で、オブジェクトを表にスナップできます。

グリッドに位置合わせを使用する

グリッド表示（線グリッドまたは点グリッド）が有効な場合、グリッドに位置合わせを有効にすることもできます。そのためには、次の手順に従ってください。

キャンバスの空白部分を右クリックします。
コンテキストメニューでグリッドに位置合わせのオプションを切り替えます。

キャンバスのコンテキストメニューからグリッドに位置合わせを切り替える

グリッドに位置合わせが有効な場合、ボード上で追加または移動したオブジェクトは最寄りのグリッド線や点に自動的にスナップし、正確に整列できます。

オブジェクトがグリッド線にスナップする様子

オブジェクトをドラッグ中に表へのスナップを一時的に無効化するには、macOS では Cmd、Windows では Ctrl を押し続けます。

スマートガイドで整列する

スマートガイドは、ボード上の他のオブジェクトに対してオブジェクトを整列させ、均等な間隔を保つのに役立ちます。

左上隅の三点メニュー（）をクリックします。
「環境設定」に移動します。
「オブジェクトを整列」がオンになっていることを確認してください。

環境設定でスマートガイド（オブジェクトを整列）を有効にする

ボード上でオブジェクトを配置または移動すると、青いスマートガイドが表示され、他のオブジェクトとの縦横の整列候補や等間隔の目安を示します。

整列と間隔の候補を示すスマートガイド

ダイアグラム要素のカスタマイズ

ダイアグラムの外観は幅広くカスタマイズできます。図形の塗りつぶし色、枠線の色、不透明度、テキストの書式を変更できます。接続線については、その種類（例：直線、折れ線、曲線）、色、太さを設定したり、テキストラベルを追加したりできます。

💡 ダイアグラミング用の AWS 図形パックに含まれる AWS アイコンの色を変更することもできます。ただし、2025 年以前のアイコンではこのオプションは利用できません。

ダイアグラムには、カードや付箋を組み込むこともできます。これらのオブジェクトは、図形に簡単に変換（その逆も可能）でき、多くの場合スタイルや内容が保持されます。

ボード上で複数のオブジェクトを選択して、同時にカスタマイズできます。詳しくは複数のオブジェクトを選択して移動する方法をご覧ください。

Miro でフローチャートのスタイルを変更する

💡 タブレットで最適なダイアグラム作成体験を得るには、スマートドローイングをお試しください。手描きのスケッチを自動できれいな Miro の図形に変換します。

コネクタ線の最短経路

コネクタ線が常にオブジェクト間の最短経路を見つけるようにするには、コネクタ線を図形本体までドラッグし、青いアウトラインが表示されたらコネクタを確定してください。

青いアウトラインは中心間接続を示します。中心間接続は接続されたオブジェクト間の最短経路を見つけます。例えば、接続されたオブジェクトをキャンバス上の別の位置に移動しても、この接続は最短経路を維持します。

注：コネクタ線を確定しないと、青いアウトラインは数秒後に消えます。青いアウトラインを再表示するには、線を一度引き戻してから再度図形本体までドラッグしてください。

中心間接続にすると、接続されたオブジェクト間で常に最短経路が選ばれます。

オブジェクトの端にある接続線はアンカー接続を作成します。アンカー接続は、接続されたオブジェクトを移動しても最短経路に合わせて自動的に調整されません。

マインドマップの作成

Miro は、アイデアを表現し、フローを可視化し、ブレインストーミングのセッションを整理するのに役立つ専用のマインドマップツールを提供します。中央の概念から始めて、簡単に枝や子ノードを作成できます。マインドマップのレイアウトは縦方向または横方向から選べます。

Miro のマインドマップの例

マインドマップツールでは、子ノードの位置を変更したり、ワンクリックで整列したり、マインドマップの色やスタイルをカスタマイズしたり、ノードを再割り当てしたり、依存関係を関連付けたりできますMiro のマインドマップについて詳しくはこちら.

ユーザーストーリーマップを作成する

Miro のインタラクティブなユーザーストーリーマップフレームワークは、ユーザーストーリーを素早く追加して整理するのに効果的な方法を提供します。数枚のカードから始め、直感的な操作やショートカットで簡単にユーザーストーリーマップを作成・発展させることができます。Miro でのユーザーストーリーマップの作成について詳しくはこちら。

Miro のユーザーストーリーマップの例

既製テンプレートを活用する

Miro の充実したテンプレートライブラリーでダイアグラム作成を始めましょう。ジャーニーマップやワイヤーフレーム、組織図、フローチャートなど、さまざまなユースケース向けにプロが作成した多数のテンプレートが用意されています。テンプレートライブラリーには、Miro ボードのツールバーにある「テンプレート」ボタン、ダッシュボード、または Miro テンプレートページから直接アクセスできます。

Miro テンプレートライブラリーにあるマッピングおよびダイアグラム作成向けテンプレートの例

アプリとインテグレーションを活用する

他のサービスとの連携により、マッピングやダイアグラム作成の機能を強化できます。Miro マーケットプレイスを開き、左側の「マッピングとダイアグラム作成」ユースケースでフィルターして、関連するアプリを見つけてください。

Miro マーケットプレイスの「マッピングとダイアグラム作成」アプリカテゴリ

ダイアグラム作成をさらに充実させるアプリをいくつかご紹介します。

アイコンデータベース： Iconfinder や Unsplash のようなアプリを使うと、Miro を離れずにアイコンや画像を簡単に検索・追加して、技術的なダイアグラムを視覚化できます。なお、他のアイコンパッケージは Miro の図形ライブラリー内でも直接利用できます。
Clusterizer（提供：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 のプレゼンテーションモードを使用するか、コラボレーターにボード上で自分の表示に合わせてもらって案内できます。アバターにカーソルを合わせて "Bring everyone to me" をクリックすると、コラボレーターに作業中の内容を見せられます。 Miro でのプレゼンテーションについて詳しくはこちら.
ダイアグラムをエクスポートする: ダイアグラムは PDF または画像としてエクスポートできます。画像としてのエクスポートは JPG、PDF、SVG に対応しています。手順は Miro ダイアグラムを参照してください。ダイアグラムを埋め込む場合は、共有設定で該当する閲覧者が閲覧できるようにしてください。
「Diagram Format」コンテキストメニューから、ダイアグラムを PDF、画像、または埋め込みとしてエクスポートできます。

💡 ボードをエクスポート：必要に応じて、ボード全体をエクスポートするか、選択した要素をエクスポートして Miro 外で共有できます。エクスポートはコンテンツの種類に応じて JPG、PNG、PDF、CSV に対応し、ボードのバックアップファイルとしては RTB を利用できます。

マッピングとダイアグラム作成のためのキーボード操作

Miro には、ボード上のウィジェットやダイアグラムのナビゲーションと操作を向上させる包括的なキーボードコマンドが用意されています。要素やコネクターが多数ある複雑なダイアグラムでは、効率的なナビゲーションが特に重要です。

キーボード操作コマンド

順次ナビゲーション（シーケンシャル）

Tab キーを押すと、ボード上の次の要素に順に移動します。Shift + Tab キーを押すと、前の要素に順に移動します。

空間ナビゲーション（方向移動）

Cmd + Arrow keys（macOS）または Ctrl + Arrow keys（Windows）を使用して、現在選択しているオブジェクトを基準に上・下・左・右の空間的配置に従って要素へフォーカスを移動できます。

コネクターリストで複雑なダイアグラムを操作する

多くのダイアグラムは複雑なコネクター網で構成されています。キーボード操作や支援技術を利用するユーザーのために、Miro は選択したオブジェクトに接続されているすべてのコネクターを整理したリストを提供します。

選択したオブジェクトのコネクターリストにアクセスする

macOS の場合: Cmd + . を押します（Command キーとピリオドキー）。
Windows の場合: Ctrl + . を押します（Control キーとピリオドキー）。

このショートカットは、現在選択しているオブジェクトに関連するコネクターのカテゴリ別一覧を表示します。グループは以下のとおりです:

受入: 選択したオブジェクトに向かう矢印が付いたコネクターです。
送出: 選択したオブジェクトから外向きの矢印が付いたコネクターです。
循環: オブジェクト自身に接続するコネクターです。
コネクターに 2 本の矢印（双方向）がある場合は、受入グループと送出グループの両方に表示されます。

コネクターリスト内の移動

リスト内でTabキーを押すと、受信、送信、自己接続の各グループ間でフォーカスが切り替わります。
現在選択しているグループ内の各コネクターを移動するには、上矢印キーと下矢印キーを使用します。
リストからボード上の実際に選択されているコネクターへキーボードフォーカスを移動するには、Enterキーを押します。

このセクションの記事