当サイトはWordPressテーマNULLで作られています。

CSVからHTMLの表に変換するツール

CSVやExcelのデータを、HTMLの表(tableタグ)に変換するツールです。ExcelやGoogleスプレッドシートのセルをコピーして貼り付けるだけでも変換できます。

ブログやWebサイトに表を載せたい時にお使いください。

CSVをHTMLの表に変換

1. データを入力する

CSVを貼り付けるか、CSVファイルを選んでください。Excelからコピーしたデータ(タブ区切り)もそのまま使えます。

2. 変換の設定をする

区切り文字
見出し

背景色を付ける場所
背景色・文字色
背景色文字色
その他

tableのclass
空欄なら付けません

3. コードをコピーする


プレビュー

データを入力すると、ここに表のプレビューが表示されます。

使い方のポイント

  • 入力すると、その場でコードとプレビューが更新されます。
  • 「”」で囲まれた値の中のカンマや改行も、1つのセルとして正しく読み込みます。
  • Excelで保存したShift_JISのCSVファイルも、文字化けせずに読み込めます。
  • 「<」「&」などの記号は、HTMLで正しく表示されるように自動で変換します。
  • 行によって列の数が違う場合は、足りないセルを空欄で補います。
  • 背景色・文字色はセルに直接(style属性で)書き込むため、テーマのCSSを変えなくてもそのまま反映されます。

(コラム)CSVとは?

CSV(Comma-Separated Values)は、値をカンマで区切って並べたテキスト形式のデータです。Excelやスプレッドシート、各種サービスの書き出し機能などで広く使われています。

見た目はシンプルなテキストですが、HTMLの表に手作業で書き換えるのは手間がかかります。このツールを使えば、数百行のデータでも一瞬で表のコードにできます。

このツールは役に立ちましたか?

これからの開発の参考にしたいので、いいねボタンで教えてください。

関連記事

コメント

この記事へのコメントはありません。