JSON to Table コンバーターJSON to Table

JSONから始めましょう

左側にJSONを貼り付けるか、サンプルを読み込んで表をプレビューしてください。

ヒント：Ctrl+V ですばやく貼り付けられます。

JSON to Table コンバーターとは？

大量のJSONデータを前にして、表で見られたらいいのに、と思ったことはありませんか？このツールはまさにそれを実現します。深夜にAPIレスポンスをデバッグしているときも、データベースのエクスポートを読み解こうとしているときも、JSON to Table コンバーターは波括弧の壁を、すっきりと並べ替えできる表に変えてくれます。

私たちがこれを作ったのは、データを見るためだけにJSONを手作業で解析したり、ちょっとしたスクリプトを書いたりするのに疲れたからです。APIを扱う開発者、データセットを探索するデータアナリスト、あるいは日常的にJSONを扱うすべての人にとって、このツールは複雑さを取り除きます。左側にJSONを貼り付ければ、右側で表になります。セットアップも設定も不要で、ただ動きます。JSON標準について詳しく知りたい場合は、JSON公式仕様やRFC 8259の技術ドキュメントをご覧ください。

JSON to Table コンバーターの使い方

  1. JSONを貼り付ける – JSONデータをコピーして左側のエディターパネルに貼り付けます。「Sample」をクリックすればサンプルデータを読み込んで動作を確認することもできます。
  2. 自動変換 – ツールは有効なJSONを自動で検出し、右側のパネルでリアルタイムに表へ変換します。何もクリックする必要はなく、瞬時に処理されます。
  3. フィルターと検索 – 列フィルターでデータを絞り込んだり、グローバル検索ボックスですべての列から特定の値を探したりできます。
  4. ネストされたデータを展開 – ネストされたオブジェクトや配列の横にある矢印アイコンをクリックすると、その内容がインラインで表示されます。複雑なデータ構造の探索に最適です。
  5. 列の並べ替え – 任意の列ヘッダーをクリックすると、データを昇順または降順に並べ替えられます。パターンの発見やデータの整理に便利です。
  6. 最大化表示 – 大きなデータセットの場合は「Maximize」ボタンをクリックすると、1ページあたりの行数を増やして全画面で表を表示できます。

ヒント： Ctrl+V（MacではCmd+V）でJSONをエディターにすばやく貼り付けられます。変換は瞬時に行われます。

例

HSSルックアップから返されたアクティブなモバイル加入者のリストです。左側のJSONが右側の表としてレンダリングされ、上の実際のツールと同じスタイルになります。

JSON → 表のプレビュー 実際の形
subscribers.jsonJSON · 3レコード
[
  { "msisdn": "447700900142", "imsi": "234150999912345", "plan": "Unlimited 5G",   "roaming": true,  "rsrp":  -92 },
  { "msisdn": "447700900458", "imsi": "234150999967810", "plan": "Pay As You Go",  "roaming": false, "rsrp": -104 },
  { "msisdn": "447700900773", "imsi": "234150999934562", "plan": "Business 200GB", "roaming": true,  "rsrp":  -78 }
]
レンダリングされた表3行 · 5列
msisdnimsiplanroamingrsrp
447700900142234150999912345Unlimited 5Gtrue-92
447700900458234150999967810Pay As You Gofalse-104
447700900773234150999934562Business 200GBtrue-78

よくある利用シーン

APIレスポンスの分析

REST APIを扱う場合、レスポンスはJSON形式で返ってくることがよくあります。APIレスポンスをすばやく表に変換すれば、パターンの把握、データの検証、技術者でないチームメンバーとの結果共有が簡単になります。ネストされたJSONをスクロールする代わりに、並べ替え・フィルタリングできる列にすべてが整理されて表示されます。

データベースエクスポートの確認

MongoDBやFirebaseなどのデータベースからデータをエクスポートする際、JSONはよく使われる形式です。表に変換すれば、レコードをすばやく確認したり、不整合を見つけたり、レポート用にデータを準備したりできます。生のJSONエクスポートを読むよりずっと簡単です。

設定ファイルの検証

JSON設定ファイルを扱っていますか？表として表示すれば、必須フィールドがすべて揃っているか、複数のエントリで値が正しいかを簡単に確認できます。JSONを扱う詳しいチュートリアルについては、MDNのJSONガイドやW3SchoolsのJSON入門チュートリアルをご覧ください。

よくある質問

このツールを使うとき、JSONデータは安全ですか？

もちろんです。すべての処理はJavaScriptを使ってブラウザ内で完結します。JSONがサーバーにアップロードされることは一切なく、完全なプライバシーとセキュリティが保たれます。データはお使いのデバイスから外に出ません。

JSONにエラーがある場合はどうなりますか？

ツールは問題のある箇所を示すエラーメッセージを表示します。よくある原因は、引用符の不足、余分なカンマ、閉じられていない括弧などです。エラーを修正すると表が表示されます。行き詰まったときは、Stack OverflowのJSONコミュニティに何千もの一般的なJSON問題への答えがあります。

このツールは大きなJSONファイルを扱えますか？

はい。パフォーマンスが最適化されており、数千件のレコードを含むJSONファイルも扱えます。非常に大きなファイル（10MB以上）の場合、最初の解析に数秒かかることがありますが、読み込まれた後はスムーズに動作します。

ネストされたオブジェクトや配列はどう表示しますか？

ネストされたデータは展開可能なセルとして表示されます。ネストされたオブジェクトや配列の横にある矢印アイコンをクリックすると、その場で展開されます。「Expand All」「Collapse All」ボタンですべてのネストデータを一度に展開・折りたたみできます。

モバイル端末でも動作しますか？

はい。このツールは完全にレスポンシブで、スマートフォンやタブレットでも動作します。レイアウトは小さな画面に合わせて調整されるため、外出先でもJSONの表変換と表示ができます。

関連ツール