🔍 JSON Viewer
JSONをドラッグ&ドロップまたはテキスト入力で表示・整形・差分比較。 ツリー表示で階層構造をわかりやすく確認。
🔒
安全なツール：アップロードされたデータはサーバーに送信されません。 すべての処理はブラウザ内で完結します。
JSONを入力またはファイルをドロップ
🔍
JSONファイルをドロップ
またはクリックしてファイルを選択
📖 使い方・活用例
JSONデータをツリー形式で見やすく表示するツールです。テキストエリアへの貼り付けまたはファイルのドロップに対応。折りたたみ・展開が可能なツリービューで複雑なネスト構造も把握しやすく、2つのJSONの差分比較にも対応しています。
使い方
- 1
JSONを貼り付けまたはファイルをドロップ
テキストエリアにJSONを直接貼り付けるか、.jsonファイルをドロップします。
- 2
ツリー表示を確認
キーや値をクリックして展開・折りたたみができます。
- 3
差分比較（任意）
2つのJSONを入力すると、変更されたキーや値をハイライト表示します。
こんな時に使える
- ✓APIレスポンスのJSON構造を素早く把握したいとき
- ✓設定ファイル（package.json など）の内容を確認・比較したいとき
- ✓バックエンドのレスポンス変化をデプロイ前後で比較したいとき
- ✓ネストが深くて読みにくいJSONを整形して確認したいとき
💡 ヒント
- JSONが無効な場合はエラー箇所を行番号付きで表示します。
- 大きなJSONでも仮想スクロールで快適に操作できます。