CSV⇄Markdown表・HTML表変換

使い方

1. 変換の方向を選びます。スプレッドシートの表を記事に載せるなら「CSV / TSV → Markdown 表・HTML 表」、Markdown の表を表計算ソフトに戻すなら「Markdown 表 → CSV / TSV」です。
2. Google スプレッドシートや Excel で範囲を選んでコピーし、入力欄に貼り付けます。区切り文字は 1 行目から自動判定されます（手動で指定も可）。
3. 「1 行目を見出し行として扱う」「列の配置」「列幅を揃える」を必要に応じて変え、プレビューで見た目を確認します。
4. 「Markdown 表をコピー」「HTML 表をコピー」または .md / .html / .csv で保存して、記事やドキュメントに貼り付けます。

このツールについて

CSV の読み込みは RFC 4180 に準拠しています。ダブルクォートで囲まれたセルの中のカンマ・改行はセルの一部として扱い、連続する 2 つのダブルクォート（""）は 1 つの " に戻します。区切り文字は 1 行目のクォート外に現れるタブ・カンマ・セミコロンの数で判定し、タブが 1 つでもあればタブ区切り（表計算ソフトからの貼り付けはタブ区切りで、セル内に「1,200」のようなカンマを含むことが多いため）、それ以外はカンマとセミコロンの多い方を使います。すべてのセルが空の行は読み飛ばします。

Markdown 表では、セル内の | を \| に、改行を <br> に置き換えます。「自動」の配置では、見出しを除くセルがすべて数値（桁区切りのカンマ、¥ $ € £ の通貨記号、%、円、全角数字を含む。- や — だけのセルは空として扱う）の列を右寄せ（---:）にし、それ以外は配置指定なし（---）にします。「列幅を揃える」を有効にすると、全角文字を 2 桁として数えた表示幅で各列を揃え、等幅フォントで見たときに罫線が縦に並ぶようにします。

HTML 表は <table><thead><tr><th> と <tbody><tr><td> の構造で、class 名は付けません。& < > " は実体参照にエスケープし、中央・右寄せの列にだけ style="text-align:…" を付けます。逆変換では、Markdown 表の 2 行目が区切り行（--- / :---: など）であれば配置として読み取り、データには含めません。CSV 出力では、区切り文字・ダブルクォート・改行・前後の空白を含むセルだけをダブルクォートで囲み、行は LF で区切ります。

1 行目と列数が異なる行がある場合は、行番号を警告として表示し、足りないセルは空で補って変換します。入力内容はブラウザ内だけで処理され、保存も送信もされません。

よくある質問

Q. Google スプレッドシートからコピーしたのに、列がうまく分かれません。

セルの中に改行や引用符が含まれている場合、コピー結果の形式が崩れることがあります。区切り文字を手動で「タブ」に指定するか、スプレッドシート側で「ファイル → ダウンロード → CSV」で保存した内容を貼り付けてみてください。

Q. Markdown の表はどこで使えますか？

GitHub・GitLab・Notion・Obsidian・Qiita・Zenn など、GFM（GitHub Flavored Markdown）に対応したサービスやエディターで表として表示されます。note の本文は Markdown の表に対応していないため、note では画像にするか HTML 表を使える媒体を選んでください。

Q. 数値の列が右寄せになりません。

見出しを除くすべてのセルが数値として読める必要があります。「約 1,000」「1〜2」「N/A」のような値が 1 つでも含まれると右寄せになりません。空のセルと、- や — だけのセルは無視されます。「列の配置」で「すべて右寄せ」を選べば強制できます。

Q. 結合セルや書式（太字・色）は保持されますか？

いいえ。貼り付けた時点でテキストだけになるため、結合セルは空のセルとして、書式は失われた状態で変換されます。

Q. 入力した表は保存されますか？

いいえ。入力内容はブラウザの中だけで処理され、保存も送信もされません。ページを離れると消えます。