HTMLテーブル ↔ CSV変換

// HTMLテーブル ↔ CSV変換に関するよくある質問

HTMLとCSVの変換はどんな時に使いますか？

**HTML→CSV**: Webページの表データをExcelで分析したい、公開データを取得して加工したい時。**CSV→HTML**: ブログ記事に表を載せたい、WordPressで表組みを作りたい、HTMLメールに表を埋め込みたい時。それぞれの方向で活躍します。表を手打ちする手間が大幅に減ります。

どんなHTMLテーブルに対応してる？

標準的な `<table>`・`<thead>`・`<tbody>`・`<tr>`・`<th>`・`<td>` タグ構造に対応しています。ネストされたテーブルや装飾用の複雑なマークアップも、テキスト部分は正しく抽出できます。ただし `colspan`・`rowspan` の結合セルはテキストのみ抽出され、結合情報自体はCSVでは表現できません。

Webページの表をコピーする方法は？

3つの方法があります。(1) ブラウザで F12 → 開発者ツール → Elementsタブで `<table>` を右クリック → Copy → Copy outerHTML。(2) ページのソースを表示 → `<table>` から `</table>` までを選択コピー。(3) 対応するブラウザ拡張機能を使う。抽出したHTMLを本ツールに貼るだけでCSV化できます。

CSVのカンマを含むデータはどうなる？

RFC 4180 準拠で処理します。フィールド内にカンマ・ダブルクォート・改行が含まれる場合、ダブルクォートで自動的に囲みます（例: `Smith, John` → `"Smith, John"`）。CSV→HTML 変換でもダブルクォート囲みを正しく解析するので、企業名・住所・商品名などの表データも問題なく扱えます。

生成したHTMLテーブルにCSSは含まれる？

CSSは含まれません。構造的なHTML（`<table>`・`<tr>`・`<th>`・`<td>`）のみを出力します。スタイルはご自身のCSSで自由に設定してください。「シンプルなHTML構造だけ欲しい」ニーズに合わせているので、既存サイトのデザインに合わせやすくなっています。

大きな表でも変換できる？

数百行程度のテーブルなら快適に変換できます。数千行を超える大きなテーブルはブラウザの動作が重くなる可能性がありますが、通常の用途では十分対応可能です。実際にありがちなランキング（100位まで）、商品一覧、統計データ（都道府県別など）レベルは問題ありません。

CSV→HTML でヘッダーなしにしたい

「1行目をヘッダーにする」チェックボックスをOFFにすると、全行が `<tbody>` 内の `<td>` として出力されます。ヘッダー行がないCSVや、意図的に表全体を統一したい場合に使ってください。デフォルトはON（1行目 = ヘッダー）です。

WordPressの記事に貼り付けるには？

WordPressのブロックエディタで「カスタムHTML」ブロックを追加し、生成された `<table>` タグをそのまま貼り付けてください。旧クラシックエディタでは「テキスト」タブに貼り付けます。CSS で見た目を整えたい場合は、テーマの追加CSSに `table { border-collapse: collapse; }` 等を追記します。

縦書き・結合セルは扱える？

現バージョンは通常のシンプルな表（行×列の格子状）に最適化されています。`colspan`・`rowspan` の結合セルはテキスト抽出はできますが、CSVで結合情報を復元することは仕様上できません。複雑な表組みは手動調整が必要になります。

表やCSVのデータは外部に送信されますか？

いいえ、すべての処理はブラウザ内で完結します。表データがサーバーに送信されることはありません。社内の売上データ、顧客リスト、非公開の統計データも安心して変換できます。