図解・設計

マインドマップ

アイデアやタスクをノード（テキスト）で書き出し、関連するもの同士を線でつないで整理できる、シンプルなマインドマップ／作図ツールです。作った図はMermaidコード・SVG・PNG画像に書き出せます。処理はすべてブラウザ内で完結します。

ここをダブルクリックしてノードを追加
ドラッグでスクロール・マウスホイールで拡大縮小

ドラッグ&ドロップでノードを自由に配置し、クリックだけで線をつなげる直感的な操作で、ブレインストーミング・要件整理・構成メモなどに使えます。
Mermaidをコピー… 図を Mermaid（flowchart）記法のテキストに変換してコピーします。GitHub・Notion・各種ドキュメントにそのまま貼り付けられます。
SVGをコピー… 図をSVG（ベクター画像）のコードとしてコピーします。資料やWebページに埋め込めます。
画像で保存… 図をPNG画像としてダウンロードします。
作成した内容はブラウザ内だけで処理され、外部に送信・保存されることはありません（ページを離れると内容は消えます）。

よくある質問

ノードや線はどうやって作りますか？

何もない場所をダブルクリックするとノード（テキスト）が追加され、そのまま入力できます。ノードをクリックしてから別のノードをクリックすると、2つの間に線が引かれます。線をクリックすると削除できます。

テキストの編集やノードの移動はできますか？

はい。ノードをドラッグすると自由に移動でき、ノードをもう一度クリック（またはダブルクリック）するとテキストを編集できます。Enterで確定、Escで取り消しです。ノードにマウスを重ねると表示される×で、そのノードを削除できます。

作った図はエクスポートできますか？

はい。「Mermaidをコピー」でMermaid（flowchart）記法のテキストに、「SVGをコピー」でSVGコードに変換してコピーできます。「画像で保存」ではPNG画像としてダウンロードできます。GitHubやNotion、各種ドキュメントに貼り付けて使えます。

作成した内容は保存されますか？外部に送信されますか？

いいえ。すべての処理はブラウザ内で完結し、内容が外部に送信・保存されることはありません。現在はページを離れると内容は消えるため、必要な図はMermaid・SVG・画像で書き出して保存してください。