JSONをHTMLに変換

JSONを貼り付けるだけでHTMLテーブルを作成。 ネストされたオブジェクトはサブテーブルに自動展開されます。すべての処理はブラウザ内で完結するため、データが端末外へ送信されることはありません。

貼り付けテキストまたは50 MBまでの.json / .txtファイル

JSONを貼り付けるか、ファイルを選択してください。ドラッグ＆ドロップも可能です。

レイアウト
出力形式

変換後のプレビューがここに表示されます。

仕組みについて

このJSONからHTMLへの変換ツールは、貼り付けたテキストやローカルファイルを意味のあるHTMLに変換します。行ごとに確認したいデータには「テーブル」、階層構造のあるデータには「リスト」を選択してください。変換はブラウザのWeb Worker内で実行されるため、JSONデータが外部サーバーへ送信されることはなく、アカウント登録も不要です。

各JSON構造の変換対応

入力JSON出力結果
オブジェクトの配列ヘッダー行付きテーブル。各オブジェクト内のすべてのキーが出現順に列となり、存在しないキーは空セルになります。
単一のオブジェクトキーを行ヘッダー、値を隣のセルに配置した2列のテーブル。
ネストされたオブジェクトまたは配列オブジェクトやオブジェクト配列はネストされたサブテーブルになります。単純な値の配列はセル内のリストになります。
単一の値、または単純な値の配列単一セルのテーブル、または配列用の1列表。nullや空値は空セルになります。

注文、連絡先、APIレスポンスなどの構造化データには「テーブル」を使用します。列よりも階層の深さが重要な場合は「リスト」を使用してください（オブジェクトは定義リスト、配列は箇条書きリストになります）。変換後もデータを再入力することなくレイアウトを切り替えられます。いずれのレイアウトでも出力はテキストのみです。HTMLタグと誤認される文字はエスケープされるため、画像タグなどの値も安全なテキストとして表示されます。

「テーブルのみ」は、CMSやメールテンプレート、既存ページに貼り付けるためのHTMLスニペットを出力します。「完全なHTMLページ」は、文書構造、タイトル、viewport設定、基本のテーブルスタイルを追加します。独立したファイルとして開きたい場合はこちらをダウンロードしてください。「プレビュー」は隔離された枠内で表示し、「HTMLコード」はコピーまたはダウンロードされる実際の内容を表示します。

50 MBまでのテキスト貼り付けまたは.json/.txtファイルに対応しています。ページの快適な動作を維持するため、プレビューには最大500行まで表示されますが、コピーやダウンロードには全データが含まれます。出力が非常に大きい場合、コード枠には冒頭のみ表示されますが、「HTMLをコピー」および「HTMLファイルをダウンロード」は完全な内容を保持します。数値はJSON本来の表記が維持されます。巨大な整数をJSON.parseで安全に扱えない場合でも、元の桁数を保持して警告を表示します。

JSONを解析できない場合、エラーメッセージに行と列を表示し、修正方法を提案します。よくある原因は末尾のカンマ、一重引用符、クォートなしのキー、コメントなどです。1行に1レコードを含むJSON Linesファイルの場合は、「行を配列で囲む」を使用して変換してから再度実行してください。