JSON2Mermaid Lite：使い方

このツールでできること

• JSONを解析して、Mermaid.js の flowchart 記法を生成
• ネスト構造や配列を “木構造っぽく” 俯瞰できる
• 出力を Mermaid Live Editor に貼り付けて図として確認できる
• ブラウザ完結・保存なし

こんなときに使う

• APIレスポンスの構造を一瞬で把握したい
• 巨大JSONの「どこに何があるか」を視覚的に見たい
• 仕様書やREADMEに貼る前に、ざっくり構造図を作りたい

関連キーワード：JSON 可視化 / Mermaid 変換 / JSON structure diagram / flowchart generator

使い方

1. JSONを入力欄に貼り付け（またはサンプルを読み込み）
2. 変換ボタンを押して Mermaid 記法を生成
3. 出力をコピーして、Mermaid Live Editor に貼り付けて確認

コツ：まず小さく切り出したJSONで試すと、図が読みやすくなります。

注意（できないこと・限界）

• 生成される図は「構造の俯瞰」が目的です。見た目のレイアウト最適化は別途必要です。
• 非常に大きいJSONでは、ブラウザが重くなる場合があります。
• 文字列が長い値は、図が読みにくくなることがあります（必要なら値を省略して試してください）。