構造化データ 入門 1 ステップ
CSV から HTML テーブルへ変換
最初の CSV 行は <thead> 内の <th> ヘッダーセルになり、残りの行は <tbody> 内の <td> セルになる。特殊文字は自動的に HTML エンティティにエスケープされる。
解決する問題
CSV データから完全な HTML テーブルを生成し、メール、レポート、ウェブページに埋め込めるようにする。
入力 → 出力
CSV ↔ HTML 相互変換 入力 → CSV ↔ HTML 相互変換 出力 、計 1 ステップ。
実行時間
1–2分 · 完全にブラウザローカルで実行。
始める前に
- ヘッダー行を持つ有効な CSV
パイプライン
-
Convert between CSV and HTML table format online。無料、プライベート、100%クライアントサイド。
パラメータ: mode=csv-to-html
▶このワークフローを実行
下に入力を入力し実行をクリック。すべての処理はブラウザのローカルで行われます — 何もアップロードされません。
パイプラインの進行状況
- CSV ↔ HTML 相互変換csv-html
サンプル入力
name,role alice,admin bob,editor
期待される出力
<table>
<thead>
<tr>
<th>name</th>
<th>role</th>
</tr>
</thead>
<tbody>
<tr>
<td>alice</td>
<td>admin</td>
</tr>
<tr>
<td>bob</td>
<td>editor</td>
</tr>
</tbody>
</table> この入出力ペアはビルド時に実際のツールで実行(tests/unit/recipes.test.ts)——期待出力は検証済み、例示ではありません。
関連ワークフロー
こちらもおすすめ
このレシピとツールやテーマを共有するワークフロー。