JSON → HTML 表

オブジェクトの配列（JSON array of objects）を貼り付けて Convert をクリックします。キーが列ヘッダーになり、各オブジェクトが 1 行として出力されます。生成される HTML には適切な <table> / <thead> / <tbody> が含まれます。

生成される HTML は標準的な table 要素のみで、インラインスタイルは付けていません。そのため、任意の CSS フレームワークや独自 CSS を適用できます。HTML をコピーして、Tailwind や Bootstrap 用の class を追加するなどして調整してください。

キーが揃ったフラットな「オブジェクト配列」が最もきれいに表になります。例: [{"name":"Alice","role":"Dev"},{"name":"Bob","role":"QA"}]。ネストしたオブジェクトは、セル内で JSON を文字列化した形で表示されます。

はい。ツールは生の HTML コードと、レンダリングされたテーブルのプレビューを並べて表示します。見た目を確認してからコピーできます。