📋 Markdownテーブル生成

表を編集するだけで、GitHub互換のMarkdownテーブルを生成します。列ごとの寄せ指定・CSV/TSVの貼り付け取り込みに対応。

表の編集

3
3

1行目がヘッダーです。各列の寄せ(左/中央/右)はヘッダー上のセレクトで選べます。

CSV / TSV を貼り付けて取り込む

Excelやスプレッドシートからコピーしたタブ区切り、またはカンマ区切りのデータを貼り付けて「取り込む」を押すと、上の表に反映されます。

Markdown出力

※ セルに含まれるパイプ | は自動で \| にエスケープし、セル内改行は空白へ置き換えます。処理はすべてブラウザ内で完結し、入力内容が送信されることはありません。

解説

Markdown(マークダウン)のテーブルは、パイプ「|」で列を区切り、2行目に「---」の区切り行を置くことで表を表す記法です。手で書くと列の位置合わせやパイプの数え間違いが起きやすく、行や列を足すたびに全体を直す手間もかかります。本ツールは、表計算ソフトのように各セルを編集していくだけで、正しいMarkdownテーブルをその場で組み立てます。行・列は+/−ボタンで自由に増減でき、1行目は自動的にヘッダー行として扱われます。

生成されるのはGitHub互換(GitHub Flavored Markdown)の表記です。1行目にヘッダー、2行目に区切り行、3行目以降にデータ行が並ぶ形式で、GitHubのREADMEやissue・PRのコメント、Qiita・Zenn・各種静的サイトジェネレーター、Markdown対応のドキュメントツールなど、幅広い環境でそのまま表として描画されます。入力を変えるたびに出力欄がリアルタイムで更新されるので、仕上がりを確認しながら編集できます。

列ごとに文字の寄せ(左・中央・右)を指定できます。寄せはMarkdownの区切り行のコロンで表現され、左寄せは「:---」、中央寄せは「:---:」、右寄せは「---:」になります。ヘッダー上のセレクトを切り替えるだけで区切り行の記号が自動で変わるため、数値列は右寄せ、見出し列は中央寄せ、といった調整を記法を覚えずに行えます。

表のセルにパイプ「|」そのものを含めたい場合、そのまま書くと列の区切りと誤認され表が崩れます。本ツールはセル内のパイプを自動的に「\|」へエスケープして出力するため、記号を含む文章もそのまま安全に表へ入れられます。あわせて、セル内に改行が入っていた場合は半角スペースに置き換え、1行1レコードというMarkdown表の前提を崩さないようにしています。

既にExcelやGoogleスプレッドシート、CSVファイルなどに表がある場合は、コピーして「CSV / TSV を貼り付けて取り込む」欄に貼り付ければ、そのまま編集グリッドへ取り込めます。タブ区切り(TSV)とカンマ区切り(CSV)を自動判別し、CSVはダブルクォートで囲まれたフィールドにも対応します。取り込み後は各セルを微調整したり寄せを変えたりして、そのままMarkdownに書き出せます。

処理はすべてお使いのブラウザ内のJavaScriptで完結し、入力した表の内容がサーバーや外部に送信されることはありません。セル値や出力はテキストとしてのみ扱い、画面へ差し込む際もエスケープしているため(XSS対策)、社内資料や未公開の下書きなど、外に出したくないデータの表づくりにも安心して使えます。

よくある質問

生成される表はどの環境で使えますか?

GitHub互換(GitHub Flavored Markdown)の表記なので、GitHubのREADME・issue・PRのほか、Qiita・Zenn・各種静的サイトジェネレーターやMarkdown対応のドキュメントツールなど、テーブル記法に対応した多くの環境でそのまま表として表示されます。

列ごとの寄せ(左・中央・右)はどう指定しますか?

各列のヘッダー上にあるセレクトで選びます。左寄せは区切り行が「:---」、中央寄せは「:---:」、右寄せは「---:」として出力されます。数値の列を右寄せにする、といった調整に使えます。

セルにパイプ「|」を含めても大丈夫ですか?

大丈夫です。セル内のパイプは自動的に「\|」へエスケープして出力するため、表が崩れません。また、セル内に改行が含まれる場合は半角スペースに置き換えて、1行1レコードのMarkdown表として正しく出力します。

Excelやスプレッドシートのデータをまとめて入れられますか?

できます。表計算ソフトでコピーしたデータを「CSV / TSV を貼り付けて取り込む」欄に貼り付け、「表に取り込む」を押すと編集グリッドへ反映されます。タブ区切りとカンマ区切りを自動判別し、CSVはダブルクォートで囲んだフィールドにも対応します。

入力した内容は外部に送信されますか?

送信されません。表の生成はすべてお使いのブラウザ内で行われ、ネットワーク通信は発生しません。社内資料や未公開の下書きなど、外に出したくないデータの表づくりにも安心して使えます。

行や列はどこまで増やせますか?

動作を安定させるため、行はヘッダーを含めて最大50行、列は最大12列までにしています。大きな表はいくつかに分割するか、必要な範囲だけを表にすることをおすすめします。