Markdown チートシート

ライブプレビュー付きの完全なMarkdown構文リファレンス。標準MarkdownとGitHub Flavored Markdown（GFM）拡張を網羅。

見出し

# Heading 1

H1 — largest heading

例

# My Title

出力

<h1>My Title</h1>

## Heading 2

H2 — section heading

例

## Introduction

出力

<h2>Introduction</h2>

### Heading 3

H3 — subsection

例

### Details

出力

<h3>Details</h3>

#### Heading 4

例

#### Notes

出力

<h4>Notes</h4>

##### Heading 5

例

##### Fine print

出力

<h5>Fine print</h5>

###### Heading 6

H6 — smallest heading

例

###### Footnote

出力

<h6>Footnote</h6>

Title
======

H1 — setext style (underline with ===)

例

My Title
========

出力

<h1>My Title</h1>

Title
------

H2 — setext style (underline with ---)

例

My Section
----------

出力

<h2>My Section</h2>

強調・スタイル

**bold**

Bold text

例

**important**

出力

<strong>important</strong>

__bold__

Bold text (alternate)

例

__important__

出力

<strong>important</strong>

*italic*

Italic text

例

*emphasis*

出力

<em>emphasis</em>

_italic_

Italic text (alternate)

例

_emphasis_

出力

<em>emphasis</em>

***bold italic***

Bold and italic

例

***critical***

出力

<strong><em>critical</em></strong>

~~strikethrough~~

Strikethrough (GFM)

例

~~deprecated~~

出力

<del>deprecated</del>

`inline code`

Inline code

例

`console.log()`

出力

<code>console.log()</code>

<mark>highlight</mark>

Highlighted text (HTML in MD)

例

<mark>key point</mark>

出力

<mark>key point</mark>

リンク・画像

[text](url)

Inline link

例

