【コピペで使える】Markdown箇条書き・リストの書き方完全ガイド｜インデント階層化・番号付き・段落やコードの挿入まで徹底解説

Markdown（マークダウン）で技術文書、README、議事録、ブログ記事、業務マニュアルを作成する際、情報を整理して読みやすく伝えるために最も頻繁に使われるのが「Markdown 箇条書き（順不同リスト）」と「Markdown 番号付きリスト（順序付きリスト）」、そしてそれらを「Markdown インデントで階層化（ネスト）」するリスト記法です。

「マークダウン 箇条書きの基本記号（-, *, +）の使い分けや統一ルールを知りたい」「半角スペースのインデントでリストを綺麗に階層化（ネスト）する方法は？」「番号付きリストの自動連番の仕組みや途中番号から始める書き方は？」「箇条書きの中に複数行の段落やコードブロック（“`）、画像を挟む応用技を知りたい」「箇条書きから通常の文章に戻す解除方法やリストが崩れる原因は？」といった疑問や悩みを抱えている方は非常に多いのではないでしょうか。

Markdownのリスト記法は、記号の直後に半角スペースを空ける基本ルールと、正しいインデント幅（スペース2個または4個）さえマスターすれば、誰でも直感的かつ瞬時に美しく構造化されたドキュメントを作成できるようになります。

この記事では、コピペですぐに使える「箇条書き・リスト逆引きチートシート」をはじめ、基本の箇条書き（順不同リスト）・番号付きリストの書き方、インデントによる階層化（ネスト）のルール、箇条書き内に段落・コード・画像を内包する実践テクニック、解除・終了方法、主要エディタ別の操作ショートカット、表示崩れのトラブルシューティングまで、網羅的かつ分かりやすく徹底解説します！

【早見表】Markdown箇条書き・リスト 逆引きチートシート

まずは「今すぐ書き方を確認してコピーしたい」という方向けに、Markdownで使える箇条書き・リスト記法の書き方とブラウザ表示結果を一覧表にまとめました。コピーしてそのままエディタに貼り付けてご活用ください。

※Markdown記法全般の早見表や総合チートシートを確認したい方は、サイト内の「【コピペで使える】Markdown記法一覧・チートシート」や「Markdown文法ガイド初心者向け解説」もあわせてご活用ください。

基本の箇条書き（順不同リスト）の書き方：markdown 箇条書き / マークダウン 箇条書き

markdown 箇条書き（マークダウン 箇条書き / 順不同リスト）は、順序に関係のない項目を並べる際に使用します。HTMLに変換されると <ul>（Unordered List）および <li>（List Item）タグとして出力されます。

1. 箇条書きで使える3つの記号（-, *, +）

Markdownでは、行頭に半角ハイフン（-）、半角アスタリスク（*）、または半角プラス（+）を置き、その直後に半角スペース1個を空けてテキストを入力します。

# ハイフン（-）を使う書き方（最も一般的・推奨）
- フロントエンド開発（HTML / CSS / JavaScript）
- バックエンド開発（PHP / Python / Go）
- インフラ構築（AWS / Docker）

# アスタリスク（*）を使う書き方
* 要件定義
* 基本設計
* 詳細設計

# プラス（+）を使う書き方
+ 月曜日
+ 水曜日
+ 金曜日

2. どの記号を使うべき？ハイフン（-）が圧倒的に推奨される理由

Markdownの仕様上は -, *, + のどれを使っても同じHTML（<ul>）が生成されますが、チーム開発や記事執筆の現場では「半角ハイフン（-）」に統一することが強く推奨されています。

番号付きリスト（順序付きリスト）の書き方と自動連番の仕組み：markdown 番号付きリスト

markdown 番号付きリスト（順序付きリスト / 順序リスト）は、手順やランキング、ステップなど、順番に意味がある項目を並べる際に使用します。HTMLでは <ol>（Ordered List）および <li> タグに変換されます。

1. 番号付きリストの基本構文

行頭に半角数字 ＋ 半角ピリオド（.） ＋ 半角スペース1個 を配置して記述します。

# 通常の連番での記述
1. アカウントの新規登録を行う
2. 登録確認メール内のリンクをクリックする
3. プロフィール情報を設定して完了

2. 番号自動補正（自動連番）の仕組みとメリット

Markdownの優れた特徴の一つが「番号の自動補正（オートナンバリング）」です。ソースコード上で連番を意識せず、すべて「1. 」で記述しても、ブラウザやHTMLレンダラー側が自動的に「1.」「2.」「3.」と連番に補正して出力してくれます。

# ソースコード上はすべて「1.」で書く
1. リポジトリをクローンする
1. 依存パッケージをインストールする（npm install）
1. 環境設定ファイル（.env）を作成する
1. ローカルサーバーを起動する（npm run dev）

3. 途中番号から開始する方法（開始番号の指定）

CommonMarkおよび現代の主要Markdownパーサーでは、先頭の数字を任意の数字にすることで、その番号から始まるリスト（<ol start="5">）を生成できます。

# 5番からスタートしたい場合
5. 第5章：データベース設計の基本
6. 第6章：API設計とエンドポイントの実装
7. 第7章：ユニットテストの自動化

リストのネスト（階層化・インデント）の正しいやり方：markdown インデント / markdown リスト

markdown インデント（markdown リスト階層化 / ネスト）を行うことで、リストの中に子リスト（入れ子構造）を作成し、親子の従属関係やカテゴリ分けを明確に表現できます。

1. 階層化（ネスト）の基本ルールとスペース数

子階層（ネスト）を作成するには、子にしたい行の先頭に「半角スペース2個または4個（またはTabキー1回）」を挿入してからリスト記号を記述します。

# 半角スペース2個でインデント（現代のWeb・エディタで主流）
- 日本の主要都市
  - 関東地方
    - 東京都
    - 神奈川県
  - 近畿地方
    - 大阪府
    - 京都府
- アメリカの主要都市
  - ニューヨーク
  - ロサンゼルス

2. スペース数は「2個」と「4個」のどちらが正解？

「Markdownのインデントはスペース2個なのか4個なのか？」という疑問は非常によく議論されます。結論から言うと、CommonMarkおよびGitHub Flavored Markdown（GFM）では「半角スペース2個」または「半角スペース4個」のどちらでも動作します。

3. 箇条書きと番号付きリストの組み合わせ（混在ネスト）

箇条書きの子要素に番号付きリストを入れたり、番号付きリストの子要素に箇条書きを入れる「複合ネスト」も自由自在に作成できます。

# 箇条書きの中に番号付きリストを入れる
- フロントエンド学習ロードマップ
  1. HTML / CSSの基礎を固める
  2. JavaScript（ES6+）を習得する
  3. ReactまたはVue.jsのフレームワークを学ぶ
- バックエンド学習ロードマップ
  1. LinuxコマンドとSQLの基本
  2. サーバーサイド言語（Python / PHP等）の習得
  3. REST APIの設計と認証機能の実装

# 番号付きリストの中に箇条書きを入れる
1. 事前準備
   - パソコン環境のセットアップ
   - GitHubアカウントの作成
2. 開発作業
   - ブランチを作成してコードを書く
   - プルリクエスト（PR）を作成する

【実践・応用技】箇条書きの中に段落・コードブロック・画像を挟む方法

単行の箇条書きだけでなく、「1つのリスト項目の中に複数段落の説明文を入れたい」「箇条書きの途中にソースコードや画像を埋め込みたい」というケースは技術文書で頻出します。インデントのルールを正しく守ることで、リスト構造を壊さずにリッチなコンテンツを内包できます。

1. 箇条書きの中に「複数行の段落」を挟む

リスト項目内で改行して新しい段落を続けたい場合は、空行を1行挟んだ上で、次の段落の行頭を半角スペース（2〜4個）でインデントします。

- 第1のステップ：要件のヒアリング
  
  クライアントの要望を丁寧にヒアリングし、課題と目標を明確化します。
  このフェーズでの合意形成がプロジェクト全体の成功を左右します。

- 第2のステップ：画面プロトタイプの作成
  
  Figmaなどのデザインツールを用いてUIの試作を作成します。

2. 箇条書きの中に「コードブロック（“`）」を挿入する

