MarkdownLab

Markdownテーブルジェネレーター

パイプ文字を数える代わりに、実際のグリッドを編集できます。列ごとに揃え方を設定し、CSV/TSVの書き出しやスプレッドシートの範囲を貼り付け、行や列を並べ替え・ソートし、有効なMarkdownテーブル構文をコピーできます。

すべての処理はブラウザ内で完結します — ファイルが外部に送信されることはありません。

3行
3列
テーブル
Markdown出力
| 列1 | 列2 | 列3 |
| :--- | :--- | :--- |
|  |  |  |
|  |  |  |

使い方

  1. 01ヘッダーやデータのセルに直接入力するか、「CSV/TSVをインポート」で既存の表形式データを貼り付けるか、Excel/スプレッドシートから複数セルの範囲を任意のセルに直接貼り付けます — そのセルを起点にグリッドが埋まります。
  2. 02行・列のステッパーでグリッドを拡大縮小し(最大20行×10列)、各行・列の横にある↑/↓/←/→ボタンで並び替えます。
  3. 03列の位置揃えラベルをクリックすると、左揃え・中央揃え・右揃えが順番に切り替わります。
  4. 04「データ」メニューでテーブルの転置、列によるソート(数値またはアルファベット順、もう一度クリックで反転)、空行の削除ができます。
  5. 05「整形出力」を有効にすると、すべての列が同じ幅にパディングされ、生のMarkdownソース上でも見た目が揃います。無効にすればよりコンパクトなデフォルト表示になります。
  6. 06出力ペインからMarkdownをコピーします — グリッドを編集するとリアルタイムに更新されます。

よくある質問

テーブルの大きさに制限はありますか?

グリッドは(ヘッダーを含めて)最大20行、10列まで対応しており、一般的なREADME、ドキュメント、比較表を十分にカバーできます。

ExcelやGoogleスプレッドシートからデータを貼り付けられますか?

はい、2つの方法があります:範囲を任意のグリッドセルに直接貼り付けると、そのセルを起点に埋まっていきます(必要に応じて20×10の上限までグリッドが拡大し、意図せず上書きしてしまった場合のために1回限りの「元に戻す」が表示されます)。または、CSV/TSVの書き出し全体を「CSV/TSVをインポート」ボックスに貼り付けて、グリッド全体を置き換えることもできます。

CompactとPretty出力の違いは?

Compact(デフォルト)は、各セルの前後に単一のスペースを入れた、最もタイトな有効なMarkdownを出力します。Prettyはすべての列を最も幅の広いセルに合わせてパディングするため、生のソース上で`|`が視覚的に揃います。どちらもMarkdownとして処理されれば同じようにレンダリングされます。選択内容は次回のために記憶されます。

行や列の並べ替え、ソートや転置はできますか?

はい — 各行に↑/↓ボタン、各列に←/→ボタンがあります(ヘッダー行は常に先頭のままです)。「データ」メニューには「行列を入れ替え」(行と列を入れ替え)、「列で並べ替え」(数値またはアルファベット順を自動判定、同じ列を再度クリックで反転)、「空の行を削除」(空行の削除)が用意されています。

Markdownテーブルの列揃えはどう機能しますか?

ヘッダー下の区切り行にあるコロンで制御されます(下の構文セクションを参照)。このジェネレーターは、列ごとに選んだ揃え方に基づいてその区切り行を自動的に書き出します。

パイプなどの特殊文字はエスケープされますか?

はい — セル内のリテラルな「|」は自動的に「\|」にエスケープされ、列の区切りと誤認識されることはありません。セル内の改行は「<br>」に変換されます。

生成したMarkdownはどこで使えますか?

GitHub Flavored Markdownをレンダリングできる場所ならどこでも使えます:GitHub/GitLabのREADME、多くの静的サイトジェネレーター、そしてこのサイト自身のMarkdownエディタなどです。

関連ツール

Markdownテーブルの構文

Markdownテーブルは3つの要素から構成されます:見出し行、配置も制御する区切り行、そして1行以上のデータ行 — それぞれのセルは | 文字で区切って記述します。

| Name  | Role      | Remote |
| ----- | :-------- | -----: |
| Ava   | Engineer  |    Yes |
| Priya | Designer  |     No |

上のジェネレーターは、各列で選んだ配置に応じた正しい区切り行を含め、この構文を自動的に書き出します。