オンラインでJSONファイルを閲覧する方法
- JSONファイルを貼り付けるかドロップします。 ソースエディタにJSONを追加するか、
.jsonファイルを1つワークスペースにドラッグします。 - JSON構文を確認します。 ステータスバーに現在のソースが有効なJSONかどうかが表示されます。無効な場合、修正されるまでツリーは描画されません。
- ツリーを探索します。 オブジェクトや配列を展開・折りたたんで必要な値を確認し、ソースのコピーや編集を続けます。
このJSONツリービューアで確認できること
オブジェクトと配列
全体の構造を維持したまま、ネストされたオブジェクトや配列を展開できます。
型をひと目で確認
文字列、数値、真偽値、null値、記号が見やすいスタイルで区分されます。
オンラインJSONパーサー
有効なJSONを貼り付けるとブラウザ内でパースされ、ソースの横にツリー構造が表示されます。
ローカルJSONファイルビューア
.jsonファイルをドロップするとエディタに読み込まれ、同じタブで表示・確認できます。
安全なテキストレンダリング
JSONのキーと値はテキストとして挿入され、ページのHTMLとして解釈されることはありません。
JSONソースと構造を並べて確認
オブジェクトと配列を探索
ネストされたオブジェクトや配列は、折りたたみツリーのブランチとして表示されます。必要なブランチを開くことで、ソース全体のカッコやカンマを追うことなく、APIレスポンスや設定ファイル、保存されたJSONドキュメントを素早く確認できます。
ツリー描画前に正しいJSONであるか確認
ビューアはツリーを表示する前にソースをパースします。JSONはダブルクォーテーションで囲まれたプロパティ名と文字列、正しいカンマの位置、対応するカッコが必要です。構文エラーの自動修復やJSON Schemaによるバリデーションは行いません。
JSONデータの安全性について
入力、貼り付け、パース、ツリー描画のすべての処理はブラウザ上で行われます。JSONビューアがドキュメントの検証や表示のためにサーバーへリクエストを送信することはありません。
画面を共有する場合は、プライベートウィンドウを使用するか機密情報を削除してください。ブラウザ拡張機能や端末上の他のソフトウェアはビューアの管理外となります。
JSONビューアとJSONフォーマッターのどちらを使うべき？
| 目的 | 最適なツール |
|---|---|
| ネストされたJSONをツリー形式で表示・確認したい | この JSON Viewer を使用してください。 |
| 正しいJSONを2スペースのインデントで整形したい | JSON Formatter を使用してください。 |
| JSONデータをスプレッドシート形式に変換したい | ソースを確認後、JSON to CSV または JSON to Excel を使用してください。 |
JSONビューアのよくある質問 (FAQ)
JSONビューアとは何ですか？
JSONビューアは、有効なJSONソースをパースし、そのオブジェクトや配列を見やすくナビゲートしやすい構造で表示するツールです。このオンラインJSONビューアは階層構造をツリー形式で提供します。
オンラインでJSONファイルを表示できますか？
はい。 .json ファイルを1つワークスペースにドロップすると、テキストがソースペインに読み込まれ、同じタブ内でツリーとして確認できます。
入力したJSONはサーバーにアップロードされますか？
いいえ。 JSONのパース、検証、ツリーの描画はすべてお使いのブラウザ内でローカルに実行されます。サーバーへの送信は一切行われません。
ここでJSONを編集できますか？
はい。 左側のソースを編集すると、構文が正しい場合に右側のツリーが自動更新されます。インデントを整えて整形したい場合は JSON Formatter をご利用ください。
なぜJSONツリーが表示されないのですか？
ツリーを表示するには、ソースが正しいJSON形式である必要があります。プロパティ名と文字列がダブルクォーテーションで囲まれているか、カンマの位置やカッコの対応が正しいか確認してください。
JSON Schemaによるバリデーション機能はありますか？
いいえ。 このビューアはJSONの構文チェックのみを行います。JSON Schemaによるスキーマ検証機能は含まれていません。