【コピペで使える】Markdown記法一覧・チートシート｜基本の書き方から応用・早見表まで完全網羅

Markdown（マークダウン）は、見出しや箇条書き、太字、リンク、表などをキーボードの記号だけで素早く記述できる軽量マークアップ言語です。ブログ記事の執筆や技術ドキュメントの作成はもちろん、NotionやSlack、Discord、GitHub、ChatGPTとのやり取りなど、現代のあらゆるテキスト作成で標準的に使われています。

この記事では、今すぐコピー＆ペーストして使える「全記法 逆引きチートシート（早見表）」をはじめ、基本から応用までの全Markdown記法の書き方をわかりやすく解説します。「書き方をど忘れした」「サクッとコードをコピーしたい」「各記法の詳細な仕様や注意点を知りたい」というときの決定版ガイド（ピラーページ）として、ぜひブックマークしてご活用ください。

【早見表】Markdown全記法 逆引きチートシート

日常的に使うMarkdown記法を網羅したチートシートです。「Markdownの書き方」をコピーしてそのままお使いいただけます。詳しい解説や注意点を確認したい場合は、右側のリンクから各セクションへジャンプできます。

見出し（H1〜H6）の書き方

見出しは文書の骨組み（目次構造）を作る最も基本的な記法です。行頭に半角のシャープ（#）を書き、その後に半角スペースを1つ空けて見出しテキストを入力します。# の個数（1〜6個）がHTMLの見出しタグ（<h1>〜<h6>）に対応します。

# 見出し1（H1：記事タイトルや文書の最上位タイトル）
## 見出し2（H2：章・大見出し）
### 見出し3（H3：節・中見出し）
#### 見出し4（H4：項・小見出し）
##### 見出し5（H5）
###### 見出し6（H6）

代替記法（Setext見出し）

H1とH2に限り、テキストの下の行にイコール（===）またはハイフン（---）を3つ以上並べる書き方も可能です。

大見出し（H1）
====================

中見出し（H2）
--------------------

段落・改行・水平線の書き方

Markdownでの文章の改行や段落の区切りは、Wordや一般的なメモ帳とは異なるルールがあります。

段落の区切り

新しい段落を作るには、空行（何も書かない行）を1行挟みます。Enterキーを1回押しただけの単一改行は、HTML出力時に1つの段落内のテキストとして連結される仕様になっています。

これは1つ目の段落です。

空行を1行挟むことで、ここから新しい2つ目の段落として認識されます。

段落内での強制改行

同じ段落の中で行だけを改行したい場合は、以下のいずれかの方法を使います。

1. 行末に半角スペースを2つ入力してEnter： 最も一般的なMarkdownの標準改行方法
2. HTMLの <br> タグを挿入： 確実に改行させたい場合やスペースの入力漏れを防ぎたい場合に有効

行末に半角スペースを2つ入力します。  
これで次の行に改行されます。

またはHTMLタグを使って<br>文中で改行することも可能です。

👉 エディタごとの改行の挙動の違いや詳しい設定方法は「Markdownでの改行方法を徹底解説」で詳しく解説しています。

水平線（セパレーター）

話題の切り替えや区切り線を引きたい場合は、ハイフン（-）、アスタリスク（*）、またはアンダースコア（_）を3つ以上連続して記述します。

---
***
___

文字装飾（太字・斜体・取り消し線・下線・文字色）

重要なポイントを強調したり、読みやすさを高めたりするための文字装飾記法です。

太字（強調 / Strong）

強調したいテキストをアスタリスク2つ（**）またはアンダースコア2つ（__）で囲みます。

**このテキストは太字になります**
__こちらも太字になります__

表示結果： このテキストは太字になります

👉 詳しい活用法は「Markdownでテキストを太字にする方法とその効果的な使い方ガイド」をご覧ください。

斜体（イタリック / Italic / Em）

アスタリスク1つ（*）またはアンダースコア1つ（_）で囲みます。

*このテキストは斜体になります*
_こちらも斜体になります_

表示結果： このテキストは斜体になります

太字＋斜体の組み合わせ

アスタリスク3つ（***）で囲むと、太字と斜体を同時に適用できます。

