JSON ツリービューア

JSONを折りたたみ可能な型付きツリーとして閲覧します。

JSONはツリーを構築するためにブラウザ内でローカルに解析され、サーバーへ何もアップロードされません。

きれいにインデントされた出力が必要ですか？JSON整形ツールをお試しください。

JSON ツリービューア について

このオンラインJSONツリービューアーは、生のJSONを折りたたみ可能で色分けされたツリーに変換し、密なテキストをスクロールせずに深くネストしたオブジェクトや配列を探索できるようにします。左側にAPIレスポンス・設定ファイル・ログの中身を貼り付けると、右側に即座にツリーが描画され、各値には型が付き、折りたたんだ配列やオブジェクトには項目数やキー数が表示されます。エンドポイントをデバッグする開発者、フィクスチャを確認するQAエンジニア、見慣れないJSON構造を理解しようとするすべての人のための、手軽なJSONビューアーとして機能します。不正なJSONは行と列とともに示されるため、構文エラーを素早く修正できます。ブラウザ内でローカルに動作するため、大きなドキュメントや機密性の高いドキュメントもご自身の端末で解析され、データが端末から外に出ることはありません。ネストしたJSONを探索し、値の形を辿り、複雑な中身を一目で把握するのにお使いください。

機能

JSON ツリービューア の使い方

  1. 左側の「入力JSON」ボックスにJSONを貼り付けるか入力します。
  2. 右側のツリーパネルに、型付きで色分けされたツリーとして描画されるのを確認します。
  3. 任意のオブジェクトまたは配列ノードをクリックして、その枝を展開または折りたたみます。
  4. JSONが不正な場合は、報告された行と列を読み、構文を修正します。

例

入力

{"user":{"id":7,"roles":["admin","editor"],"active":true}}

出力

object {1}
 └─ user object {3}
     ├─ id: 7
     ├─ roles array [2]
     │   ├─ 0: "admin"
     │   └─ 1: "editor"
     └─ active: true

オブジェクトは各値に型が付いた折りたたみ可能なツリーとして描画されます。

よくあるエラーとトラブルシューティング

よくある質問

JSONツリービューアーとは何ですか。
JSONを解析し、折りたたみ可能な型付きのツリーとして表示するオンラインツールで、生のテキストを読まずにネストしたオブジェクトや配列を辿れます。各値は型ごとに色分けされます。
JSONツリービューアーで深くネストしたJSONを探索するには。
左側にJSONを貼り付け、ツリーパネルで任意のオブジェクトまたは配列ノードをクリックして展開または折りたたみます。折りたたんだ枝には項目数やキー数が表示されるため、必要な部分だけを掘り下げられます。
JSONツリービューアーは大きく深くネストしたJSONを扱えますか。
はい。大きく深くネストしたドキュメントも描画でき、不要な枝を折りたたんでビューを高速で扱いやすく保てます。
JSONツリービューアーはJSONを変更したり保存したりしますか。
いいえ。ビューアーは解析した構造を表示するだけで、元のJSONが変更されたり保存されたりすることはありません。
JSONツリービューアーでJSONが不正な場合はどうなりますか。
ビューアーはエラーをテキスト中の正確な行と列とともに報告するため、構文の問題を素早く見つけて修正できます。
JSONツリービューアーを使うとデータはどこかに送信されますか。
いいえ。JSONはブラウザ内でローカルに解析され、端末から外に出ることはないため、機密性の高い中身もご自身の端末に留まります。

関連ツール

すべての ArrayKit ツール