マインドマップ
アイデアやタスクをノード(テキスト)で書き出し、関連するもの同士を線でつないで整理できる、シンプルなマインドマップ/作図ツールです。作った図はMermaidコード・SVG・PNG画像に書き出せます。処理はすべてブラウザ内で完結します。
ドラッグでスクロール・マウスホイールで拡大縮小
操作ガイド
- ダブルクリック(何もない場所)… その位置に新しいノードを追加します(追加直後はそのまま入力できます)。
- ノードをクリック → 別のノードをクリック … 2つのノードの間に線を引きます。
- ノードをもう一度クリック(またはダブルクリック) … テキストを編集します。Enterで確定、Escで取り消し。
- ノードをドラッグ … 位置を移動します。
- 線をクリック … その線を削除します。
- ノードにマウスを重ねて出る× … ノード(とつながる線)を削除します。
- 何もない場所をドラッグ … 表示位置を上下左右にスクロール(移動)します。
- マウスホイール / 右下の+− … 表示領域を拡大・縮小します。「全体」で全ノードが収まるように表示します。
- Mermaid読込 … Mermaid(flowchart)のコードを貼り付けて図を復元します。
このツールについて
- ドラッグ&ドロップでノードを自由に配置し、クリックだけで線をつなげる直感的な操作で、ブレインストーミング・要件整理・構成メモなどに使えます。
- Mermaidをコピー… 図を Mermaid(flowchart)記法のテキストに変換してコピーします。GitHub・Notion・各種ドキュメントにそのまま貼り付けられます。
- SVGをコピー… 図をSVG(ベクター画像)のコードとしてコピーします。資料やWebページに埋め込めます。
- 画像で保存… 図をPNG画像としてダウンロードします。
- 作成した内容はブラウザ内だけで処理され、外部に送信・保存されることはありません(ページを離れると内容は消えます)。
マインドマップとは?使い方と活用ガイド
マインドマップは、ダブルクリックでノードを追加し、2つのノードをクリックして線でつなぐだけで図が組み立てられる、シンプルな作図ツールです。多機能な作図ソフトは操作を覚えるまでが重く、思いついたことを書き留めたいだけの場面には向きません。このツールは操作をほぼ2種類に絞ることで、考える速度で描けるようにしています。
くわしい説明を読むあと3段落
操作は覚えることが少ない設計です。何もない場所をダブルクリックするとノードが追加されてそのまま入力でき、ノードをクリックしてから別のノードをクリックすると線が引かれます。線をクリックすれば削除、ノードはドラッグで自由に移動、もう一度クリックすればテキストを編集できます(Enterで確定、Escで取り消し)。ノードにマウスを重ねると出る×で削除もできます。
書き出しの選択肢が多いのも特徴です。「Mermaidをコピー」でMermaid(flowchart)記法のテキストに変換でき、GitHubのREADMEやNotion、各種ドキュメントツールにそのまま貼り付けられます。「SVGをコピー」ならSVGコード、「画像で保存」ならPNG画像として出力できます。手で描いた図をテキスト形式に変換できるので、あとからコードとして管理する運用にも移行しやすくなっています。
打ち合わせ中のアイデア出し、記事の構成づくり、システムの関係図のスケッチ、学習内容の整理など、頭の中の関係を外に出したい場面全般で使えます。すべての処理はブラウザ内で完結し、内容が外部に送信・保存されることはありません。現在はページを離れると内容が消える仕様なので、残したい図はMermaid・SVG・画像のいずれかで書き出しておいてください。入力したデータはすべてお使いのブラウザ内(JavaScript)で処理され、サーバーへ送信・保存されることはありません。会員登録やインストールも不要で、PC・スマートフォンのどちらからでも、すべての機能を無料で利用できます。社内の機密情報や個人情報を含むデータでも外部に漏れる心配がなく、ネットワークから切り離されたオフライン環境でも一度読み込めば動作するため、セキュリティが求められる業務でも安心して使えるのが、インストール型ソフトやサーバー処理型サービスにはないブラウザ完結型ツールの大きな利点です。
よくある質問
ノードや線はどうやって作りますか?
何もない場所をダブルクリックするとノード(テキスト)が追加され、そのまま入力できます。ノードをクリックしてから別のノードをクリックすると、2つの間に線が引かれます。線をクリックすると削除できます。
テキストの編集やノードの移動はできますか?
はい。ノードをドラッグすると自由に移動でき、ノードをもう一度クリック(またはダブルクリック)するとテキストを編集できます。Enterで確定、Escで取り消しです(<b>日本語を変換している間は効きません</b>。変換を確定するEnterで編集が終わってしまわないようにしています)。ノードにマウスを重ねると表示される×で、そのノードを削除できます。
作った図はエクスポートできますか?
はい。「Mermaidをコピー」でMermaid(flowchart)記法のテキストに、「SVGをコピー」でSVGコードに変換してコピーできます。「画像で保存」ではPNG画像としてダウンロードできます。GitHubやNotion、各種ドキュメントに貼り付けて使えます。
作成した内容は保存されますか?外部に送信されますか?
いいえ。すべての処理はブラウザ内で完結し、内容が外部に送信・保存されることはありません。現在はページを離れると内容は消えるため、必要な図はMermaid・SVG・画像で書き出して保存してください。