読みやすさのためのオンラインJSONビューア
多くのJSONビューアは基本的なツリー表示で終わります。小さなファイルなら十分ですが、幅の広いAPIレスポンスや深いネストには向きません。ここでは貼り付けまたはインポートで、左にJSONエディタ、右にライブなJSONプレビュー。構文エラーは分かりやすい日本語で表示。同じデータをツリー、見やすい表、またはドラッグ可能なスタジオカードで読めます。プレビューの任意の項目をクリックするとエディタがそのパスへジャンプ—オンラインでのJSON閲覧にも、数値を直してエクスポートする軽いJSON編集にも使えます。整形・圧縮・キー並べ替え・貼り付け時の修復・.jsonの保存まで1か所で。
3つのプレビュー
クリックで位置合わせ
編集とエクスポート
JSONを見るだけなら、汎用ツリーでは足りないことが多い
ログ、Webhook、OpenAPIの例、モデル出力はすべてJSONとして届きます。オンラインのJSONパーサーは正しいかどうかは教えてくれますが、40個のキーを持つオブジェクトの意味を理解したり、同じレスポンスの2バージョンを比べたりまでは手伝ってくれません。そのためJSONオブジェクトビューアやJSONエクスプローラーを探す人が増えています。私たちは「ファイルを受け取った」と「信頼できる」のあいだの瞬間のために、このワークスペースを作りました。
ツリーだけのオンラインJSONビューアとの違い
パスとシェブロンが欲しいときは、いつものツリー表示が使えます。ただしそれだけに縛られません。表スタイルはAPIドキュメントのように読め、型ごとに値が目立ち、同型のオブジェクト配列は本当の表になります。スタジオはネストしたオブジェクトを、ファイルを編集せずにドラッグ・リサイズ・ズームできるカードにします。デスクトップではプロパティ列に現在階層のフィールドを表示。スマホではシートで開けます。
ツリー・表・スタジオのいずれでも項目をクリックすると、エディタ内の同じパスがハイライトされます。レビューと小さな修正が同期したまま進められます。タブ、閲覧モード、乱れた貼り付けの修復、キー並べ替えも揃っています。フルIDEではありません。JSONを開き、素早く理解し、信頼できるファイルを持って去るためのツールです。
ページ上部へ読みやすいJSONプレビューの表レイアウト
幅の広いオブジェクトを、同じ枝をツリーで追いかけなくても一覧できます。ネストした表と型の色分けでフィールドが区別しやすくなります。
ネスト構造向けのスタジオカード
大きなオブジェクトを作業台のように扱えます。ブランチにフォーカスし、カードをドラッグして並べ、終わったらズームアウト。
プレビューとソースのクリック連動
プレビューを地図、エディタを正とします。選択が同期するので、修正はスクロール探しではなく数秒で済みます。
JSONツリービューア以上の機能を1画面に
プレビュー・確認・編集・エクスポートをツールを替えずに。
1つのオンラインJSONビューア、同じファイルの3つの読み方
シンプルなツリーモードは定番の高速表示。パスで考えるときにオブジェクトと配列を展開・折りたたみできます。表モードは、デバッガーではなく仕様書のように見せたいとき向けです。スタジオモードは深いツリー向け—カード、フォーカス、ズームが縦スクロールの繰り返しに勝ちます。3つすべての背後には本格的なJSONオンラインエディタがあります。等幅ハイライト、複数タブ、整形・圧縮、キー並べ替え、乱れた貼り付けの修復。ディスクから.jsonをインポートするか、組み込みサンプルで配列とネストしたmetaの表示を確認できます。完了したらエクスポート。デスクトップではソース・プレビュー・プロパティの3列レイアウトで、階層のフィールドを読みながら全体像も把握できます。それが、より直感的なオンラインJSONリーダーという意味です。トンネル視野が減り、モードの行き来が減り、「このフィールドは何か」から「ファイルの何行目か」までの道筋が短くなります。
- ツリー・表レイアウト・スタジオカードの3つのプレビュー。折りたたみツリーだけではありません。
- プレビューをクリックすると、エディタ内の同じ行へジャンプ。編集と表示が同期します。
- プロパティパネルで現在の階層のフィールドを一覧表示。何度もクリックして探す必要がありません。
- 整形・圧縮・キー並べ替え・よくある構文の修復・エクスポートを1ページで。
JSONファイルの見方
レスポンスを貼り付け、読み方を選ぶ
APIの出力、ログ行、アシスタントのJSONをエディタに入れます。解析に成功したら、パスベースならシンプルなツリー、表計算のように読むなら表、深さでカードが助けになるならスタジオを選びます。プレビューでキーをクリックするとソースのキャレットがジャンプ—会議で「そのフィールドはどこ？」と聞かれたときに便利です。引き渡し前は整形、チケットに入れるときは圧縮。
ローカルファイルをJSONファイルビューアとして開く
フィクスチャ、設定断片、Postmanなどからのエクスポートはインポートで。JSONにtitleやnameがあればタブ名が更新されます。期待するスキーマと合うか確かめるなら、別タブでサンプルを開いたままにできます。構文エラー時は手で探す前にプレビュー下のメッセージを読んでください。多くの場合、最初の壊れた文字を指します。
プレビューをガイドに編集する
開発中はJSONテスターとして使えます。貼り付け、検証、エディタで値を少し変え、プレビューが更新されるか確認。プロパティパネルは現在階層の兄弟フィールドを示すので、ツリー全体を展開しなくても比較できます。構造だけ見せたい相手には閲覧モードでエディタを隠せます。大きなファイルでは最初に「すべて展開」し、不要な枝だけ折りたたみ—表とスタジオは、空白を眺めるのではなく理解するためにあると覚えておいてください。
本番JSONを貼る前によくある質問
このページでオンラインJSONビューアを使う
上部のワークスペースへスクロールし、貼り付けまたはインポート。ツリーだけでは窮屈なら表やスタジオを試してください。
