TegaruTools
テキストガイド

Markdownの書き方ガイド | 見出し・リスト・コード・テーブルを一覧で

GitHub・Qiita・note・Slackなど、いまや日常で使うMarkdownの基本記法を1ページで網羅。よく忘れがちなリンク・画像・テーブルの構文、GitHub拡張記法までまとめます。

公開: 2026年6月13日更新: 2026年8月15日読了 約7TegaruTools

Markdown(マークダウン)は、テキストに少し記号を加えるだけで、見出し・リスト・リンク・コードブロックなどを表現できる軽量な記法です。GitHub、Qiita、Zenn、note、Slack、Discord、Notion など、エンジニアでなくても日常的に使う場面が増えてきました。

覚える記号は多くありません。1ページの早見表があれば、ほとんど困らないはずです。ここでは、基本の記法から GitHub Flavored Markdown の拡張記法まで、用途ごとにまとめました。

Markdownとは:読みやすいまま装飾できる記法

Markdownは2004年に John Gruber 氏によって考案された記法で、当時HTMLが必須だったWebの世界に「もっと書きやすく、生のテキストでも読めるフォーマット」を持ち込みました。

例えば **強調** と書けば 強調 になり、# 見出し と書けば見出しになる。装飾用の記号がそのまま「文章の意味」を表しているので、生のテキストファイルとして読んでも内容が伝わるのが大きな特徴です。

書いた文章は専用のソフト(Markdownプロセッサ)でHTMLや別形式に変換されます。本サイトの Markdownプレビューツール を使えば、書きながら結果を確認できます。

見出し

行の先頭に # を1〜6個並べることで、h1〜h6の見出しを表現できます。# と文字の間には半角スペースを入れます。

  • # 大見出し — h1(記事タイトルに使う)
  • ## 中見出し — h2(章の見出し)
  • ### 小見出し — h3(節の見出し)
  • #### 〜 ###### — h4〜h6(細かい階層に使うが、深くしすぎないのがコツ)

実用上は h1〜h3 までで十分です。記事1本に対して h1 は1つ、h2 が章立て、h3 が章の中の節、という構造を意識すると読みやすくなります。

強調・斜体・打ち消し

  • **強調** または __強調__強調
  • *斜体* または _斜体_斜体
  • ***強調と斜体***強調と斜体
  • ~~打ち消し線~~打ち消し線

日本語の場合、文字の前後にスペースを入れずに記号を使うと、サービスによっては装飾が反映されないことがあります(特に古いMarkdownプロセッサ)。困ったときは **こちら** のように前後にスペースを入れると確実です。

リンクと画像

リンク

