データ変換入門 2 ステップ

CSV から Markdown を経て HTML へ変換

スプレッドシートデータを README や静的サイトに埋め込むのに理想的である。最初のノードは CSV を GitHub 風 Markdown テーブルに変換し、2 番目のノードはその Markdown を HTML に変換する。結果の HTML は Markdown を直接サポートしない wiki、メール、ドキュメントページに貼り付けできる。

解決する問題

CSV データを Markdown テーブルとしてレンダリングし、その後ドキュメント用のスタンドアロン HTML に変換する。

入力 → 出力

CSV ↔ Markdown 相互変換入力 → Markdown HTML コンバーター出力、計 2 ステップ。

実行時間

1–2分 · 完全にブラウザローカルで実行。

始める前に

ヘッダー行を持つ有効な CSV

パイプライン

1 CSV ↔ Markdown 相互変換 csv-markdown

Convert between CSV and Markdown table format online。無料、プライベート、100%クライアントサイド。
2 Markdown HTML コンバーター markdown-html

Convert between Markdown and HTML online. Supports headings, bold, italic, code blocks, links, images, lists, tables, quotes, and horizontal rules。無料、プライベート、100%クライアントサイド。

ツールチェーンで開く

ブラウザローカルで実行。レシピはパイプラインのみを定義——入力はこのタブから離れません。

▶このワークフローを実行

下に入力を入力し実行をクリック。すべての処理はブラウザのローカルで行われます — 何もアップロードされません。

入力データ

パイプラインの進行状況

CSV ↔ Markdown 相互変換csv-markdown
Markdown HTML コンバーターmarkdown-html

サンプル入力

feature,status
auth,done
billing,pending

期待される出力

<table><thead><tr><th>feature</th><th>status</th></tr></thead><tbody><tr><td>auth</td><td>done</td></tr><tr><td>billing</td><td>pending</td></tr></tbody></table>

この入出力ペアはビルド時に実際のツールで実行（tests/unit/recipes.test.ts）——期待出力は検証済み、例示ではありません。