オンライン・マインドマップ

機能

• 左にアウトライン、右にリアルタイムで図
• 字下げが階層（スペース・タブ・混在も可）
• 行頭の - / * / + を自動で除去（Markdown のリストをそのまま貼れます）
• 左右分割（定番の見た目）と右のみ（文書に貼るのに向く）の 2 レイアウト
• 枝ごとに色分け（同じ枝が一目で分かります）
• 文字サイズは 10〜24 で調整可能
• SVG 書き出し：ベクターで拡大しても崩れず、Figma / Illustrator で編集可
• SVG ソースをワンクリックでコピー
• ノードの文字はエスケープするので、山括弧が入っても図が壊れません
• 空のときは真っ白ではなく一言ヒントを出します

使い方

1. 左にアウトラインを書く（1 行 1 項目）
2. 半角スペース 2 つ（またはタブ）で 1 階層下げる
3. レイアウトと配色を選ぶ（図はその場で更新されます）
4. 必要なら文字サイズを調整
5. プレビューが良ければ SVG をダウンロード、またはソースをコピー

よくある質問

ノードをドラッグして動かせますか？

できません。意図的にそうしています。ドラッグ編集には当たり判定・範囲選択・元に戻す履歴・吸着など一式が必要ですが、実際に多いのは「考えてあるアウトラインを素早く図にする」ことです。構造を変えたいときは左のアウトラインを直してください —— たいていドラッグより速いです。

書き出した図は後から編集できますか？

できます。標準の SVG（ベクター）なので、Figma・Illustrator・Inkscape で開いてそのまま編集できます。文字はパス化されず文字のままです。Web ページや Markdown 文書にもそのまま置けます。

中国語のノードの幅は正しく測れますか？

正しく測れます。ノードの幅は表示幅で計算し、漢字 1 字を 2 セルとして数えるので、見た目どおりの幅になります（文字がはみ出したり、箱だけ間延びしたりしません）。

書き出した図が白背景なのはなぜですか？

透明な背景はダークテーマ（ダークモードの文書やチャット）に置くと文字が見えなくなるからです。白なら明るい環境でも暗い環境でも読めます。透明にしたい場合は編集ソフトで背景の矩形を消してください。

アウトラインが長いと問題ありますか？

問題はありませんが、図は大きくなります（キャンバスは内容に合わせて広がります）。階層が深いときは「右のみ」レイアウトが読みやすいです —— 左右分割は段数が多いと回り込んで読みにくくなります。