JSON ビューアー
JSON を貼り付けると折りたたみ可能なツリーで表示。値は型ごとに色分け、長い文字列は切り詰め。整形済み原文も並べて表示します。
JSON を貼り付けると折りたたみ可能なツリーで確認できます。
次のステップ
このツールは完全にブラウザ内で動作します。データは端末から出ず、サーバーへアップロードされることはありません。
使い方
- 1入力欄に JSON を貼り付けます。
- 2折りたたみツリーを操作 — ▾/▸ 矢印でオブジェクトや配列を展開・折りたたみします。
- 3右側の整形済み JSON を確認し、ワンクリックでコピーします。
JSON ビューアー
ネストした API レスポンスや設定ファイルを生テキストのまま読むのは大変です。このビューアーは JSON を解析し、左側に折りたたみ可能なツリーを描画します。任意のオブジェクトや配列を展開・折りたたみ可能で、右側には整形済みの原文を表示。値は型ごとに色分けされ(文字列は緑、数値は青、真偽値は琥珀色、null は灰色)、長い文字列は 60 文字で切り詰められるため、深い構造も見渡せます。
不正な入力は即座に行番号と列番号付きで検出されるため、余分なカンマを探して何分も無駄にしません。解析はすべてブラウザ内で行われ、データは送信されません。
よくある質問
JSON のどこが壊れているか調べるには?
解析に失敗すると「line 3, column 12: Unexpected token }」のように行と列を正確に表示します。その箇所を直せばツリーはすぐ描画されます。原因の多くは末尾カンマ、引用符のないキー、閉じ忘れの括弧です。
大きなドキュメントも扱えますか?
一般的な API ペイロードや設定ファイルなら問題なく、数万ノードもスムーズに表示できます。ツリー上の長い文字列は表示だけ 60 文字に切り詰めますが、右側の原文とコピーは常に完全なデータを保持します。
データは端末の外に出ますか?
いいえ。解析も描画もブラウザのメモリ内だけで完結し、サーバーには何も送信しません。社内 API のレスポンスや設定も安心して貼り付けられます。
出力をそのまま本番コードに使えますか?
使えます。フォーマット・エスケープ・変換は対応する仕様(RFC / W3C / JSON Schema)に準拠し、全てローカルで処理されるのでコミット前に結果を検証できます。
大きな入力でも動きますか?
動きます。全てローカル実行のため、数 MB の JSON や長い正規表現セッションもリクエスト上限ではなくマシン性能だけが制約です。
このツールは無料ですか?
完全無料です。登録・課金・回数制限はなく、出力にウォーターマークも入りません。
関連ツール
JSON フォーマッター
乱れた JSON をオンラインで整形 — 2 スペース・4 スペース・タブに対応し、即時検証と正確なエラー位置表示。すべてブラウザ内で完結します。
JSON バリデーター
JSON を即時検証し、エラーの行と列を正確に表示。カンマ抜け・未引用キー・末尾カンマ・不正エスケープをリリース前に発見します。
JSON Path 検索
$.user.name や $.items[0].id のようなパスで JSON から任意の値を抽出——即時・寛容・jq 構文不要。
JSON ミニファイアー
JSON をオンラインで圧縮:余白をすべて取り除き、API レスポンスや保存容量を削減。節約できたバイト数をリアルタイム表示します。
JSON Diff
2 つの JSON をパス単位で比較——追加・削除・変更されたキーを前後の値つきで表示,すべてローカル処理。
JSON → TypeScript
任意の JSON から TypeScript interface を生成——ネスト・配列・ユニオン対応,プロジェクトにそのまま貼付。
JSON → CSV 変換
オブジェクトの JSON 配列を適切な引用とエスケープ付きの CSV へ変換 — Excel・Google Sheets・DB 取り込みにそのまま使えます。完全ブラウザ内処理。
URL パーサー
URL を貼り付けるとプロトコル・ホスト・ポート・各パスセグメント・デコード済みクエリ・ハッシュにリアルタイム分解、JSON コピーも可能。
ツールを埋め込む
1 行であなたのサイトにツールを。訪問者のブラウザ内で動きます。
<iframe src="https://zoyku.com/ja/tools/json-viewer?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — json-viewer" loading="lazy"></iframe>