メインコンテンツへスキップ
Toolsbase Logo

Markdownチートシート

Markdown記法をカテゴリ別にまとめた早見表。見出し・強調・リスト・リンク・コードブロック・テーブルなどの構文を検索・コピーできます。

最終更新:

使い方

使い方を開く
  1. 1

    構文を検索

    検索欄にキーワードを入力するか、カテゴリ(見出し、強調など)でフィルタリングして目的の構文を見つけます。

  2. 2

    説明と例を確認

    各構文の説明、使用例、レンダリング結果を確認して、正しい使い方を理解します。

  3. 3

    構文をコピー

    コピーボタンをクリックして構文をクリップボードにコピーし、Markdownドキュメントにそのまま貼り付けます。

# Heading 1
最大の見出し(H1)。ページやドキュメントのタイトルに使用します。

使用例

# ドキュメントタイトル

表示結果

ドキュメントタイトル(大きな太字テキスト)

## Heading 2
第2レベルの見出し(H2)。主要なセクションに使用します。

使用例

## セクションタイトル

表示結果

セクションタイトル(中くらいの太字テキスト)

### Heading 3
第3レベルの見出し(H3)。小セクションに使用します。

使用例

### サブセクションタイトル

表示結果

サブセクションタイトル(小さい太字テキスト)

#### Heading 4
第4レベルの見出し(H4)。細かい見出しに使用します。

使用例

#### 小見出し

表示結果

小見出し(小さい太字テキスト)

**bold**
太字テキスト。二重アスタリスクまたは二重アンダースコアで囲みます。

使用例

これは**太字**テキストです

表示結果

これは太字テキストです(太字)

*italic*
イタリック体テキスト。単一アスタリスクまたはアンダースコアで囲みます。

使用例

これは*イタリック*テキストです

表示結果

これはイタリックテキストです(斜体)

***bold italic***
太字とイタリック体の組み合わせ。三重アスタリスクで囲みます。

使用例

これは***太字イタリック***テキストです

表示結果

これは太字イタリックテキストです(太字+斜体)

~~strikethrough~~
取り消し線テキスト。二重チルダで囲みます。

使用例

これは~~取り消し線~~テキストです

表示結果

これは取り消し線テキストです(線付き)

`inline code`
インラインコード。バッククォートで囲むとモノスペースで表示されます。

使用例

デバッグには`console.log()`を使います

表示結果

デバッグにはconsole.log()を使います(等幅フォント)

- item
箇条書きリスト。行頭に -、*、+ とスペースを付けます。

使用例

- りんご
- バナナ
- さくらんぼ

表示結果

• りんご • バナナ • さくらんぼ

1. item
番号付きリスト。行頭に数字・ピリオド・スペースを付けます。

使用例

1. 最初
2. 次
3. 最後

表示結果

1. 最初 2. 次 3. 最後

- item - nested item
ネストしたリスト。スペース2〜4つでインデントしてサブ項目を作成します。

使用例

- 項目
  - サブ項目
  - サブ項目

表示結果

• 項目 ∘ サブ項目 ∘ サブ項目

- [ ] unchecked - [x] checked
タスクリスト(GitHub Flavored Markdown)。[ ]で未チェック、[x]でチェック済みを表します。

使用例

- [ ] 未完了
- [x] 完了

表示結果

☐ 未完了 ☑ 完了

