【コピペで使える】Markdown表（テーブル）の書き方完全ガイド｜セル結合・改行・配置・ジェネレーターまで網羅

📌 本記事のポイント・要点まとめ

• 基本構文： |（パイプ）で列を区切り、2行目の |---|---|（ハイフン）でヘッダーとデータを分離する（markdown table / マークダウン表）
• テキスト配置（文字揃え）： 2行目にコロン : を配置（:--- 左揃え / :---: 中央揃え / ---: 右揃え）
• セル内改行（表 改行）： Markdownの改行（Enter）は効かないため、HTMLの <br> タグを使用する
• セル結合（markdown表 結合）： 標準Markdownではセル結合不可。rowspan / colspan を指定したHTMLの <table> タグで代用する
• 表内の文字装飾： 太字（**テキスト**）、リンク（[名前](URL)）、コード（`code`）、チェックボックス（- [ ]）も挿入可能
• パイプ記号の表示： セル内に | を文字として表示したい場合は \| とエスケープするか `|` と記述
• ジェネレーター活用： TablesGeneratorやTableConvertを使えばExcel/CSVから一発でMarkdownテーブルを生成可能

📝 基本テーブルの入力コード例

| 見出し1 | 見出し2 | 見出し3 |
| --- | --- | --- |
| データ1 | データ2 | データ3 |
| データ4 | データ5 | データ6 |

⚠️ 実務でのおすすめ：両端のパイプは必ず付けよう
両端のパイプを省略すると、エディタによっては通常のテキストと誤認されて表に変換されないトラブルが発生します。また、コードの見た目（可読性）も悪くなるため、「行頭と行末にも必ず | を付ける」のがMarkdownテーブル作成の実務上のベストプラクティスです。

📝 配置指定の実例コード

| 商品名（左揃え） | 発売日（中央揃え） | 在庫状態（中央揃え） | 価格（右揃え） |
| :--- | :---: | :---: | ---: |
| ワイヤレスマウス | 2025-04-10 | あり | ¥3,480 |
| メカニカルキーボード | 2025-06-01 | 残りわずか | ¥15,800 |
| 4Kモニター 27インチ | 2025-08-15 | 完売 | ¥49,800 |

💡 見やすさを高める配置のコツ：
価格や数量などの「数値データ」を右揃えに設定すると、桁数が綺麗に揃って直感的に比較しやすくなります。日付やステータス区分は中央揃え、長めの文章や名称は左揃えにするのがマークダウン表作成の基本テクニックです。

📝 セル内改行（表 改行）の入力コード例

| プラン名 | 料金 | 主な機能（セル内改行） |
| :--- | :---: | :--- |
| フリー | 無料 | ・ユーザー数：1名<br>・ストレージ：5GB<br>・基本サポートのみ |
| スタンダード | ¥980/月 | ・ユーザー数：無制限<br>・ストレージ：100GB<br>・24時間チャットサポート |

💡 リスト風の表示にも最適：
セル内に箇条書きを入れたい場合、Markdownの通常のリスト構文（- 項目）は表内では使えませんが、・ 項目1<br>・ 項目2 のように中黒と <br> を組み合わせることでスッキリしたリストを作成できます（表 改行の王道テクニック）。

📝 セル結合（markdown表 結合）を含むHTMLテーブルの記述例（コピペ用）

<table>
  <thead>
    <tr>
      <th rowspan="2">大区分</th>
      <th colspan="2">詳細情報</th>
    </tr>
    <tr>
      <th>品目</th>
      <th>価格</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td rowspan="2">果物</td>
      <td>りんご</td>
      <td>¥150</td>
    </tr>
    <tr>
      <td>バナナ</td>
      <td>¥120</td>
    </tr>
    <tr>
      <td>野菜</td>
      <td>トマト</td>
      <td>¥200</td>
    </tr>
  </tbody>
</table>

💡 HTMLタグを手書きするのが大変なときは？
後述する「TablesGenerator.com」などのオンラインテーブルジェネレーターを使えば、GUI上でセルを選択して結合ボタンを押すだけで、上記のようなHTMLコードを自動生成してコピーできます（markdown表 結合の手間を大幅削減）。

📝 各種装飾を埋め込んだテーブルの入力例