[OpenAI](https://openai.com)

出力

<a href="https://openai.com">OpenAI</a>

[text](url "title")

Link with title tooltip

例

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

出力

<a href="..." title="GitHub">GitHub</a>

[text][ref]

[ref]: url

Reference-style link

例

[Google][goo]

[goo]: https://google.com

出力

Reusable reference links

<https://url>

Autolink (bare URL)

例

<https://example.com>

出力

Clickable URL

![alt](url)

Inline image

例

![Logo](logo.png)

出力

![alt](url "title")

Image with title

例

![Logo](logo.png "My Logo")

出力

[![alt](img)](url)

Linked image

例

[![Logo](logo.png)](https://site.com)

出力

Clickable image

コード

`code`

Inline code

例

Use `npm install`

出力

<code>npm install</code>

```
code
```

Fenced code block

例

```
console.log('hi')
```

出力

```javascript
code
```

Syntax highlighted code

例

```python
print('hello')
```

出力

Highlighted code block

    indented code

Code block via 4-space indent

例

    def hello():
        pass

出力

``code with `backtick` inside``

Double backticks for inline code with backtick

例

``Use `code` here``

出力

表

| Col1 | Col2 |
|------|------|
| A    | B    |

Basic table (GFM)

例

| Name | Age |
|------|-----|
| Ana  | 25  |

出力

<table>...

| Left | Center | Right |
|:-----|:------:|------:|

Column alignment (GFM)

例

| Left | Center | Right |
|:-----|:------:|------:
| a    | b      | c     |

出力

Left/center/right aligned cols

引用

> Quote text

Blockquote

例

> To be or not to be.

出力

> Line 1
> Line 2

Multi-line blockquote

例

> First line
> Second line

出力

Single blockquote element

> Outer
> > Nested

Nested blockquote

例

> Level 1
> > Level 2

出力

Nested <blockquote>

> **Note:** text

Styled blockquote with bold

例

> **Warning:** Be careful!

出力

<blockquote><strong>Warning:</strong>...

タスクリスト

- [ ] Unchecked task

Unchecked checkbox (GFM)

例

- [ ] Write tests

出力

Unchecked checkbox

- [x] Completed task

Checked checkbox (GFM)

例

- [x] Deploy app

出力

Checked checkbox

- [ ] Task
  - [ ] Subtask

Nested task list

例

- [ ] Feature
  - [x] API done
  - [ ] UI todo

出力

Nested checkbox list

その他

---

Horizontal rule (thematic break)

例

Section 1

---

Section 2

出力

<hr>

***

Horizontal rule (3 asterisks)

例

***

出力

<hr>

\*escaped\*

Escape Markdown characters with \

例

\*not bold\*

出力

*not bold*

<br>

Forced line break within paragraph

例

Line one<br>Line two

出力

<br> in HTML

Two trailing spaces  
next line

Hard line break (2 spaces + enter)

例

First line  
Second line

出力

Line break within paragraph

<!-- comment -->

HTML comment (hidden in output)

例

<!-- TODO: fix this -->

出力

Not rendered

GitHub Flavored Markdown

~~strikethrough~~

Strikethrough

例

~~old text~~

出力

https://auto.link

Autolink (bare URL auto-linked)

例

https://example.com

出力

@username

User mention (GitHub)

例

@octocat

出力

Linked profile mention

#123

Issue/PR reference (GitHub)

例

Fixes #42

出力

Linked issue reference

SHA reference

Commit SHA reference (GitHub)

例

a5c3785

出力

Linked commit

```mermaid
graph
```

Mermaid diagram (GitHub/GitLab)

例

```mermaid
graph LR
  A-->B
```

出力

Rendered diagram

> [!NOTE]

GitHub alerts (NOTE/TIP/WARNING/CAUTION)

例

> [!WARNING]
> Be careful!

出力

Styled alert box

クイックスタート：必須Markdown

Text Formatting

**bold text**
*italic text*
***bold italic***
~~strikethrough~~
`inline code`

Headings

# H1 — largest
## H2 — section
### H3 — sub
#### H4
##### H5

Lists

- Unordered item
* Also unordered
1. Ordered item
2. Second item
- Nested item

Links & Images

[text](url)
[text](url "title")
![alt](image.png)
<https://autolink>
[![img](img)](url)

Code Blocks

`inline code`
```language
code block body
```
4-space indent

GFM Extensions

- [ ] Task list
- [x] Completed
| Table | Col |
> [!NOTE] alert
@mention, #issue

Markdown表の構文

表はGitHub Flavored Markdown（GFM）の拡張機能です。'|'で列を区切り、区切り行のコロンで内容を揃えます：|

| Name    | Role      | Score |
|:--------|:---------:|------:|
| Alice   | Developer |   100 |
| Bob     | Designer  |    95 |

:--- 左揃え:---: 中央揃え---: 右揃え

Markdownプレビュアーを試す

ライブレンダリングでMarkdownをリアルタイムに作成・プレビューとエクスポートオプション。

プレビュアーを開く →

よくある質問

Markdownとは何ですか？

Markdownは2004年にJohn Gruberが作成した軽量マークアップ言語です。プレーンテキストの書式構文を使ってHTMLを作成します：#見出し、**太字**、*斜体*、[リンク]、`コード`など。READMEファイル、GitHub、Reddit、Slack、多くのドキュメントシステムで使用されています。

CommonMarkとGitHub Flavored Markdownの違いは何ですか？

CommonMarkは標準化されたMarkdown仕様です。GitHub Flavored Markdown（GFM）はタスクリスト、表、取り消し線、自動リンク、コードフェンスの構文ハイライトを追加して拡張しています。ほとんどの現代的なプラットフォームはGFMをサポートしています。

コードブロックに構文ハイライトを追加するには？

バッククォート3つに続けて言語名を指定します：```javascript。サポートされる言語にはjavascript、python、typescript、bash、css、html、json、yaml、sqlなどがあります。

Markdownの特殊文字をエスケープするには？

文字の前にバックスラッシュを使います：\*は*、\_は_、\`は`、\#は#、\[は[など。これによりMarkdownがそれらを書式構文として解釈するのを防ぎます。

Markdown チートシート

ライブプレビュー付きの完全なMarkdown構文リファレンス。標準MarkdownとGitHub Flavored Markdown（GFM）拡張を網羅。

見出し

# Heading 1

H1 — largest heading

例

# My Title

出力

<h1>My Title</h1>

## Heading 2

H2 — section heading

例

## Introduction

出力

<h2>Introduction</h2>

### Heading 3

H3 — subsection

例

### Details

出力

<h3>Details</h3>

#### Heading 4

例

#### Notes

出力

<h4>Notes</h4>

##### Heading 5

例

##### Fine print

出力

<h5>Fine print</h5>

###### Heading 6

H6 — smallest heading

例

###### Footnote

出力

<h6>Footnote</h6>

Title
======

H1 — setext style (underline with ===)

例

My Title
========

出力

<h1>My Title</h1>

Title
------

H2 — setext style (underline with ---)

例

My Section
----------

出力

<h2>My Section</h2>

強調・スタイル

**bold**

Bold text

例

**important**

出力

<strong>important</strong>

__bold__

Bold text (alternate)

例

__important__

出力

<strong>important</strong>

*italic*

Italic text

例

*emphasis*

出力

<em>emphasis</em>

_italic_

Italic text (alternate)

例

_emphasis_

出力

<em>emphasis</em>

***bold italic***

Bold and italic

例

***critical***

出力

<strong><em>critical</em></strong>

~~strikethrough~~

Strikethrough (GFM)

例

~~deprecated~~

出力

<del>deprecated</del>

`inline code`

Inline code

例

`console.log()`

出力

<code>console.log()</code>

<mark>highlight</mark>

Highlighted text (HTML in MD)

例

<mark>key point</mark>

出力

<mark>key point</mark>

リンク・画像

[text](url)

Inline link

例

[OpenAI](https://openai.com)

出力

<a href="https://openai.com">OpenAI</a>

[text](url "title")

Link with title tooltip

例

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

出力

<a href="..." title="GitHub">GitHub</a>

[text][ref]

[ref]: url

Reference-style link

例

[Google][goo]

[goo]: https://google.com

出力

Reusable reference links

<https://url>

Autolink (bare URL)

例

<https://example.com>

出力

Clickable URL

![alt](url)

Inline image

例

![Logo](logo.png)

出力

![alt](url "title")

Image with title

例

![Logo](logo.png "My Logo")

出力

[![alt](img)](url)

Linked image

例

[![Logo](logo.png)](https://site.com)

出力

Clickable image

コード

`code`

Inline code

例

Use `npm install`

出力

<code>npm install</code>

```
code
```

Fenced code block

例

```
console.log('hi')
```

出力

```javascript
code
```

Syntax highlighted code

例

```python
print('hello')
```

出力

Highlighted code block

    indented code

Code block via 4-space indent

例

    def hello():
        pass

出力

``code with `backtick` inside``

Double backticks for inline code with backtick

例

``Use `code` here``

出力

表

| Col1 | Col2 |
|------|------|
| A    | B    |

Basic table (GFM)

例

| Name | Age |
|------|-----|
| Ana  | 25  |

出力

<table>...

| Left | Center | Right |
|:-----|:------:|------:|

Column alignment (GFM)

例

| Left | Center | Right |
|:-----|:------:|------:
| a    | b      | c     |

出力

Left/center/right aligned cols

引用

> Quote text

Blockquote

例

> To be or not to be.

出力

> Line 1
> Line 2

Multi-line blockquote

例

> First line
> Second line

出力

Single blockquote element

> Outer
> > Nested

Nested blockquote

例

> Level 1
> > Level 2

出力

Nested <blockquote>

> **Note:** text

Styled blockquote with bold

例

> **Warning:** Be careful!

出力

<blockquote><strong>Warning:</strong>...

タスクリスト

- [ ] Unchecked task

Unchecked checkbox (GFM)

例

- [ ] Write tests

出力

Unchecked checkbox

- [x] Completed task

Checked checkbox (GFM)

例

- [x] Deploy app

出力

Checked checkbox

- [ ] Task
  - [ ] Subtask

Nested task list

例

- [ ] Feature
  - [x] API done
  - [ ] UI todo

出力

Nested checkbox list

その他

---

Horizontal rule (thematic break)

例

Section 1

---

Section 2

出力

<hr>

***

Horizontal rule (3 asterisks)

例

***

出力

<hr>

\*escaped\*

Escape Markdown characters with \

例

\*not bold\*

出力

*not bold*

<br>

Forced line break within paragraph

例

Line one<br>Line two

出力

<br> in HTML

Two trailing spaces  
next line

Hard line break (2 spaces + enter)

例

First line  
Second line

出力

Line break within paragraph

<!-- comment -->

HTML comment (hidden in output)

例

<!-- TODO: fix this -->

出力

Not rendered

GitHub Flavored Markdown

~~strikethrough~~

Strikethrough

例

~~old text~~

出力

https://auto.link

Autolink (bare URL auto-linked)

例

https://example.com

出力

@username

User mention (GitHub)

例

@octocat

出力

Linked profile mention

#123

Issue/PR reference (GitHub)

例

Fixes #42

出力

Linked issue reference

SHA reference

Commit SHA reference (GitHub)

例

a5c3785

出力

Linked commit

```mermaid
graph
```

Mermaid diagram (GitHub/GitLab)

例

```mermaid
graph LR
  A-->B
```

出力

Rendered diagram

> [!NOTE]

GitHub alerts (NOTE/TIP/WARNING/CAUTION)

例

> [!WARNING]
> Be careful!

出力

Styled alert box

クイックスタート：必須Markdown

Text Formatting

**bold text**
*italic text*
***bold italic***
~~strikethrough~~
`inline code`

Headings

# H1 — largest
## H2 — section
### H3 — sub
#### H4
##### H5

Lists

- Unordered item
* Also unordered
1. Ordered item
2. Second item
- Nested item

Links & Images

[text](url)
[text](url "title")
![alt](image.png)
<https://autolink>
[![img](img)](url)

Code Blocks

`inline code`
```language
code block body
```
4-space indent

GFM Extensions

- [ ] Task list
- [x] Completed
| Table | Col |
> [!NOTE] alert
@mention, #issue

Markdown表の構文

表はGitHub Flavored Markdown（GFM）の拡張機能です。'|'で列を区切り、区切り行のコロンで内容を揃えます：|

| Name    | Role      | Score |
|:--------|:---------:|------:|
| Alice   | Developer |   100 |
| Bob     | Designer  |    95 |

:--- 左揃え:---: 中央揃え---: 右揃え

Markdownプレビュアーを試す

ライブレンダリングでMarkdownをリアルタイムに作成・プレビューとエクスポートオプション。

プレビュアーを開く →

よくある質問

Markdownとは何ですか？

CommonMarkとGitHub Flavored Markdownの違いは何ですか？

コードブロックに構文ハイライトを追加するには？

Markdownの特殊文字をエスケープするには？

文字の前にバックスラッシュを使います：\*は*、\_は_、\`は`、\#は#、\[は[など。これによりMarkdownがそれらを書式構文として解釈するのを防ぎます。

Markdown チートシート

見出し

強調・スタイル

リスト

リンク・画像

コード

表

引用

タスクリスト

その他

GitHub Flavored Markdown

クイックスタート：必須Markdown

Text Formatting

Headings

Lists

Links & Images

Code Blocks

GFM Extensions

Markdown表の構文

Markdownプレビュアーを試す

よくある質問

References & cheat sheets

Markdown チートシート

見出し

強調・スタイル

リスト

リンク・画像

コード

表

引用

タスクリスト

その他

GitHub Flavored Markdown

クイックスタート：必須Markdown

Text Formatting

Headings

Lists

Links & Images

Code Blocks

GFM Extensions

Markdown表の構文

Markdownプレビュアーを試す

よくある質問