Markdown to Mindmap 変換
Markdown からインタラクティブなマインドマップを即座に生成。左側に見出しとリストを書くと markmap のツリーが育ち、レベル展開・表示調整・SVG 書き出しに対応します。
markmap とは何ですか？
markmap は Markdown 文書をインタラクティブなマインドマップに変換するオープンソースライブラリです。見出し・リスト・リンク・太字が d3.js で描画されるズーム可能なツリーの枝になります。
Markdown からマインドマップを作るには？
左のエディタに Markdown を入力します。見出しが主ブランチに、箇条書きが子ノードになり、ネストの深さが階層を決めます。入力を止めて約 300 ミリ秒後にマップが自動更新されます。
どの Markdown 要素がノードになりますか？
見出し（#〜######）、順序付き/なしリスト、引用、タスクリストがツリー構造に変換されます。太字・斜体・インラインコード・リンクはノードのテキストとして保持されます。
入力した Markdown はアップロードされますか？
いいえ。変換はすべてブラウザ内で完結します。メモがデバイスの外に出ることはないため、非公開のアウトラインも安心です。
「展開レベル」オプションの役割は？
初期状態でどこまでツリーを開くかを指定します。全レベル展開、または 1〜3 レベルまで表示。その後もノードをクリックして子を開閉できます。
マインドマップの書き出し方は？
「SVGをダウンロード」をクリックすると、スタイルを埋め込んだ現在のツリーがベクターファイルとして保存され、ブラウザやベクターエディタで拡大しても劣化せず開けます。
Markdown に誤りがあるとどうなりますか？
Markdown は非常に寛容なため、実際のエラーは稀です。変換で例外が発生した場合は、以前のマインドマップが画面に残り、トーストで原因が通知されます。
エディタが空のときはどうなりますか？
キャンバス上に空状態のメッセージが表示されます。何かしら Markdown を入力すると、マインドマップは自動的に再生成されます。
表やコードブロックは使えますか？
markmap は階層構造に特化しているため、表やコードブロックはノードとして描画されません。きれいなツリーのために、アウトラインは見出し・リスト・テキスト中心にしてください。
マインドマップはダークモードに追従しますか？
はい。markmap の配色は明るい背景でも暗い背景でも読めるよう選ばれているため、テーマを切り替えてもツリーは見やすく保たれます。
Markdown to Mindmap 変換の使い方
Markdown の見出しや箇条書きは、そのままマインドマップのノードになります。左側にアウトラインを入力すると、markmap ベースのこのツールが右側にインタラクティブなツリーを育てます。レンダリングはすべてブラウザ内で行われます。
- Markdown ボックスのサンプルアウトラインから始めます。最上位の見出し（#）が主幹の枝、深い見出し（##、###）が階層を追加し、リスト項目（-）が末端のノードになります。自分のアウトラインを入力・貼り付けすると、一瞬止まった時点でマップが再構築されます。
- 「展開レベル」ドロップダウンでツリーの展開の深さを調整します。「全レベル」はすべて表示し、1～3 レベルを選ぶと残りをたたんで大きいドキュメントを読みやすく保てます。
- マップは直接操作できます。ドラッグで移動、ホイールでズーム、ノードをクリックするとその枝を開閉できます。
- 移動やズームのあとは「表示を合わせる」を押すと、マップ全体が再びパネルに収まります。
- 「SVGをダウンロード」でマインドマップを拡大可能なベクターファイルとして保存し、「Markdownをコピー」で元のテキストを持ち出せます。
各ノードのテキストは短く 1 行に抑えましょう — 長い文は枝同士の重なりを引き起こします。大きなドキュメントでは「展開レベル」を 2 に設定し、作業中の枝だけを開くのがおすすめです。
関連ツール
- Markdownプレビュー ライブプレビュー付き無料オンラインMarkdownエディタ。GFM完全対応で、Markdownの作成、レンダリング、エクスポートが可能。
- Markdown→HTML変換 MarkdownをきれいなHTMLに即座に変換、ライブプレビュー付き。無料・プライバシー保護、ブラウザで完結。
- Markdownテーブルエディタ スプレッドシート風のビジュアルインターフェースでMarkdownテーブルを作成・編集。配置設定、行・列の追加、フォーマット済みMarkdownコードを即座に生成。
- HTML→Markdown HTMLコードをクリーンなMarkdown形式に即座に変換。見出し、リスト、リンク、画像、テーブル、コードブロックなどをサポート。
- 署名ジェネレーター 無料のオンライン署名ジェネレーター。マウス・指・スタイラスで署名を手書きするか、手書きフォントで入力し、PDFやWordに挿入できる透過PNGをダウンロードできます。
- LaTeX数式エディタ 無料オンラインLaTeX数式エディタ、KaTeXリアルタイムプレビュー付き。数式を即座に作成・エクスポート。
- 書き取りシート作成 漢字の書き取りシートとトレーシングシートを作成。枠線スタイル、サイズをカスタマイズし、PNGまたはPDFでエクスポート。
- Markdown→WeChat変換 MarkdownをWeChat用HTMLに変換。10テーマ、コードハイライト、リンク脚注変換、インラインスタイル付きワンクリックコピー対応。