メインコンテンツへスキップ
Toolars
探索
バグを報告

開発 · ローカルユーティリティ

JSON ツリービューアー

JSON Tree Viewer

256 KiB までの JSON をローカルで確認・整形。重複キーと末尾のカンマを拒否し、整形済みまたは圧縮した JSON をアップロードせずに書き出せます。

タスクの道筋 / 入力から結果へ

JSON を貼り付ける

操作例

ローカルで実行 · アップロードなし

操作例

識別子を丸めずに API 応答を読む

架空の API 応答で数値、文字列、配列を見分けます。JavaScript の安全な整数範囲を超える ID も桁を保つ必要があります。構文の確認は業務ルールの検証ではありません。

入力と設定
{"items":[{"id":9007199254740993,"active":true}]}
期待される出力
id: 9007199254740993 · active: true

再現手順

貼り付けて items と最初のオブジェクトを展開します。ツリー、整形、圧縮表示と型ラベルを比較します。字下げは2または4スペースです。

利用前の確認

9007199254740992 に変わっていないことを確認します。末尾カンマを加えてエラーを試し、削除して再解析します。重複キーは上書きせず拒否されます。実利用前にアプリのスキーマとも照合してください。

JSON ツリービューアーの使い方、プライバシー、関連ツール

タスクの道筋 / 入力から結果へ

JSON をツリーとして探索する方法

  1. 01

    JSON を貼り付ける

    「JSON 入力」にドキュメントを貼り付けるか、「サンプルを読み込む」でネストした例を入れます。ツールバーには常に制限が表示されています。入力 256 KiB、ネスト 40 レベル、10,000 ノードです。

  2. 02

    チェッカーに解析させる

    貼り付けた JSON は即座にチェックされ、入力した変更は短い間隔を置いてからチェックされるので、大きなドキュメントがキーストロークごとに再検証されることはありません。無効な入力には、安定したエラー、行と列、付近の抜粋、回復のヒントが示され、「エラーへ移動」で問題へ直接ジャンプできます。

  3. 03

    ツリーを調べる

    「ツリー」タブでノードを自由に展開・折りたたみできます。各行には型バッジとサイズ(配列はアイテム数、オブジェクトはキー数、文字列は文字数)が付き、概要行には合計ノード数と深さが表示されるので、深いドキュメントでも見通せます。

  4. 04

    出力を整形または圧縮する

    「整形済み」で読みやすいドキュメントに、「圧縮」でコンパクトな 1 行の結果に切り替え、整形後のインデントは 2 または 4 スペースを選びます。どちらのビューも同じ解析値から生成されるので、常にツリーと一致します。

  5. 05

    結果をコピーまたはエクスポートする

    「JSON をコピー」で整形済みドキュメントをクリップボードに入れ、「.json をダウンロード」でファイルとして保存します。確認が終わったら、「クリア」でソースとツリーを一度に空にできます。

  6. 06

    この結果を続けて処理

    この結果のコピーを使う新しい作業領域を下に開きます。送信や保存は行わず、準備ができたら次のツールを実行します。 後続の作業領域は一度に1つです。切り替える前に閉じてください。元の結果の変更、ページからの移動や再読み込み、または開いてから10分でコピーと編集内容が消去されます。元の内容はそのままです。

ツールの概要

処理
ブラウザー内で完結
入力の外部送信
なし
保存
一切保存しません
価格
無料

入力はブラウザに留まります。

JSON ツリービューアー は検証済みのローカル実行パスを使用し、隠れた入力・出力履歴を作成しません。

ローカル実行

現在のブラウザタブ内で実行されます。

隠れた処理なし

使用中のツールデータが Toolars のドキュメントレコードになることはありません。

アカウント不要

プロフィールを作成せずにコアワークフローを使えます。お気に入りはログイン後にアカウントへ同期されます。

即時リセット

タブを閉じれば、作業中のデータは消えます。

