devtools-hub

Markdown Table Generator

GUIでMarkdownテーブルを作成 — 列・行追加・配置指定・CSVインポート

Markdownテキスト開発者向け

セルをクリックして編集できるGUIエディターでMarkdownテーブルを作成するツール。列と行を追加・削除し、各列の配置(左/中央/右)を切り替えると区切り行(`:---`/`:---:`/`---:`)に即反映。CSVテキストを貼り付けて一括インポートも可能。生成されたMarkdownをリアルタイムプレビューとともにコピーできます。

広告

Markdown Table Generator

Markdown
| Name | Type | Description |
| :--- | :---: | :--- |
| id | string | Unique identifier |
| name | string | Display name |
| createdAt | Date | Creation timestamp |
Preview
NameTypeDescription
idstringUnique identifier
namestringDisplay name
createdAtDateCreation timestamp

Features

  • セルをクリックして直接テキスト編集
  • 列・行の追加と削除(最低1列・1行を保持)
  • 各列の配置指定(左/中央/右)を切り替えると区切り行に即反映
  • CSVをペーストして一括インポート(1行目をヘッダーとして取り込み)
  • Markdown出力のリアルタイムプレビューとワンクリックコピー

Desktop App

デスクトップ版を入手する

Windows 向けアプリ版はすべての機能をフルで使えます。BOOTH で配布中。

BOOTH で見る
広告

Markdownのテーブル記法 — 書き方・整形・HTMLテーブルとの比較

Markdownでテーブルを書く機能はGitHub Flavored Markdown(GFM)の拡張で広く普及しています。コードレビュー・READMEの仕様表・技術文書などで使われますが、手書きでは桁合わせが面倒なためジェネレーターを使うと効率的です。

Markdownテーブルの記法

ヘッダー行と本文をパイプ(|)で区切り、2行目に区切り線(:---・:---:・---:)を入れます。区切り線の書き方で列の揃え方(左・中央・右)が決まります。例: | 名前 | 年齢 | |:---|---:| | 田中 | 28 | のように書きます。スペースの数は揃えなくてもレンダリングは同じですが、読みやすさのために整形するのが慣例です。

CSVからMarkdownテーブルへの変換

スプレッドシートのデータをMarkdownテーブルにするにはCSVとして書き出した後、ツールで変換するのが最速です。Markdown Table GeneratorではCSVを貼り付けるだけでMarkdown形式に変換できます。ExcelやGoogleスプレッドシートから直接コピーした値をそのまま入力欄に貼ると自動でCSV認識します。

Markdown・HTMLテーブルの使い分け

GitHubのREADMEやdocs・Zenn・Notionなどは基本的にMarkdownテーブルをサポートしています。WordPressやCMSでは場合によってHTMLテーブルが必要です。Markdown Table GeneratorはMarkdown形式とHTML形式の両方で出力できます。また、ヘッダー行・列数・行数をGUIで管理でき、手書きより素早く正確にテーブルを作れます。

テーブルのアクセシビリティ

データテーブルには適切なマークアップが重要です。HTMLテーブルではscopeやthead・thead要素でヘッダーと本文を明確にすることでスクリーンリーダーが正しく読み上げます。Markdownテーブルは自動的に1行目がヘッダーとして扱われるため、表の最初の行には必ず列名を入れるようにしましょう。

Related Tools

base64-studio

Base64 エンコード & デコード

開発者向けテキストエンコード

使ってみる →

BOOTH

JSON Studio

JSON フォーマッター & バリデーター

JSON開発者向けフォーマッター

使ってみる →

BOOTH

color-deck

カラーコード変換 & パレット保存

カラーデザイン開発者向け

使ってみる →

BOOTH

このツールを共有する