箇条書きの項目内にシンタックスハイライト付きのコードブロックを挿入する場合は、コードブロック全体（バッククォート3つ含む）を行頭から半角スペース4個（または親リストに合わせたインデント）で字下げします。

- パッケージのインストール手順
  
  以下のコマンドをターミナルで実行してライブラリをインストールします。

    ```bash
    npm install axios dotenv
    ```

- サーバーの起動
  
  設定が完了したら、開発サーバーを立ち上げます。

    ```bash
    npm run start
    ```

※コードブロックの詳しい言語指定一覧やシンタックスハイライトの仕様は「Markdownコードブロックの書き方完全ガイド」をご覧ください。

3. 箇条書きの中に「引用（>）」や「画像」を入れる

引用文や画像、リンクも同様にインデントを揃えて記述することで、リストの項目内に美しく内包されます。

- 公式ドキュメントの注意事項
  
  > **警告:** 本APIはバージョン3.0以降で非推奨となります。
  > 移行ガイドを参照して新エンドポイントへ切り替えてください。

- 参考画像プレビュー
  
  ![管理画面プレビュー](https://example.com/dashboard-preview.png)

※引用記法の詳しい書き方については「Markdownの引用記法完全ガイド」で解説しています。

4. 【便利機能】チェックボックス付きタスクリスト（ToDoリスト）

GitHub Flavored Markdown（GFM）をはじめとする主要環境では、ハイフン ＋ 半角スペース ＋ [ ] または [x] と記述することで、インタラクティブなチェックボックスリスト（タスクリスト）を作成できます。

- [x] 記事の構成案・見出し作成（完了）
- [x] 本文執筆とコード例の動作検証（完了）
- [ ] アイキャッチ画像の作成
- [ ] 最終プレビュー確認と記事公開

箇条書きの解除・終了方法と連続リストの分割テクニック

「箇条書きを書いていた後、通常の文章に戻したい」「2つの別々のリストを連続して並べたいのに1つのリストに合体してしまう」という問題の解決法を解説します。

1. 箇条書きを終了して通常の文章に戻す方法

箇条書きを解除するには、「空行を挟む（Enterキーを2回押す）」だけでOKです。エディタ上では、記号が出現した行で何も文字を入力せずに再度 Enter を押すことでリストモードが自動解除されます。

- 箇条書きの最後の項目

（←ここに空行を1行挟む）
ここからは通常の段落文章になります。インデントなしで通常通り執筆できます。

2. 連続する2つの独立したリストを別々に分ける方法

Markdownの仕様では、箇条書きの間に空行を1行挟んでも、同一のリスト（<ul>）として結合されてしまう場合があります。「リストA」と「リストB」を明確に別のブロックとして分割したい場合は、以下の3つのテクニックを使います。

# HTMLコメントを使ってリストを分割する例
1. 第一部のステップ1
1. 第一部のステップ2



1. 第二部のステップ1（ここから再び 1 から始まる）
1. 第二部のステップ2

箇条書き・リストが崩れる・反映されない原因と対処法

「箇条書きを入力したのに丸ポチ（・）にならずハイフンがそのまま表示される」「ネスト（インデント）が効かない」という場合、以下の5つの原因をチェックすれば確実に解決できます。

原因1：記号の後に「半角スペース」がない（最頻出）

Markdownパーサーは - や 1. の直後に半角スペースがあって初めてリスト構文として認識します。

• ❌ 誤り（反映されない）： -リンゴ、1.企画書
• ⭕ 正しい（反映される）： - リンゴ、1. 企画書

原因2：インデントに「全角スペース」が混ざっている

日本語入力モードのままインデントを行うと、全角スペース（　）が挿入されてしまうことがあります。Markdownパーサーは全角スペースをインデントとして解釈しないため、階層化されません。必ず半角スペース（またはTabキー）を入力してください。

原因3：ハイフンや数字が「全角」になっている

全角ハイフン（ー や －）、全角アスタリスク（＊）、全角数字（１．）はリスト記号として認識されません。必ず半角英数モードで入力しましょう。

原因4：リスト直前の文章との間に「空行」がない

一部の厳格なMarkdownパーサー（CommonMark準拠環境など）では、通常の段落テキストの直後に空行を空けずに箇条書きを開始すると、段落の一部（同一行）として扱われリスト化されない場合があります。

# ❌ 直前に空行がない（パースエラーの原因）
以下の手順に従って操作してください。
- 手順1
- 手順2

# ⭕ 直前に空行を1行空ける（推奨）
以下の手順に従って操作してください。

- 手順1
- 手順2

原因5：記号をリスト化せず「そのまま文字として表示したい」場合（エスケープ）

「行頭に - や 1. を置きたいけれど、箇条書きには変換せずそのまま文字として見せたい」という場合は、記号の直前に半角バックスラッシュ（\ ※日本語キーボードでは ¥）を置いてエスケープします。

# エスケープの記述例
\- この行は箇条書きになりません
1\. この行は番号付きリストになりません

※特殊文字のエスケープ全般については「Markdown特殊文字が表示されない原因とエスケープ対策」で詳しく解説しています。

主要エディタ・ツールでの操作ショートカット一覧

VS Code、Notion、Obsidian、Qiita、Slackなどのツールでは、キーボードショートカットを活用することで箇条書きやインデント操作を瞬時に行えます。

よくある質問（FAQ）

まとめ｜Markdown箇条書き・リストをマスターして読みやすい文書を作ろう

Markdownの箇条書き（順不同リスト）と番号付きリスト（順序付きリスト）、そしてインデントによる階層化（ネスト）は、あらゆる文書の可読性を高める最も基本的かつ強力な表現手法です。

箇条書きの基本構文とインデントルールを身につけて、見やすく伝わりやすいドキュメント作成にぜひ役立ててください！