***太字かつ斜体のテキスト***

表示結果： 太字かつ斜体のテキスト

取り消し線（打ち消し線 / Strikethrough）

チルダ2つ（~~）で文字を囲みます（GitHub Flavored Markdown等の拡張記法）。

~~この文章は古い情報のため削除されました~~

表示結果： この文章は古い情報のため削除されました

👉 詳しい使い分けは「Markdownで取り消し線を簡単に使いこなす方法と実例紹介」をご覧ください。

下線・文字色・マーカー（HTMLタグ併用）

標準Markdownには下線やフォントカラーの記法がありませんが、HTMLタグを直接記述することで自由に装飾できます。

<u>下線（アンダーライン）を引くテキスト</u>
<span style="color: #e74c3c; font-weight: bold;">重要な赤文字テキスト</span>
<mark style="background-color: #fff3cd;">蛍光ペン風マーカーハイライト</mark>

表示結果：

• 下線（アンダーライン）を引くテキスト
• 重要な赤文字テキスト
• 蛍光ペン風マーカーハイライト

👉 カラー指定やHTMLの併用テクニックは以下の記事で詳しく解説しています：

• マークダウンで色を使う方法：コードブロックとHTMLタグを活用した手法
• MarkdownとHTMLを併用！Web記事作成でプロが知るテクニック

箇条書きリスト・番号付きリストの書き方

箇条書きや手順一覧を整理して読みやすくするリスト記法です。

箇条書きリスト（順不同リスト）

行頭にハイフン（-）、アスタリスク（*）、またはプラス（+）を置き、半角スペースを空けて記述します。

- フロントエンド技術
- バックエンド技術
- インフラ・クラウド

表示結果：

• フロントエンド技術
• バックエンド技術
• インフラ・クラウド

番号付きリスト（順序付きリスト）

行頭に半角数字とピリオド（1. 2. 3.）を置き、半角スペースを空けて記述します。

1. アプリをインストールする
2. 初期設定を行う
3. ログインして利用開始

表示結果：

1. アプリをインストールする
2. 初期設定を行う
3. ログインして利用開始

リストのネスト（階層化・インデント）

リストの中に下層項目（サブリスト）を作成するには、行頭に半角スペース4つ（または2つ / タブ1回）のインデントを入れます。

- Web開発
    - フロントエンド
        - HTML / CSS
        - JavaScript / TypeScript
    - バックエンド
        - PHP / Laravel
        - Python / Django
- モバイル開発
    - Flutter
    - Swift

表示結果：

• Web開発
  • フロントエンド
    • HTML / CSS
    • JavaScript / TypeScript
  • バックエンド
    • PHP / Laravel
    • Python / Django
• モバイル開発
  • Flutter
  • Swift

👉 リストのベストプラクティスやインデント調整は以下の記事をご覧ください：

• 初心者向け：マークダウンで箇条書きを作成する方法とベストプラクティス
• 初心者でも簡単！マークダウンでのインデント方法を分かりやすく解説

チェックボックス（タスクリスト / ToDo）

タスクの進捗管理やToDoリストに欠かせないチェックボックス記法です（GFM等の拡張構文）。

- [ ] 企画書の作成（未完了：角括弧内に半角スペース）
- [x] 資料の収集（完了：角括弧内に半角小文字 x）
- [ ] 関係者へのレビュー依頼

表示結果：

• ☐ 企画書の作成
• ☑ 資料の収集
• ☐ 関係者へのレビュー依頼

👉 詳しい活用事例は「マークダウンでチェックボックスを作成する方法と活用例」で解説しています。

リンク・画像の挿入方法

Webページへの参照リンクや画像の貼り付けは、ドキュメント作成で最もよく使われる記法です。

テキストリンク（ハイパーリンク）

角括弧 [リンクテキスト] に続いて丸括弧 (URL) を記述します。