[link text](https://example.com)
ハイパーリンク。[リンクテキスト](URL) の形式で記述します。

使用例

[GitHubを見る](https://github.com)

表示結果

GitHubを見る(クリック可能なリンク)

[link text](https://example.com "title")
ツールチップ付きリンク。URLの後にクォートで囲んだタイトルを追加します。

使用例

[GitHub](https://github.com "GitHubホーム")

表示結果

GitHub(ホバー時にツールチップが表示されるリンク)

![alt text](image.png)
インライン画像。リンクと同じ形式で先頭に!を付けます。

使用例

![ロゴ](logo.png)

表示結果

[画像: ロゴ]

[link text][ref] [ref]: https://example.com
参照スタイルのリンク。URLを別途定義してテキストをすっきり保ちます。

使用例

[GitHub][gh]

[gh]: https://github.com

表示結果

GitHub(参照を使ったクリック可能なリンク)

<https://example.com>
自動リンク。URLやメールアドレスを山括弧で囲みます。

使用例

<https://example.com>

表示結果

https://example.com(クリック可能)

``` code here ```
コードブロック。バッククォート3つで囲みます。

使用例

```
function hello() {
  return 'こんにちは';
}
```

表示結果

等幅フォントのコードブロック

```javascript const x = 1; ```
シンタックスハイライト付きコードブロック。開始バッククォートの後に言語名を指定します。

使用例

```javascript
const x = 42;
```

表示結果

JavaScriptのシンタックスハイライト付きコードブロック

> blockquote text
ブロック引用。行頭に > を付けてインデントされた引用文を作ります。

使用例

> 引用テキストはこちら

表示結果

| 引用テキストはこちら(インデント)

> quote >> nested quote
ネストした引用。>> で第2レベルのインデントを作成します。

使用例

> 外側の引用
>> 内側の引用

表示結果

| 外側の引用 || 内側の引用(二重インデント)

---
水平線。3つ以上のダッシュ、アスタリスク、またはアンダースコアを1行に書きます。

使用例

---

表示結果

─────────────── (全幅の水平線)

| Header 1 | Header 2 | | -------- | -------- | | Cell 1 | Cell 2 |
テーブル。パイプ | で列を区切り、ハイフン - でヘッダー区切り行を作ります。

使用例

| 名前 | 年齢 |
| ---- | ---- |
| 太郎 | 30   |

表示結果

名前と年齢の列があるテーブル

| Left | Center | Right | | :--- | :----: | ----: | | L | C | R |
テーブルの列揃え。:--- で左揃え、:---: で中央揃え、---: で右揃えになります。

使用例

| 左 | 中央 | 右 |
| :--- | :----: | ----: |
| L  |  C  |    R |

表示結果

左・中央・右揃えの列があるテーブル

text[^1] [^1]: footnote content
脚注(拡張Markdown)。本文に[^参照]を付け、末尾で内容を定義します。

使用例

詳細は注釈を参照[^1]

[^1]: これが脚注です。

表示結果

詳細は注釈を参照¹ ... ¹ これが脚注です。

Term : Definition
定義リスト(拡張Markdown)。用語を1行目に、コロンで始まる定義を次の行に書きます。

使用例

HTML
: HyperText Markup Language

表示結果

HTML(用語) HyperText Markup Language(定義)

\*escaped asterisk\*
特殊文字のエスケープ。バックスラッシュ \ を使ってMarkdown記号をそのまま表示します。

使用例

\*イタリックにならない\*

表示結果

*イタリックにならない*(アスタリスクがそのまま表示)

<!-- HTML comment -->
HTMLコメント。レンダリング結果には表示されません。

使用例

<!-- このコメントは非表示 -->

表示結果

(何も表示されない)

H~2~O
下付き文字(拡張Markdown)。チルダ1つで囲みます。

使用例

H~2~O

表示結果

H₂O

x^2^
上付き文字(拡張Markdown)。キャレット記号で囲みます。

使用例

x^2^

表示結果

==highlighted==
ハイライト(拡張Markdown)。二重等号記号で囲みます。

使用例

==重要なテキスト==

表示結果

重要なテキスト(黄色のハイライト付き)

Markdownチートシートとは

Markdownチートシートは、Markdown記法のクイックリファレンスとして使える無料のオンラインツールです。見出し・太字・イタリック・取り消し線などの基本書式から、リンク・画像・コードブロック・テーブル、さらに脚注・ハイライト・上付き・下付き文字などの拡張構文まで、30以上のパターンをカテゴリ別に収録しています。各パターンには説明・使用例・表示結果が掲載されており、記法を書きながら確認できます。GitHub READMEやドキュメント執筆、ブログ・メモアプリでのMarkdown作成時のクイックリファレンスとして最適です。Markdownをこれから学ぶ初心者から、普段使いの構文を素早く確認したい経験者まで、幅広いニーズに対応しています。

主な機能

  • 30以上のMarkdown記法パターンをカテゴリ別に収録
  • 各パターンの説明・使用例・表示結果を掲載
  • カテゴリ別フィルタリング(見出し、強調、リストなど)
  • リアルタイム検索機能
  • 構文のワンクリックコピー

こんな場面で役立ちます

  • ドキュメント作成時にMarkdown記法を確認したいとき
  • Markdownを学習中の初心者の参考に
  • GitHubのREADMEを書きながらのクイックリファレンスとして
  • テーブルや拡張構文の書き方を調べたいとき
  • ブログ・メモアプリでのMarkdown記述時の参照に

よくある質問

Markdownとは何ですか?

Markdownは、プレーンテキストの書式をHTMLに変換する軽量マークアップ言語です。2004年にJohn Gruberが作成し、現在はREADMEファイル、ドキュメント、ブログプラットフォーム、メモアプリなどで広く使われています。

標準Markdownと拡張Markdownの違いは何ですか?

標準Markdown(CommonMark)は見出し・太字・イタリック・リンク・コードブロックなどの基本構文を含みます。拡張Markdown(GitHub Flavored Markdown、MultiMarkdownなど)はテーブル・タスクリスト・脚注・取り消し線などを追加します。対応状況はプラットフォームによって異なります。

*とアンダースコアの強調の違いは何ですか?

太字・イタリックの効果は同じですが、単語の内部でアンダースコアを使った場合(例: some_variable_name)は強調として扱われません。一貫性のためにアスタリスクの使用が推奨されます。

改行するにはどうすればよいですか?

行末にスペースを2つ以上入れるか、段落の間に空行を挟みます(新しい段落として改行)。バックスラッシュ \ を行末に使うプロセッサもあります。

すべてのMarkdownパーサーで同じ構文が使えますか?

いいえ。見出し・太字・リンクなどの基本構文は広くサポートされていますが、テーブル・脚注・定義リストなどの拡張構文はパーサーによって異なります。ターゲットプラットフォームで何がサポートされているか確認してください。