JSON2Mermaid Lite｜使い方ガイド

1. このツールでできること

JSONを貼り付けるだけで、構造を Mermaid.js の flowchart TD 記法へ変換します。

生成したコードは、Mermaid対応Markdownや Mermaid Live Editor で図として確認できます。

2. 使い方

• JSON入力欄にJSONを貼り付けます。
• 必要ならプリセットでサンプルを入力します。
• 「変換する」を押します。
• 出力されたMermaid記法をコピー、または .mmd / .txt として保存します。
• 図として確認したい場合は、Mermaid対応ツールへ貼り付けます。

3. 対応 / 非対応

対応しているもの

• 通常のJSONオブジェクト
• 配列
• 文字列 / 数値 / 真偽値 / null
• 12階層までのネスト

制限・非対応

• 入力上限は300KBです。
• 深さは12階層までです。超えた部分は省略表示されます。
• 配列は最大50件まで展開し、それ以上は省略ノードを表示します。
• JSONとして無効なテキストは変換できません。
• Mermaid図のプレビューはこのページ内では行いません。

4. エラーについて

JSON構文エラーがある場合は、行・列の目安を表示します。

入力サイズが300KBを超える場合は、JSONを小さく分割してから変換してください。

5. 出力形式

出力は Mermaid.js の flowchart TD 形式です。

flowchart TD
  node_0["root"]
  node_1["user"]
  node_0 --> node_1
  node_2["name"]
  node_1 --> node_2

6. Mermaid Live Editorを使う場合

生成したコードは、Mermaid Live Editorなどの外部サイトで確認できます。

外部サイトへ貼り付けると、そのサイト側で内容が処理されます。機密情報を含むJSON、または機密JSONから生成したコードは貼り付けないでください。

7. よくある質問

Q. データはサーバーに送られますか？

A. 変換処理自体はブラウザ内で行います。ただし、ページには広告やアクセス解析タグが含まれる場合があります。

Q. 大きいJSONも変換できますか？

A. 300KBまでを目安にしています。大きいJSONは分割してください。

Q. 配列は全部表示されますか？

A. 最大50件まで展開し、それ以上は省略します。

8. 免責

出力結果の完全性や図としての見やすさは保証しません。重要な構造確認では、生成結果を必ず手動で確認してください。