[マークダウン入門ナビ](https://markdown-start.com)
[ツールチップ付きリンク](https://example.com "マウスを乗せた時に表示されるテキスト")

表示結果： マークダウン入門ナビ

自動リンク（URL直貼り）

山括弧 < > でURLやメールアドレスを囲むと、そのままクリック可能なリンクになります。

<https://markdown-start.com>
<support@example.com>

画像の挿入

リンク記法の先頭に感嘆符（!）を付けます。角括弧には画像の代替テキスト（alt属性）、丸括弧には画像ファイルのURLを指定します。

![Markdownロゴ](https://example.com/images/logo.png)

リンク付き画像（画像をクリック可能にする）

画像記法全体をリンクの角括弧 [ ] で囲み、末尾にリンク先URLを (URL) で指定します。

[![ロゴ画像](https://example.com/images/logo.png)](https://markdown-start.com)

画像サイズ指定・キャプション（HTML併用）

標準Markdownでは画像の幅や高さを指定できないため、サイズ調整や図番号キャプションを付けたい場合はHTMLタグを併用します。

<!-- 画像サイズの指定 -->
<img src="https://example.com/sample.png" alt="サンプル画像" width="450">

<!-- キャプション付き画像 -->
<figure>
  <img src="https://example.com/sample.png" alt="サンプル画像" width="500">
  <figcaption>図1：Markdownエディタのプレビュー画面</figcaption>
</figure>

👉 リンクと画像に関する詳細ガイドは以下の各記事をご覧ください：

• 【コピペで使える】Markdownリンクの書き方完全ガイド｜相対パス・ローカルファイル・ページ内アンカーまで網羅
• Markdownで画像を簡単に挿入・カスタマイズする方法と実例
• Markdown 画像キャプションの書き方完全ガイド：簡単手順と活用事例
• Markdownで動画を埋め込む究極のガイド：初心者でもわかる手順とテクニック

表（テーブル）の作り方と配置指定

表（テーブル）はパイプ（|）とハイフン（-）を組み合わせて作成します。2行目の区切り行にコロン（:）を挿入することで、各列の左揃え・中央揃え・右揃えを指定できます。

| 項目名 | 種別 | 単価（税込） | 状態 | 備考 |
| :--- | :---: | ---: | :---: | :--- |
| 左揃え（デフォルト） | 中央揃え | 右揃え（数値向け） | 中央揃え | 左揃え |
| ノートPC | ハードウェア | ¥128,000 | 在庫あり | 送料無料 |
| マウス | 周辺機器 | ¥4,500 | 残りわずか | ワイヤレス |
| キーボード | 周辺機器 | ¥12,800 | 在庫あり | メカニカル |

表示結果：

列の揃え位置（配置指定）のルール

• :--- または --- ： 左揃え（文章、一般的なテキスト）
• :---: ： 中央揃え（アイコン、ステータス、短い日付など）
• ---: ： 右揃え（価格、数量、パーセントなどの数値データ）

👉 表の作成テクニックや崩れ防止のコツは以下の記事で詳しく解説しています：

• マークダウン表の作り方：初心者でもわかる簡単ガイドと実例
• Markdown テーブル応用術：データ整形と可視化の実践ガイド
• Markdown表が崩れる原因と対策：テーブルレイアウトを安定させる5つのコツ

コードブロック・インラインコードの書き方

プログラミングコードやCLIコマンド、設定ファイルの記述をきれいに見せるための記法です。

インラインコード（文中のコード）

文章中の一部をコードとして目立たせる場合は、バッククォート1つ（`）で囲みます。

Gitのブランチを作成するには `git checkout -b feature` を実行します。

表示結果： Gitのブランチを作成するには git checkout -b feature を実行します。

コードブロック（フェンスブロック）とシンタックスハイライト

複数行のコードを記述する場合は、上下をバッククォート3つ（```）で囲みます。開始行の直後に言語識別子（python, javascript, php, html, css, bash, sql, json等）を付与すると、構文が自動的に色分け（シンタックスハイライト）されます。

```python
def generate_greeting(name: str) -> str:
    """挨拶メッセージを生成する関数"""
    return f"こんにちは、{name}さん！"

message = generate_greeting("Markdownユーザー")
print(message)
```

👉 コードブロックの言語指定やハイライト設定は以下の記事をご覧ください：

• 初心者向け！Markdownでコードブロックを簡単に作成する方法と活用事例
• Markdown 言語指定方法：初心者から上級者まで簡単に正確マークアップを生成するコツ
• Markdownでコードブロックをハイライトする最適手順とツール比較

引用（ブロッククォート）の書き方

他サイトの文章や名言、参考ドキュメントを引用する際は、行頭に半角の大なり記号（>）と半角スペースを記述します。

> 知識に投資することは、常に最大の利益をもたらす。
> 
> ── ベンジャミン・フランクリン

表示結果：

知識に投資することは、常に最大の利益をもたらす。

── ベンジャミン・フランクリン

引用のネスト（多重引用）

大なり記号を >> のように重ねることで、引用文の中にさらに引用を階層化できます。

> 第一階層の引用テキストです。
>> これは第二階層（入れ子・ネスト）の引用テキストです。

👉 引用記法の詳しい使い分けは「マークダウンで引用を使いこなす方法：基礎から応用まで徹底解説！」をご覧ください。

発展・応用記法（数式、Mermaid、折りたたみ、注釈、エスケープ）

基本記法に加えて知っておくと、論文執筆・設計書作成・長文ドキュメントの整理などで威力を発揮する応用テクニックです。

脚注（Footnote）

文中に注釈番号を付け、ページの最下部に解説文を自動集約します（GFM等の拡張構文）。

Markdownは軽量マークアップ言語の一種です[^1]。

[^1]: 軽量マークアップ言語（Lightweight Markup Language）とは、人間にとって読みやすく書きやすい簡易な記法で書かれたテキストをHTML等に変換する言語の総称。

👉 詳しい設定方法やエディタ別の対応状況は「Markdown 脚注 使い方｜エディタで実践的にポイントを付ける方法」で解説しています。

TeX / LaTeX数式

Notion、Obsidian、GitHub、Zenn、Qiitaなどで数式をきれいに表示できます。インライン数式は $、独立したブロック数式は $$ で囲みます。

インライン数式：$E = mc^2$

ブロック数式：
$$
\frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
$$

Mermaidダイアグラム（テキストで作図）

コードブロックの言語名に mermaid を指定することで、フローチャートやシーケンス図をテキストだけで描画できます。

```mermaid
graph TD
    A[ユーザーアクセス] --> B{ログイン済み?}
    B -- Yes --> C[マイページ表示]
    B -- No --> D[ログイン画面へリダイレクト]
```

折りたたみ（トグル / detailsタグ）

HTMLの <details> と <summary> タグを使うと、クリックで開閉できるアコーディオン表示が作れます。FAQや補足情報、長いコードの格納に便利です。

<details>
  <summary>クリックして詳細解説を展開する</summary>
  <p>ここに追加の補足情報や詳細データを記述します。</p>
</details>

特殊文字のエスケープ処理

Markdownの記号（*, #, -, `, [, ], | 等）を装飾としてではなく、記号文字そのものとして表示したい場合は、直前にバックスラッシュ（\）を付けます。

\*このテキストはアスタリスク付きで表示されます\*
\# 見出しにならないハッシュ記号

👉 記号が表示崩れを起こす原因や対処法は「Markdown 特殊文字 表示されない原因と対策：エスケープで正しくレンダリングする方法」で解説しています。

主要ツール・エディタ別 Markdown対応表・活用ガイド

Markdownは標準規格（CommonMark）をベースにしつつも、使用するエディタやWebサービスによって対応している拡張機能（表、タスクリスト、数式、色など）が異なります。用途に合わせて最適な環境を選びましょう。

まとめ｜Markdown記法をマスターして執筆効率を劇的に向上させよう

Markdown（マークダウン）記法の最大のメリットは、キーボードから手を離すことなく、あらゆる文章の構造化と装飾を圧倒的なスピードで行える点にあります。

すべての記法を一度に覚える必要はありません。まずは以下の基本6大記法から使い始め、必要に応じてこのチートシートを見返しながらステップアップしていきましょう。

本記事をブラウザのブックマーク（お気に入り）に登録しておけば、記法の書き方に迷ったときにいつでも素早く逆引きしてコードをコピーできます。ぜひ日々のドキュメント作成やブログ執筆、仕事の効率化にお役立てください！