Markdownテーブル生成
行列数を指定してMarkdown・HTML・CSV形式のテーブルをすぐに生成
よくある質問
Markdownテーブルの書き方を教えてください。
Markdownテーブルは、列をパイプ記号(|)で区切り、ヘッダー行の直下に区切り行(---)を入れる形式です。例: | 列1 | 列2 | の後に | --- | --- | と書くと基本的なテーブルになります。このツールでは自動的に整形して出力します。
列の配置(左寄せ・中央・右寄せ)はどう設定しますか?
各列の上部にある配置ボタン(L/C/R)で設定できます。左寄せ(:---)・中央寄せ(:---:)・右寄せ(---:)に対応しており、Markdownの区切り行に自動反映されます。
Markdown・HTML・CSVの3形式はどう使い分けますか?
Markdownは GitHubのREADMEやドキュメントで広く使われます。HTMLはWebページに直接貼り付けたい場合に便利です。CSVはExcelやスプレッドシートでの利用に適しています。タブで切り替えてそれぞれの出力を確認できます。
行数・列数はどこまで変更できますか?
行数は最大20行(ヘッダー行を含む)、列数は最大10列まで設定できます。既存のセルデータは変更しても保持されます(縮小した場合は切り捨て、拡大した場合は空白で補完)。
コピーボタンをクリックしてもコピーできません。
ブラウザのクリップボードAPIが利用できない環境(古いブラウザや一部のプライベートブラウズモード)ではコピーできない場合があります。その場合はテキストエリアをクリックしてCtrl+A(Macの場合Cmd+A)で全選択し、手動でコピーしてください。
CSV出力でカンマを含むセルはどう処理されますか?
セルの内容にカンマ・ダブルクォート・改行が含まれる場合、RFC 4180に従いダブルクォートで囲んで出力します。ダブルクォートはダブルクォート2つ("")にエスケープします。
HTML出力の構造はどうなっていますか?
<table>・<thead>・<tbody>・<tr>・<th>・<td>の標準的なHTML構造で出力します。各セルの配置はstyle="text-align:left/center/right"で設定されます。CSSは含まないため、ページのスタイルに合わせてカスタマイズできます。
入力したデータはサーバーに送信されますか?
いいえ。すべての処理はブラウザ内(JavaScript)で完結しています。入力したテーブルデータは外部に送信されることはありません。機密情報を含むデータも安心してご利用いただけます。
GitHubのREADMEにそのまま貼り付けできますか?
はい。Markdown形式で出力されるため、GitHubのREADME.md、Notion、Zenn、Qiitaなど多くのMarkdownレンダラーでそのまま使用できます。
開発者ツール一覧
すべて見るこのツールについて
使い方
- 行数・列数を設定(デフォルト: 3行 × 3列)
- 各セルにテキストを入力(1行目はヘッダー行)
- 各列の上部にある L/C/R ボタンで配置を設定
- Markdown / HTML / CSV タブで出力形式を選択
- 「コピー」ボタンでクリップボードにコピー
このツールの特徴
- ✓リアルタイムプレビュー:セルに入力するたびに出力が即座に更新される。整形後を確認しながら編集できる
- ✓3形式同時対応:Markdown・HTML・CSV を切り替えて出力。GitHubのREADME・Webページ・スプレッドシートそれぞれの用途に対応
- ✓列ごとの配置設定:左寄せ(:---)・中央(:---:)・右寄せ(---:)をワンクリックで設定。数値列は右寄せにするなど用途に応じて使い分けられる
- ✓データ保持のリサイズ:行・列の追加・削除時に既存データを保持。列を増やしても入力済みの内容が消えない
- ✓ブラウザ完結・プライバシー安全:入力データはサーバーに送信されない。機密情報を含むテーブルも安心して作成できる
こんなときに便利
- •GitHubのREADMEやWikiにMarkdownテーブルを追加したい
- •Zenn・Qiita・Notionの記事に比較表を挿入したい
- •APIのレスポンス項目・仕様書の一覧表をHTML形式で作成したい
- •スプレッドシートのデータをCSV形式でさっとエクスポートしたい
Markdownテーブルの仕様
Markdownテーブルは GFM(GitHub Flavored Markdown)として広く標準化されており、GitHub・GitLab・Zenn・Qiita・Notion・VS Code プレビューなど多くの環境で使用できます。 区切り行(---)のコロン(:)の位置で列の配置を制御します。
:---— 左寄せ(デフォルト):---:— 中央寄せ---:— 右寄せ