文書の作成が格段に早くなるマークダウン記法のチートシートです。
マークダウンとは、デジタル文書を活用する方法として考案された文章の書き方です。
文章の「見出し」の「章」や「節」、本文の「段落」「箇条書き」「リンク」という構造を、手軽に明示できます。
記述例と表示例をまとめました。
目次
Markdownで見出しを付ける
記述例
# を頭に付けます
# の数で見出しの順位が変わります
#:H1、##:H2、###:H3 …
# こんにちは、H1 です
## どうも、H2 です
### 聞こえますか、H3 です
#### ヒューストン… H4 …
表示例
文字の装飾をする
文章を折りたたむ
detailsタグとsummaryタグを使います。
記述例
<details><summary>この盃を受けてくれ</summary>
どうぞなみなみ注がしておくれ</details>
表示例
この盃を受けてくれ
どうぞなみなみ注がしておくれ
リンクを挿入する
記述例
[アンカーテキスト](URL)
表示例
画像を埋め込む
リンク先に画像
記述例
[アンカーテキスト](画像のURL)
表示例
画像をドンと表示
記述例
表示例
ローカルの画像を挿入する
エディタに画像をドラッグ・アンド・ドロップする。
引用を記述する
記述例
> を頭に記述します(すべての行に書きます。入れ子もできます。)
>引用するよ
>>何回でもするよ
表示例
引用するよ
何回でもするよ
リスト表示する
黒丸でリスト
頭に「* 」か「+ 」か「- 」を挿入します。それぞれの記号の後ろには半角Spaceを挿入します。
記述例
* iPhone
* iPad
* iMac
表示例
- iPhone
- iPad
- iMac
数値でリスト
頭に「数値. 」と書きます。ピリオドの後ろには半角Spaceを挿入します。
リストの上下に改行を入れます。
記述例
1.ヨークシャーテリア
2.トイ・プードル
3.チワワ
表示例
1.ヨークシャーテリア
2.トイ・プードル
3.チワワ
チェックボックスを挿入する
頭に「* [ ] 」か「+ [ ] 」か「- [ ] 」を挿入します。それぞれの記号の前後には半角Spaceを挿入します。
チェックをするときは、[x]と記述します。
記述例
* [ ] Windows派
* [x] Mac派
表示例
水平線を書く
記述例
* * *
***
*****
- - -
表示例
テーブルを挿入する
記述例
| Left align | Center align | Right align |
|:-----------|:------------:|------------:|
| A | HA | HA |
| IHIHI | UFUFU | EHEHE |
「:」で、表示位置を左寄せ(:—)、中央揃え(:—:)、右寄せ(—:)に設定します。
表示例
エディタで表示がずれても気にならなければ、最小限の記述でもOKです。
（きれい好きの方には耐え難いでしょうが）
記述例
|Left align|Center align|Right align|
|:-|:-:|-:|
|A|HA|HA|
|IHIHI|UFUFU|EHEHE|
表示例
テーブルの中にチェックボックスを入れることもできます。
記述例
|テーブルに|チェックボックス|入れちゃうよ|
|:-|:-:|-:|
|<input type="checkbox">|<input type="checkbox">|<input type="checkbox">入ったよ|
表示例
| テーブルに | チェックボックス | 入れちゃうよ |
|---|---|---|
| 入ったよ | でも | 押せないよ(プレビューで) |
テーブルに内にチェックボックスを表示して、HTMLで出力・表示するとチェックを変更できます。
しかし、Markdownのプレビューではチェックを変更できない…。
Markdownのプレビューで使えると嬉しいんですが。。。
注釈を記述する
マークダウンを無効化する
マークダウンの前に「/」（バックスラッシュ）を挿入します。
記述例
/* [ ] 猫派
表示例
/* [ ] 猫派
チェックボックスが表示されません。
まとめ
マークダウンを使えば、形の整ったメモを素早く簡単に作れます。
容量が軽いのも、クラウドに保存するのにピッタリですね。
MarkdownをWordPressで使ってみた！できないことがあるよ
