JSON ビューア
ツリー・表・テキストで JSON を閲覧
Explore deeply nested JSON without scrolling endlessly
Long API payloads, GraphQL responses, and AI tool outputs are hard to read as raw text. A tree view lets you collapse what you don't care about and drill into the parts that matter, so you can find a specific field, count items in an array, or understand the overall shape of an unfamiliar response in seconds.
Use the viewer when you need to
Inspect an unfamiliar API response
Expand and collapse nodes to learn the structure before you wire it into your code or write parsing logic.
Locate a specific field in a large payload
Use the path display and search to jump straight to the value you need without scrolling through thousands of lines.
Switch between tree, table, and raw views
Tree view fits nested data, table view fits arrays of objects, and raw view fits copy-paste — switch as the question changes.
How to view JSON quickly
- 1
Paste the JSON payload or upload a file.
- 2
Choose tree view for nested data or table view for arrays of objects.
- 3
Click any value to copy it, or use the path display to share a pointer to a specific field.
Keep going
Query with JSONPath
Pull specific values out of large payloads using $.path expressions instead of scrolling.
Visualize as a graph
Render the same payload as an interactive node graph when relationships matter more than values.
Find oversized fields
Spot which keys make a payload heavy when network performance matters.
Format raw JSON first
Beautify minified JSON before exploring it for a cleaner reading experience.
Common viewer workflows
Paste a sample response and walk the tree to see what fields exist before writing client code.
Open the file in tree view to verify nested settings without skimming hundreds of lines.
Copy the dotted path next to a node and paste it into a ticket or message instead of describing it in prose.
関連ツール
よくある質問
JSONを貼り付けてTree Viewで構造をたどります。任意の深さでノードを展開／折りたたみでき、深さ指定で「特定レベルまで一括展開」も可能です。値をクリックするとコピーできます。
高度な検索はJSONPath Testerが便利です。例：$.store.book[?(@.price < 10)] は$10未満の本を抽出します。単純な文字検索なら、エディタ表示でCtrl+Fを使ってください。
Tree Viewは階層構造をそのまま表示するため、ネストが深いデータの確認に向いています。Table Viewは行・列にフラット化して表示するため、オブジェクト配列（APIレスポンスなど）の閲覧に最適です。
現時点では、JSONを直接エディタに貼り付けてください。手早い手順としては、APIエンドポイントをブラウザで開いてレスポンスをコピーし、JSON Viewerに貼り付けます。URLからの直接取得も対応を進めています。