Flat JSON text is hard to navigate for deeply nested documents. A collapsible tree lets you hide branches you do not care about and focus on the structure that matters. Collapsed nodes show a count of keys or items so you never lose context.

Why is my tree empty?

A tree can only be built from parseable JSON. If your input has syntax errors (trailing commas, single quotes, unquoted keys, comments), repair it first with JSON Fix, then view the cleaned result.

オンライン JSON ビューア — 折りたたみツリービュー

input.json

tree

Tree appears here after parsing.

JSON を貼り付けて折りたたみ可能なツリーとして探索できます。

Viewer のガイド

すべてのガイド →

ガイド

JSON フォーマッター・バリデーター・ビューアー：適切なツールを選ぶ

フォーマッター、バリデーター、ビューアー、ミニファイア、差分を横並びで比較し、API ペイロードをレビューするときに連鎖させる順序を示します。

ガイド

JSON の引用符なしキーを修正

name、active、profile のようなキーであっても、見た目は普通の識別子でも、有効な JSON では必ず引用符で囲む必要があります。

ガイド

LLM が出力した JSON を修復する

AI の応答は一見 JSON のようでも、Markdown フェンス、コメント、Python 風リテラル、JavaScript オブジェクト構文を含むことがよくあります。

インタラクティブな JSON ツリービューア

任意の JSON ドキュメントを貼り付けて、折りたたみ可能なツリーとして閲覧できます。オブジェクトや配列の横にある ▶ をクリックすると折りたためます —— ノードには隠されたキーや要素の数が表示されるので、巨大なドキュメントでも文脈を失わずに移動できます。▼ で再展開、またはパネル上部の Collapse all / Expand all を使ってください。

API 呼び出し、ログ行、設定ファイルからの JSON を view json したい？これはまさにそのために作られた online json viewer、json online viewer、** jsonviewer**、jsonview、json visualizer、** geojson viewer**、json object viewer、** obj viewer**、json document viewer、** json file viewer**（.json file viewer）、そして ** json reader online** です：貼り付け、パース、折りたたみ、展開。（よくあるタイプミス json viewr、json viwer も同じツールを指します。）React プロジェクトでは、react-json-view で同じツリーをアプリに埋め込めます。ペイロードをただ閲覧したいだけなら、本ページはインストール不要の代替手段です。エディタ組み込みのビューアが無い／うるさい場合や、深くネストされたレスポンスを json readable online にしたいときに便利です。ツリーを掘り下げる過程で、軽量な json path finder としても機能します —— キーを展開するたびに、そのドキュメント内での経路が一目瞭然です。

入力に構文エラーがある場合、ビューアはまず修復を試みてから描画します。詳しい修復出力を見たい場合は JSON Fix ツール、エラーの正確な位置を見たい場合は JSON バリデータをお使いください。

FAQ

ツリーが空なのはなぜですか？

パース可能な JSON のみがツリーを構築できます。入力に構文エラー（末尾カンマ、シングルクォート、クォートなしキー、コメント）がある場合は、先に JSON Fix で修復してから、クリーンな結果を閲覧してください。