JSON → HTML テーブル変換

機能

このツールは、API のレスポンスやエクスポートなどの JSON データを HTML テーブルに変換します。各オブジェクトが行に、各キーが列になります。ネストしたオブジェクトはドット区切りの列名に展開されるため、テーブルは 2 次元のまま保たれます。

使い方

1. 入力 欄に JSON を貼り付けるか、.json ファイルをアップロードするか、サンプル をクリックします。
2. 入力に合わせて右側にテーブルのマークアップが表示されます。不正な JSON はその位置とともに報告されます。
3. データ行だけが必要な場合は ヘッダー行を含める をオフにします。
4. HTML をコピーするか、.html ファイルとしてダウンロードします。

例

[
  { "name": "Alice", "address": { "city": "Shanghai" }, "tags": ["admin", "editor"] },
  { "name": "Bob", "address": { "city": "Beijing" } }
]

からは name、address.city、tags の列を持つテーブルができます。Alice の tags セルは admin; editor となり、Bob のセルは空になります。

ヒント

• API のレスポンスを表示するには、レスポンス全体を貼り付けてください。{"items": [...]} のような形なら、行は自動的に items から取り出されます。
• 変換前に JSON を確認したり修正したりしたい場合は、先に JSON 整形ツールを使ってください。