JSON ツリービューアー が役立つ場面

API レスポンスを確認

{"items":[{"id":7}]} → items とその最初のオブジェクトを展開すると、id の数値は 7 です。

大きな整数をそのまま保持

{"id":9007199254740993} → 圧縮出力でも 9007199254740993 を保持し、9007199254740992 には丸めません。

末尾のカンマを修正

{"ok":true,} → 末尾のカンマは拒否されます。削除して {"ok":true} に直し、もう一度解析します。

JSON ツリービューアー が実際に行うこと

API レスポンスは 10 レベルもネストしていて、必要な 1 つのフィールドがどこかに隠れている。生のテキストの壁をスクロールすると値を読み違えるものです。デプロイパイプラインから来た設定ファイルは次のリリース前に監査する必要があり、テストフィクスチャは編集ではなく形の確認が必要です。この JSON ツリービューアーは、ドキュメントを折りたたみ可能な型とサイズの地図に変えます。すべてブラウザ内で完結します。ペイロード(顧客データ、トークン、設定)は、ナビゲートしている間デバイスを離れず、離れた後にドキュメントの何かが記憶されることもありません。

よくある質問

制限はどのくらいですか?
入力は 256 KiB まで、ネストは最大 40 レベル、ノードは最大 10,000 個です。ツールバーに 3 つの数値すべてが表示されます。どれかの制限を超えたドキュメントは、超えた制限を名指しするメッセージで拒否されます。
なぜ __proto__、constructor、prototype が拒否されるのですか?
これらのプロパティ名を拒否し、プロトタイプ汚染のリスクを減らします。検査に通っても、別のアプリで安全に結合・利用できることは保証しません。
ビューアーは JSON を編集・並べ替えしますか?
数値キーを含め入力順を保持します。大整数や指数も元の表記を保ちます。空白や文字列のエスケープ表記は整えますが、文字列の値は変えません。重複キーは値を黙って失わないようエラーにします。
コメントや末尾カンマは受け付けますか?
いいえ。パーサーは厳密な JSON を実装していて、コメント、末尾カンマ、シングルクォートの文字列は、修正を指すヒント付きのエラーとして報告されます。ソースがそれらを許す設定フォーマット由来なら、先に余分な部分を取り除いてください。エラー位置があるので 1 つずつ簡単に見つけられます。
エラーレポートは何を教えてくれますか?
すべての失敗には、安定したエラー名、行と列、付近のテキストの抜粋、そしてコロンの追加や末尾カンマの削除のような平易な回復ヒントが付きます。「エラーへ移動」でカーソルが正確な場所に移動するので、大きなドキュメントの修正は検索ではなく一ジャンプです。
JSON はどこかにアップロードされますか?
いいえ。解析は現在のブラウザタブ内だけで行われ、入力と解析済みデータが保持されることはなく、アカウントも不要です。「クリア」を押すとソースとツリーの両方が空になります。

あわせて読む

開発者ツールを続ける

行き止まりではなく、関連タスクへ。

完全な索引に戻らずに、別のフォーカスされたワークスペースへ移動できます。

テキスト・JSON 差分比較

Text & JSON Diff

テキストを行・単語・文字単位で、JSON は構造ごとに比較。分割・統一ビュー、変更間移動、unified patch の書き出しに対応。

作成

構造化データ変換

Structured Data Converter

JSON・YAML・CSV を明示的な形式指定で相互変換。スプレッドシート安全な CSV 出力と、生じる損失すべてへの警告。

変換

JWT エンコード / デコード

JWT Encoder/Decoder

HS・RS・ES 各 256〜512 の JWT をデコード・署名・検証し exp/nbf を確認。鍵とトークンはタブの外に出ない。

変換

Base64 エンコード / デコード

Base64 Encoder/Decoder

Unicode テキストのエンコードや Base64 のデコードをローカルで行います。URL セーフ値にも対応。

変換