JSONビューア
無料でオンラインで利用可能 JSONビューア インストール不要のツール
JSON Viewer について
JSON を解析して整形出力し、ページ上で直接、色付き・インデント付きのツリーとして表示します。値の型ごとに専用の色が割り当てられます。オブジェクトのキーと null は紫、ブール値は青、数値は緑、文字列は橙、中括弧・角括弧・カンマは灰色です。入力が無効な場合、ビューアはネイティブの JSON.parse エラーを表示します。
使い方
1. JSON を入力テキストエリアに貼り付けます。 2. Parse をクリックします。 3. レンダリングされたツリーがスクロール可能な結果パネルに表示されます。ネストレベルごとに 10 px ずつインデントされます。
ツリーレンダリングと色
オブジェクトは { key: value, ... } としてレンダリングされ、キーは引用符付きの紫色、中括弧は灰色です。配列は [ item, item ] としてレンダリングされ、角括弧は灰色です。ネストの各レベルは子要素に 10 px の左マージンを追加し、視覚的なインデントを生成します。文字列は二重引用符で囲まれて橙色で表示され、数値は緑、ブール値は青、null は紫色です。項目間のカンマは灰色で描画されます。ツリーは静的（折りたたみ/展開なし）であり、中小規模のドキュメントの検査に使用します。
▶ツリー内のノードを折りたたんだり展開したりできますか？
いいえ。ビューアは完全に展開された読み取り専用のツリーをレンダリングします。折りたたみ/展開のコントロールはありません。大きなドキュメントには JSON Formatter の使用を検討してください。
▶色は何を意味しますか？
紫はオブジェクトのキーと null を示します。青はブール値、緑は数値、橙は文字列（引用符付き）、灰色は中括弧・角括弧・コロン・カンマなどの構造的な句読点を示します。
▶インデントはどのように適用されますか？
ネストされた各オブジェクトまたは配列が子要素に 10 px の左マージンを追加します。これにより、JSON ソース内部の空白文字に依存せずに視覚的なツリーが生成されます。
▶無効な JSON を入力した場合はどうなりますか？
JSON.parse が例外をスローし、エラーメッセージが赤色の破壊的パネルに表示されます。入力が正常に解析されるまで結果パネルは空のままです。
このツールがあなたに役立ったなら、私にコーヒーをご馳走することをお勧めします。
私にコーヒーを買ってください。