マッピングやダイアグラム作成プロセスの各段階で、必要なツールを提供するオールインワン ソリューションとして Miro を使用することができます。直感的なツールやフレームワークを使用して、Miro でゼロからダイアグラム作成を始めるか、Miro の広範囲にわたるライブラリーから既成のテンプレートを選択することができます。チームの他のユーザーと共有し、ボードで直接議論や改善をするなど、Miro 上でのコラボレーションを手軽に楽しむことができます。ダイアグラムが完成したら、簡単にエクスポートして発表しましょう。
💡 Miro のアカデミーコースでは、Miro を活用したマッピングとダイアグラム作成について学ぶことができます。
ダイアグラムを作成してみる
Miro でマッピングやダイアグラム作成を始めるには、ニーズに最適なツールを選択し、ダイアグラム作成のスマート機能を活用します。以下でその可能性を見出しましょう。
図形ライブラリーを開くには、ツールバーの図形ツールを選択し、[すべての図形] をクリックします。左側にダイアグラム作成パネルが開きます。
左側パネルのダイアグラム作成図形
ボード上で図形を作成するには、図形をクリックするか、ボードにドラッグします。
ライブラリーに新しい図形を追加することができます。
- [他の図形] をクリックします。
- 必要な図形パックの隣にあるボックスにチェックを入れます。基本図形、フローチャート、コネクターは、誰でも利用できます。その他の図形パック（BPMN、データフロー、AWSなど）は、Business、Consultant、Enterprise、Education プランでのみ利用できます。
- 下にスクロールして、新しい図形を表示し、使用します。
パネル上の図形に合わせてカーソルを置くと、その意味を確認することができます（例：定義済みプロセス）。
ダイアグラム作成パネルに新しい図形パックを追加
利用可能な図形パック
- 基本図形
- フローチャート
- コネクター
- コールアウト
スマートダイアグラム作成のオプション
- BPMN
- DFD
- AWS
- Azure
- Cisco
- Google Cloud
- Kubernetes
- VMware
- UML
- ERD
- バリューストリーム マップ（VSM）
ダイアグラムのテーマ
人目をひくダイアグラムを作成するために、作成前にいくつかあるダイアグラムのテーマから、使用するテーマを選択しましょう。
ダイアグラムのテーマは、[図形] [すべての図形] にあります。図形パックのすぐ上にある 6 種類のダイアグラムのテーマの中から、1 つ選択します。ダイアグラムを作成する前に選ぶと、形式を整える時間を短縮できます。
️✏️ 現在、ダイアグラムのテーマで利用できるのは基本図形とフローチャート図形です。
ダイアグラムのテーマ
スイムレーン図
ダイアグラムを論理的に分けた分野ごとに表示すると、複雑な情報やデザインが視覚化され、透明性をもたらし責任の所在を明確にするために役立ちます。フローチャートや BPMN、UML ダイアグラムを作成する際によく使われるスイムレーン図は、レーン間の相互関係やつながり、ハンドオフを表示します。ダイアグラムにスイムレーン図を追加すると、プロセスが効率化され、無駄な部分や非効率な箇所を特定することができます。
スイムレーン図は、フローチャート、BPMN、UML の図形パックにあります。スイムレーン図を追加するには、[図形] [すべての図形] をクリックし、図形パックからフローチャート、BPMN、または UML を表示して、スイムレーン図のアイコンを見付けます。あとは、ボードにスイムレーン図のアイコンをドラッグ & ドロップするだけで作成を始められます。
スイムレーン図には縦型と横型があり、プールを使用すると、複数のレーンをまとめることができます。
スイムレーン図にカーソルを合わせると、制御ポイントが表示されます。制御ポイントを使い、レーンの追加や移動ができます。
⚠️ スイムレーン図内のコンテンツをロック、整列、グループ化することはできません。
Miro のスイムレーン図
コールアウト
コールアウトを使ってダイアグラムに注釈をつけて、重要な情報をすっきりと目立たせましょう。コールアウトを追加するには、[図形] [すべての図形] をクリックし、 [コールアウト] を選んでください。コールアウトを選択してから、ボードにドラッグ & ドロップできます。
コールアウトの追加
コールアウトの図形には、コールアウト、スピーチバブル、ブラケットの 3 種類があります。コールアウトの尾とオブジェクトをつなげると 2 つはロックされ、それぞれを移動させても接続は外れません。
ボード上のコールアウト
ER 図（実態関連ダイアグラム）作成
利用可能なプラン：Business、Consultant、Enterprise、Education プラン
Miro の ER モデリングツールを使用すると、エンティティ、属性、リレーションの 3 つの基本的な概念を用いた高レベルなデータモデルを視覚化することができます。
ER 図を作成する際には、以下のことが可能です。
- エンティティ内の属性を交互に色付けできます
- 一列、二列、三列のエンティティがあります
- + 記号や、エンティティの上または下にあるフローティングパネルで、行を追加できます
エンティティの追加と変更 - カーディナリティをエンティティ（図形）または属性（図形内の行）に接続できます
- エンティティの作成時に、コネクターは自動的にカーディナリティを使用します
エンティティの接続
クイックダイアグラム作成
クイックダイアグラム作成ツールを使って、図形の作成や変換、ボード上の他のオブジェクトへの接続ができます。
✏️ 基本図形はすべてのユーザーに利用していただけます。図形パックは、Business、Consultant、Enterprise、Education プランのみで利用できます。
図形の作成と接続
左側のツールバーで、図形アイコンをクリックします。任意の図形を選択し、ボードに追加します。
図形を複製するには、図形をクリックして Enter を押します。図形の近くの青いドットにマウスオーバーすると、新しい図形や接続ラインが作成される場所を確認することもできます。そしてそのドットをクリックすると、ラインや新しい図形が作成されます。
候補として表示されていないオブジェクトに接続したい場合は、ドットをドラッグし、従来通り接続ラインを描いてください。
Miro のワンクリックによる作成と接続
図形の挿入
ステップを入れ忘れたり、フローに情報を追加したいときは、2 つの図形の間の接続ラインをクリックして、オブジェクト ツールバーの [図形を挿入] アイコンをクリックし、挿入したいオブジェクトを選択します。
[図形を挿入] オプションを使用するには、接続される 2 つのオブジェクトの間に十分なスペースが必要です。
2 つの図形の間にオブジェクトを挿入
図形の切り替え
[種別の切り替え] 機能を使用すると、ダイアグラムの図形を瞬時に変更することができます。付箋、テキストボックス、カード、図形など、1 つのオブジェクトから別のオブジェクトに瞬時に変換します。
[種別の切り替え] のドロップダウン メニューから、新しい図形を直接選ぶこともでき、簡単に図形の検索や変換ができるようになりました。
変換したいボード上のオブジェクトをクリックし、オブジェクトメニューの [種別の切り替え] アイコンをクリックして、ドロップダウン メニューから新しいオブジェクトを選択または検索します。
種別の切り替えは、基本図形とダイアグラム作成図形パックで利用できます。
寸法
寸法を使用すれば、プロフェッショナルな図をより早く、より簡単に作成することができます。寸法を使用すれば、同じサイズのオブジェクトをボード全体で整然と作成できます。
寸法は、線を除くすべてのオブジェクトで機能します。
寸法を有効化する手順：
- ボードの設定に移動します
- [環境設定] をクリックします
- [オブジェクトのサイズ] トグルを有効にします
ボードの設定で寸法を有効にする
寸法の使い方
新しいオブジェクトを作成したり、既存のオブジェクトのサイズを変更するときに、オブジェクトの幅と高さが青い枠で表示されます。
寸法がボード上の他のオブジェクトと一致すると、青いガイドラインが表示されます。
寸法を使った図形の作成
背景グリッドの表示
ボードのグリッド表示を変更して、より精度の高いボード上のコンテンツを作成します。ボードの設定を開き、[背景グリッド] を選択します。
ボードの設定で背景グリッドを選択
[なし]、[ライングリッド]、[ドットグリッド] の 3 つのオプションから選択することができます。ライングリッドでは、小さな四角形によりボード周りの操作が容易になります。ドットグリッドを選択した場合は、グリッドへのオブジェクトのスナップ機能を有効にするをこともできます。
背景グリッドの画面
グリッドへのスナップ
ボードのコンテンツ設定で、ドットグリッドへのスナップ機能を有効にします（設定方法については上記をご覧ください）。ボードに図形やその他のオブジェクトを追加すると、グリッドに応じて位置合わせを行うのに最も適したドットに自動的にスナップします。
グリッドへのスナップ機能
スマートガイド
スマートガイドを有効にするには、ボード設定 [環境設定] メニューの [オブジェクトを整列] トグルを有効にします。
スマートガイドの有効化
ボード上にオブジェクトを配置するか、移動させると、スマートガイドは、ボード上の他のオブジェクトと位置合わせするための提案を行い、オブジェクト間に等間隔スペースが表示されます。オブジェクトを移動させると、青色のガイドラインが表示されます。
図形の変更
図形の色、不透明度、テキストの書式設定を変更し、接続ラインの種類、色、テキストラベルを設定することができます。カードや付箋も自由に使うことができます。スタイルを維持しながら簡単にオブジェクトを変換します。複数のアイテムを選択して、フィルターにかけ、カスタマイズすることができます。複数のオブジェクトの選択と移動方法。
Miro のフローチャートの変更
💡 タブレットアプリでの優れた機能として、スマート図形で自動的に手書きの図形を Miro の図形に変換できます。
マインドマップ
Miro のマインドマップでアイデアを表現し、フローをマッピングし、ブレインストーミング プロセスを整理します。1 つの概念から始めて、縦型または横型レイアウトを使用してブランチや子ノードを作成します。
Miro のマインドマップ
子ノードの位置を変更してワンクリックで位置合わせを行い、マインドマップの色やスタイルを変更し、ノードや接続ラインの関係性を再割り当てすることができます。マインドマップの詳細については、こちらをご覧ください。
ユーザーストーリー マッピング
Miro のインタラクティブなユーザーストーリー マップ（USM）のフレームワークは、ユーザーストーリーを素早く追加し、整理する優れた方法です。3 つのカードから始めて、直感的な操作やショートカットを使用して USM を作成します。Miro のユーザーストーリー マップの詳細については、こちらをご覧ください。
Miro のユーザーストーリー マッピング
テンプレート
Miro のテンプレート ライブラリーをご覧ください。カスタマージャーニー マップ、ワイヤーフレーム、組織図など複数のカスタムメイドのテンプレートが用意されています。ボードやダッシュボードから、またはこちらのページで、ライブラリーにアクセスします。入力済みテンプレートを使用するか、空白の状態で始めることができます。
マッピングやダイアグラム作成用の Miro のテンプレート
アプリ
他サービスとのインテグレーションにより、Miro のマッピングやダイアグラム作成がさらに便利になります。Miro マーケットプレイスを開き、左側のユースケースに切り替えます。
マッピングやダイアグラム作成用の Miro アプリ
アプリを自由にインストールして、ダイアグラム作成のエクスペリエンスを充実させてください。
- アイコンデータベース（Iconfinder、 Unsplash）：Miro とアイコンを切り替えることなく、テクニカル ダイアグラムを視覚化します。図形ライブラリーで他のアイコンパッケージも利用できます。
- Refractive Strategy の Clusterizer：このアプリは、自動的に図形を構築して、タグ付けした付箋やカードをグループ分類します。タグ付きの付箋やカードのグループを選択し、Clusterizer を開き、[ビルド] をクリックします。アプリが、ラインで接続したタグ付けアイテムのレプリカを構築します。詳細はこちらをご覧ください。
- ワイヤーフレーム：Miro の ワイヤーフレーム ライブラリーには、約 60 個の UI 要素と様々なインタラクティブ アイコンがあります。簡単にスタイルや要素タイプを変更し、他のオブジェクトにリンクできます。
- Jira カード、Asana カード、Azure カード：図形にカードが含まれている場合は、Jira、Asana、Azure との Miro のインテグレーションにより、タスクや課題をインタラクティブ カードとしてボードにインポートして、Miro でワークフローを管理できます。
- ダイアグラム作成：これにより、ダイアグラム作成ライブラリーにアクセスできます。
- Appgami のスマートダイアグラム既成のカスタマイズ可能なテンプレートのライブラリーをご覧ください。詳細はこちらをご覧ください。
コラボレーションと改善
メールで、一般に公開して、またはチームやプロジェクトメンバーとシームレスに Miro のボードを共有して、オンラインや各自のタイミングでコラボレーションを開始します。
ボードを共有するもう一つの簡単な方法は、Confluence、Jira、Microsoft Teams、Trello、またはiframe をサポートする他のウェブサイトに埋め込むことです。未登録のユーザーがアプリ内のボードでコメント追加や編集を行うことができます。
コメントや付箋を使用してメモを残して、議論を開始します。Slack や Microsoft Teams とのインテグレーションを設定して、さまざまなチャンネルで通知を取得します。
Miro のコメント
エクスポートと提示
会議でダイアグラムを提示しましょう。アバターにカーソルを合わせて、コラボレーターを自分の画面に集合させ、作業中の画面を確認してもらうことができます。詳細はこちら。
Miro のアテンション管理
ボードをエクスポートすると、Miro の外で図表を提示し、同僚やクライアントに見てもらうことができます。画像、PDF、CSV、RTB ファイルなどさまざまな形式から選択することができます。
ボードのエクスポート オプション