JSON ビューア

テキストと折りたたみツリーのビューア。展開/折りたたみとノードパスに対応。

JSONはブラウザ内でローカルに解析・表示され、サーバーへ何もアップロードされません。

JSONからTypeScriptの型が必要ですか？JSON to TypeScriptツールをお試しください。

JSON ビューア について

このJSONビューアーは、JSONを読みやすく整える2ペインのワークスペースを提供します。テキストタブでデータを編集・整形・圧縮し、ビューアータブに切り替えて折りたたみ可能なツリーとして辿れます。テキストの壁を探し回らずにJSONをオンラインで表示する必要のある開発者、QAエンジニア、APIレスポンスをデバッグするすべての人のために作られています。ノードを展開・折りたたみし、ネストしたオブジェクトや配列を掘り下げ、任意の値をクリックしてその正確なパスをコピーできます。JSONツリービューアーとして機能すると同時に、手軽なJSON整形ツールとしても使え、圧縮された中身を美化し構造を一目で把握できます。すべては完全にブラウザ内で動作するため、データが端末から外に出ることはなく、サーバーへ何もアップロードされません。

機能

JSON ビューア の使い方

  1. テキストタブにJSONを貼り付けるか入力します。
  2. 「整形」をクリックして美化するか、「圧縮」でコンパクトにし、正しいことを確認します。
  3. ビューアータブに切り替えて折りたたみ可能なツリーを表示します。
  4. 「すべて展開」または「すべて折りたたみ」を使うか、個々のノードをクリックして掘り下げます。
  5. 値をクリックし、下部のバーからそのパスをコピーします。

例

入力

{"author":{"name":"Ada","links":["site","blog"]}}

出力

{
  "author": {
    "name": "Ada",
    "links": [
      "site",
      "blog"
    ]
  }
}

テキストタブで整形した例。ビューアーで最初のリンクをクリックすると author.links[0] のパスが表示されます。

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

よくある質問

JSONビューアーは何に使いますか。
JSONビューアーではJSONを整形・圧縮し、折りたたみ可能なツリーとして探索できるため、生テキストの壁を読まずにAPIレスポンスや設定ファイルを読めます。
JSONビューアーで値へのパスを取得するには。
ビューアータブで任意のノードをクリックすると、そのパス（例：author.links）が下部のバーに表示され、コピーできる状態になります。
ツリー全体を一度に展開または折りたたみできますか。
はい。ツールバーの「すべて展開」「すべて折りたたみ」ボタンを使うと、ドキュメント全体をワンクリックで変形できます。
JSONビューアーはJSONの整形や圧縮もできますか。
はい。テキストタブで「整形」「圧縮」ボタンを使って生JSONを美化またはコンパクトにし、ビューアータブで辿れるツリーとして表示します。
JSONビューアーを使うとJSONはどこかに送信されますか。
いいえ。JSONビューアーはすべてをブラウザ内でローカルに処理するため、データが端末から外に出ることはなく、何もアップロードされません。
JSONビューアーは不正なJSONをどう扱いますか。
ビューアータブはツリーを構築するために正しいJSONを必要とします。テキストタブで示されたエラー（行と列を含む）を修正すれば、ツリーが描画されます。

関連ツール

すべての ArrayKit ツール