[表示テキスト](URL) の形で書きます。

  • 例:[TegaruTools](https://tegarutools.com/)
  • 結果:TegaruTools

タイトル属性を付ける場合は [テキスト](URL "ホバー時のタイトル") のように書きます。

画像

![代替テキスト](画像URL) でリンクと同じ書式の頭にビックリマーク。

  • 例:![ロゴ](https://example.com/logo.png)

代替テキスト(alt)は、画像が表示できなかった時に代わりに表示される文字列です。アクセシビリティの観点からも、可能なら入力する習慣を付けてください。

リスト

箇条書きリスト

行頭に -*+ のいずれかを置き、半角スペースを1つ入れて文章を書きます(どれを使ってもOK、混在も可)。

  • 項目1
  • 項目2
    • サブ項目(インデント半角2スペースで入れ子)
    • サブ項目
  • 項目3

番号付きリスト

行頭に 1.2.、…と数字を書きます。実は番号自体は何でも良く、すべて 1. でも結果は1、2、3…と自動で振られます。

  1. 一つ目
  2. 二つ目
  3. 三つ目

コード

インラインコード

文中にコードを埋め込むときは、バッククォート ` で囲みます。

  • 例:関数 `map` は配列の各要素を変換します。

コードブロック

複数行のコードは、行頭に半角バッククォートを3つ並べて囲みます。

```js のように言語名を入れると、対応サービスでシンタックスハイライトされます。GitHub・Qiita・Zenn・Slack いずれも対応しています。

引用

行頭に > を置くと、引用ブロックになります。

これは引用です。複数行の場合は、各行の先頭に > を置きます。

書籍・記事の引用、または「補足説明」「注意書き」など、本文と区別したい内容を入れる時に便利です。

テーブル(表)

テーブルは縦線 | で列を区切り、見出しと本文の間にハイフン --- の行を入れます。

例:

  • | ヘッダ1 | ヘッダ2 |
  • | --- | --- |
  • | セル | セル |

列の整列は --- 部分で指定します。

  • :--- — 左寄せ(デフォルト)
  • :---: — 中央寄せ
  • ---: — 右寄せ

水平線

段落の区切りに水平線を入れたい時は、3つ以上の -*_ を単独行に書きます。

  • ---
  • ***
  • ___

GitHub Flavored Markdown (GFM) の拡張記法

GitHub が独自に追加した拡張記法で、現在はQiita・Zenn・GitLab・Slack・Discord などでも広く採用されています。

チェックボックス

  • - [ ] 未完了タスク
  • - [x] 完了タスク

TODOリストや、PullRequestのレビュー項目で重宝します。

シンタックスハイライト

コードブロックに言語名を指定すると、その言語に合わせた色付けがされます。例:```python```javascript```sql```yaml など。

絵文字ショートコード

:smile::rocket::warning: といった書き方で絵文字を入れられます。GitHub・Slack で動作。

URL の自動リンク化

https://example.com/ のように生のURLを書くだけで、自動的にリンクとして処理されます。

取り消し線

~~取り消し~~取り消し になります(前述)。

Markdownが使える主なサービス

  • GitHub:README、Issue、PullRequest、Wiki、Discussions すべてMarkdown。
  • Qiita / Zenn / note:日本の技術ブログ・記事サービス。
  • Notion:エディタ内で **# を入力するとMarkdown風に変換される。
  • Slack / Discord:メッセージで *強調*`コード````ブロック``` が使える。
  • VS Code、Typora、Obsidian:Markdownエディタとして人気。リアルタイムプレビュー付き。

書きやすくなるコツ

  1. プレビューを見ながら書く:本サイトの Markdownプレビューツール はブラウザ完結で、書きながら結果を確認できます。
  2. 段落の間は空行を入れる:改行だけだと「
    」になるので、段落として区切りたい時は1行空ける。
  3. 記号の前後に半角スペース:日本語環境では、Markdownの記号と日本語が密着していると認識されないことがある。
  4. 長すぎる行は折り返す:1行が長くなりすぎると編集時に見にくい。70〜80文字で改行する習慣が読みやすい。
  5. HTML も使える:表現できない装飾はHTMLで書ける(ほとんどのMarkdownプロセッサが対応)。ただし依存しすぎると可搬性が落ちる。

まとめ:1日で身につく、一生使える記法

Markdownは覚える記号が少なく、それぞれの意味も直感的です。集中して取り組めば、1〜2時間あれば十分に書けるようになります。

一度身につけてしまえば、技術記事やREADME、SlackやDiscordでの整理された投稿、Notionの議事録、ブログ執筆まで、いろいろなテキスト作業で時間を節約できます。書式ボタンを押す手間から解放され、書くことそのものに集中できるようになります。

よくある質問

Markdownはどこで使えますか?

GitHubやNotion、Slackの一部、多くのブログサービスやドキュメントツールで使えます。ただし対応している記法はサービスごとに違い、表やチェックリストなどの拡張記法は使えない場合があります。

改行したのに反映されません。

多くのMarkdownでは、単純な改行は同じ段落の続きとして扱われます。段落を分けたいときは空行を1行入れてください。同じ段落の中で改行したい場合は、行末に半角スペースを2つ置く書き方が使えることがあります。

書いた見た目を確認しながら編集できますか?

プレビュー機能のあるエディタやツールを使うと、記法と表示を並べて確認できます。とくに表やリストの入れ子は、書いただけでは崩れに気づきにくいため、確認しながら書くと手戻りが減ります。

この記事で紹介したツール

関連するガイド記事

正規表現入門 | 初心者でも30分で書けるようになる実践ガイド

「メアドだけ抜き出したい」「電話番号の形式を統一したい」といった作業に強い正規表現を、メタ文字・量化子・グループ化など最低限の文法から実用パターンまで段階的に紹介します。よく使う書き方をコピーして試せるので、初心者でも自分でパターンを組めるようになります。

URLエンコード完全ガイド | なぜ %E3%81%82 になるのか

URLに日本語を入れたときに現れる謎の文字列「%E3%81%82」の正体と、URLエンコードの仕組みを基礎から解説。予約文字・UTF-8・フォーム送信の +20 表現・encodeURI と encodeURIComponent の違いまで網羅します。

ローマ字の書き方完全ガイド | ヘボン式・訓令式の違いとパスポート申請のルール

名前をローマ字にするとき迷う「ヘボン式」と「訓令式」の違いを整理し、パスポート申請で必須のヘボン式表記のルール(長音・撥音「ん」・促音「っ」)を具体例つきで解説。よくある間違いと早見表もまとめます。

CSVをExcelで開くと文字化けする原因と直し方 | UTF-8とBOMを理解する

システムからダウンロードしたCSVをExcelで開くと日本語が文字化けする——その原因は、ファイルの文字コードとExcelの仕様のすれ違いです。ファイル自体を直す方法、Excel側で取り込む方法、メモ帳で直す応急処置まで、場面別の直し方と予防策を整理します。