JSON から HTML テーブルへのレンダラー

JSON から HTML テーブルへのレンダラー

JSONオブジェクトの配列をスタイル付き、インタラクティブなHTMLテーブルに変換します。JSONデータを入力エリアに貼り付け、すぐにレンダリングされたテーブルを確認できます。ソート可能なカラム、カスタマイズ可能なスタイル、ネストされたオブジェクトの処理、カラムの非表示制御が可能です。結果を埋め込み可能なHTML、CSV、またはマーカードテーブル形式でエクスポートできます。

使用方法

入力エリアにJSONオブジェクトの配列を貼り付けます。ツールはオブジェクト間のすべてのユニークなキーを自動検出し、テーブルカラムとして表示します。テーブルスタイル（シンプル、ストライプ、ボーダー、コンパクト、またはダーク）を選択し、ネストされたオブジェクトの表示方法を設定し、カラムの非表示性を切り替えます。カラムヘッダーをクリックして並べ替えます。生成されたHTML、CSV、またはマーカードをコピーまたは、インラインスタイル付きの完全な.htmlファイルをダウンロードできます。

機能

• 5つのテーブルスタイル — シンプル、ストライプ、ボーダー、コンパクト、ダークのテーマ。各テーマはインラインCSSを生成し、どこに埋め込まれてもテーブルが正しく表示されます。
• ネストされたオブジェクトの処理 — 3つのモード：ストリング（JSON文字列として表示）、インライン展開（ドット表記のキーでフラット化、例：「address.city」）、または収縮可能（ネストされたコンテンツを場所に展開・収縮できるボタンを表示）。
• ソート可能なカラム — 任意のカラムヘッダーをクリックして昇順または降順で並べ替えます。文字、数字、日付に対応しています。
• カラムの非表示性 — 検出されたカラムごとに自動でチェックボックスが表示されます。特定のフィールドを非表示または表示してテーブル出力のカスタマイズを行えます。
• ページネーション — 50行を超えるデータセットには自動ページネーションが適用され、前/次ナビゲーションと行数の表示が提供されます。
• HTMLエクスポート — コピーまたはダウンロードして、インラインCSSを含む完全なHTMLを取得できます。ウェブページ、メール、ドキュメントなどに埋め込み可能です。
• CSVをエクスポート — コマ、引用、値内の特別文字を適切に処理したCSV出力です。
• マーカードエクスポート — GitHub、GitLab、または任意のマーカードレンダーレンダラーと互換性のあるクリーンなマーカードテーブル形式です。
• サンプルデータ — 例データをロードして、自分のデータを貼り付ける前にツールの動作を確認できます。

サポートされるJSON形式

ツールはJSONオブジェクトの配列を期待しています： [{"name": "Alice", "age": 30}, {"name": "Bob", "age": 25}]オブジェクトはキーが同じでなくてもよいです。一部のオブジェクトにキーが欠けている場合、空のセルが生成されます。ネストされたオブジェクトや配列は選択されたモードに従って処理されます。プリミティブ値（文字列、数字、ブーリアン、null）はテーブルセルに直接表示されます。