| 装飾の種類 | 記法コード | 表示サンプル |
| :--- | :--- | :--- |
| **太字** | `**強調テキスト**` | **重要データ** |
| *斜体* | `*斜体テキスト*` | *Italic Text* |
| ~~取り消し線~~ | `~~削除テキスト~~` | ~~旧価格 ¥2,000~~ |
| [リンク](https://example.com) | `[サイト名](URL)` | [Google公式サイト](https://www.google.com) |
| タスクリスト | `- [x]` / `- [ ]` | [x] 完了 / [ ] 未着手 |

📝 コード埋め込みテーブルの入力例

| Gitコマンド | 説明 | 実行オプション例 |
| :--- | :--- | :--- |
| `git commit` | 変更を記録 | `git commit -m "メッセージ"` |
| `git checkout` | ブランチ切り替え | `git checkout -b 新ブランチ名` |
| `git log` | コミット履歴表示 | `git log --oneline --graph` |

1. TablesGenerator.com（定番の無料オンラインテーブルジェネレーター）

Webブラウザ上でExcelのように表を作成・編集できる世界で最も有名なMarkdownテーブルジェネレーターです。

• 特徴： セルを選択して文字揃えや太字設定、行・列の追加削除がマウス操作で完結
• Excel連携： 「File」→「Paste table data」でExcelやスプレッドシートのセルをそのまま貼り付け可能
• セル結合サポート： セル結合を行いたい場合、上部メニューを「HTML Tables」に切り替えるだけで結合タグ付きHTMLを自動出力
• URL： TablesGenerator.com (Markdown Tables)

2. TableConvert.com（万能フォーマット相互変換ツール）

CSV、Excel、JSON、HTML、SQLなど、あらゆるデータ形式とMarkdownテーブルを双方向に相互変換できる高機能Webツールです。

• 特徴： CSVファイルをドラッグ＆ドロップするだけで即座にMarkdownテーブルを生成
• 出力フォーマット多数： Markdownだけでなく、GFM形式、HTML、LaTeX、JSONへのワンクリック出力に対応
• URL： TableConvert.com

3. NotePM / GROWI などのWikiツール組み込みエディタ

社内情報共有ツールやナレッジ管理ツールの中には、高度なMarkdown表作成UIが標準搭載されているものがあります。

• NotePM： ツールバーからテーブルを選択するとExcelライクなエディタが起動。スプレッドシートからのコピペ自動変換にも対応
• GROWI： 「Handsontable」プラグインが組み込まれており、スプレッドシート画面でドラッグ＆ドロップ編集して自動Markdown挿入が可能

4. VS Code拡張機能（Markdown Table Prettifier等）

日常的にVS Code（Visual Studio Code）でMarkdownを書くエンジニアやライターには、拡張機能の導入が圧倒的におすすめです。

• Markdown Table Prettifier / Prettier： 保存時やショートカットキー（Shift + Alt + F）で、ガタガタの表のパイプ位置を自動で等幅に整列
• Excel to Markdown table： Excelのコピーデータを Shift + Alt + V で一発Markdown表として貼り付け
• Visual Table Canvas for Markdown： VS Code内でExcelのようなGUIスプレッドシート画面を開いて直感編集

❌ よくある原因1：表の前後に「空行（改行）」がない

直前の文章のすぐ次の行に | 見出し | を書き始めると、表ではなく通常の段落（パラグラフ）の一部と判定されてレンダリングされません。必ず表の直前と直後に1行の空行を入れてください。

❌ よくある原因2：セパレータ行（2行目）のハイフン不足・ハイフン抜け

2行目の区切り線（| --- | --- |）がない、またはハイフンが足りない場合、表として認識されません。各列に最低3つのハイフン --- を配置しましょう。

❌ よくある原因3：セル内のパイプ記号（|）がエスケープされていない

文章やコードの中に | がそのまま入っていると、パーサーが新しい列と解釈して列数が合わなくなり、全体のレイアウトが大きく崩れます。必ず \| でエスケープしてください。

❌ よくある原因4：全角パイプ（｜）や全角スペースが混ざっている

日本語入力モードのまま ｜（全角縦線）や 　（全角スペース）を入力してしまうと、Markdown構文として認識されません。構文記号はすべて半角で統一してください。

❌ よくある原因5：各行の列数（セルの個数）が一致していない

ヘッダーが3列あるのにデータ行が2列または4列になっていると、テーブルの描画が乱れる原因になります。空のセルであっても | データ1 | | データ3 | のようにパイプを残して列数を一致させましょう。

🎯 Markdown表作成の振り返りポイント

• 基本： | 見出し | と | --- | で列を定義する
• 配置： 2行目のコロン（:--- 左揃え / :---: 中央揃え / ---: 右揃え）で視認性を劇的アップ
• 改行（表 改行）： セル内では <br> タグを使用する
• 結合（markdown表 結合）： 複雑な表結合はHTMLの <table> タグ（colspan / rowspan）で代用する
• 効率化： TablesGeneratorやVS Code拡張機能などのジェネレーターを上手に活用する