オンライン Markdown エディタ(リアルタイムプレビュー)

左側に Markdown を入力すると、右側に整形結果がすぐに表示されます。無料で高速、オフラインでも使える Markdown エディタ。登録不要で、入力したテキストがブラウザの外に出ることはありません。

Markdown
プレビュー

Markdown チートシート

Markdown は、あらゆるデバイスできれいに表示されるテキストを整える簡単な方法です。フォントサイズや色、書体を変えるような凝ったことはせず、すでに知っているキーボードの記号だけを使って、必要最小限のことだけを行います。これはその完全なリファレンスで、すべてのルールを表示結果と並べて紹介します。

見出し

テキストの前に # 記号を付けます – # が 1 つで最も大きな見出し、最大 6 つで最も小さな見出しになります。上位 2 つのレベルには「下線」スタイルもあります。

MarkdownResult
# Heading 1

Heading 1
=========

Heading 1

## Heading 2

Heading 2
---------

Heading 2

### Heading 3

Heading 3

#### Heading 4

Heading 4

##### Heading 5
Heading 5
###### Heading 6
Heading 6

強調

記号でテキストを囲むと、太字斜体取り消し線 にできます。アスタリスクとアンダースコアは同じように使えます。

MarkdownResult
*Italic* _Italic_Italic
**Bold** __Bold__Bold
***Bold & italic***Bold & italic
~~Strikethrough~~Strikethrough

引用

行を > で始めるとテキストを引用できます。さらに > を追加すると引用を入れ子にでき、空の > 行で段落を区切ります。

MarkdownResult
> This is a blockquote.
This is a blockquote.
> First paragraph. > > Second paragraph.

First paragraph.

Second paragraph.

> Level one >> Level two
Level one
Level two

リスト

箇条書きリストは -*+ で始めます。番号付きリストは 1.2.3. を使います。スペース 2 つ分インデントするとサブリストを入れ子にできます。

MarkdownResult
- First item - Second item - Third item
  • First item
  • Second item
  • Third item
1. First item 2. Second item 3. Third item
  1. First item
  2. Second item
  3. Third item
1. First item - Sub-item - Sub-item 2. Second item
  1. First item
    • Sub-item
    • Sub-item
  2. Second item

タスクリスト

箇条書きの直後に、空のチェックボックスなら [ ]、チェック済みなら [x] を追加します。GitHub の ToDo リストに最適です。

MarkdownResult
- [x] Learn Markdown - [ ] Master Markdown - [ ] Teach a friend
  • Learn Markdown
  • Master Markdown
  • Teach a friend

表示するテキストを [ ] に、アドレスを ( ) に入れます。参照リンクはアドレスを末尾にまとめておくことができ、裸の URL は自動的にリンクになります。

MarkdownResult
[Markdown69](https://markdown69.com)Markdown69
[Hover me](https://markdown69.com "Best cheat sheet")Hover me
[Reference link][site]

[site]: https://markdown69.com
Reference link
<https://markdown69.com>https://markdown69.com
[Jump to top](#top)Jump to top

画像

リンクと同じで、前に ! を付けます。[ ] 内のテキストは、画像を読み込めないときに表示される代替テキストになります。

MarkdownResult
![Markdown logo](/img/markdown.png)Markdown logo
![Logo](/img/markdown.png "Markdown")Logo
[![Clickable](/img/markdown.png)](https://markdown69.com)Clickable

コード

インラインコードはバッククォート 1 つで囲みます。ブロック全体には、バッククォート 3 つを使う(任意で言語名を指定)か、各行をスペース 4 つ分インデントします。

MarkdownResult
Use the `print()` function.Use the print() function.
``` plain code block ```
plain code block
```python def hello(): print("Hi!") ```
def hello():
    print("Hi!")

列をパイプ | で区切り、ヘッダーと本文をダッシュ - で区切ります。区切り行にコロン : を加えると、列を左揃え・中央揃え・右揃えにできます。

MarkdownResult
| Syntax | Description | | ------ | ----------- | | Header | Title | | Cell | Text |
SyntaxDescription
HeaderTitle
CellText
| Left | Center | Right | | :--- | :----: | ----: | | a | b | c |
LeftCenterRight
abc

水平線

ダッシュ、アスタリスク、アンダースコアを 3 つ以上だけの行に書くと、区切り線が引かれます。

MarkdownResult
--- *** ___

改行

行末をスペース 2 つで終えると、新しい段落を始めずに改行できます。空行は必ず新しい段落を始めます。

MarkdownResult
First line·· Second line

First line
Second line

New paragraph

after a blank line

New paragraph

after a blank line

文字のエスケープ

記号の前にバックスラッシュ \ を付けると、テキストを整形せずにその記号をそのまま表示できます。

MarkdownResult
\*Not italic\**Not italic*
1\. Not a list1. Not a list

脚注

[^1] で場所を印付けし、ノートは行頭の任意の場所に書きます。読者はクリックして両者を行き来できます。

MarkdownResult
Here is a note.[^1]

[^1]: The footnote text.
Here is a note.1
  1. The footnote text.

絵文字

多くのエディター(GitHub、Slack、Discord)は :shortcodes: を絵文字に変換します。絵文字の文字を直接貼り付けることもできます。

MarkdownResult
:tada: Shipped it! :rocket:🎉 Shipped it! 🚀
Looks good :+1:Looks good 👍

インライン HTML

Markdown だけでは足りないときは、生の HTML をそのまま挿入すると、そのままレンダリングされます。

MarkdownResult
Text with <sub>subscript</sub> and <sup>superscript</sup>.Text with subscript and superscript.
<kbd>Ctrl</kbd> + <kbd>C</kbd>Ctrl + C

動画の埋め込み

Markdown は動画プレーヤーを埋め込めませんが、サムネイル画像を動画にリンクさせることはできます。画像をクリックすると動画が開きます。

MarkdownResult
[![Watch the video](/img/markdown.png)](https://youtu.be/VIDEO_ID)Watch the video