はじめに
「メモをきれいにまとめたいけれど、Wordを立ち上げるほどではない」「チャットツールの装飾がいまいち使いこなせない」――そんな悩みはありませんか?
本記事では、記号を数個覚えるだけで文書が劇的に見やすくなる「マークダウン記法」を解説します。この記事を読めば、メモ作成のスピードが上がるだけでなく、NotionやSlackなどのツールを最大限に活用するスキルが身につきます。
目次
- マークダウン(Markdown)とは
- すぐに使える!マークダウン記法一覧
1. マークダウン(Markdown)とは
1)「書くこと」に集中するための軽量マークアップ言語
マークダウンは、2004年にジョン・グルーバーによって開発された、「読みやすく、書きやすい」ことを追求した文書作成のルール(言語)です。
通常、ウェブ上で文字を太くしたり見出しを作ったりするには、HTMLという複雑なコードを書く必要があります。マークダウンは、その手間を最小限に抑え、記号を使った直感的な書き方で、コンピュータが理解できる構造化された文書を作成することを可能にします。
2)なぜマークダウンが選ばれるのか?
多くのエンジニアやライターに愛用されている理由は、主に3つのメリットに集約されます。
- キーボードだけで完結するスピード感
マウスを動かして「太字ボタン」をクリックしたり、メニューから「見出し」を選択したりする必要はありません。タイピングの流れを止めずに、そのまま文書を装飾できます。 - 「見た目」ではなく「構造」を整理できる
単に文字を大きくするのではなく、「ここが第1見出し、ここがリスト」と文書の構造を明確に定義できます。これにより、後からデザインを自由に変更したり、別のツールへ移行したりすることが容易になります。 - どんな環境でも中身が読める
マークダウンの実体はただの「テキストファイル(.md)」です。専用のソフトがなくても中身を確認でき、将来的にファイルが開けなくなる心配がほとんどありません。
3)日常のあらゆる場所で使われている
現在、マークダウンは一部の専門家だけのものではありません。
- NotionやSlackでの情報共有
- GitHubなどの開発プラットフォーム
- WordPressなどのブログ作成
- 個人のメモ作成
2. すぐに使える!マークダウン記法一覧
ここでは、日常のドキュメント作成で頻繁に使用する主要な記法を解説します。
一見多く見えますが、どれも直感的に使えるものばかりです。少しずつ試しながら、書き方のコツを掴んでいきましょう。
見出し
# の数が多いほど小さくなります。
記述例
|
1 2 3 4 5 6 |
# 見出しレベル1 ## 見出しレベル2 ### 見出しレベル3 #### 見出しレベル4 ##### 見出しレベル5 ###### 見出しレベル6 |
表示例
見出しレベル1
見出しレベル2
見出しレベル3
見出しレベル4
見出しレベル5
見出しレベル6
リスト
箇条書きリスト
- のあとに スペース を入れます。
- の前に スペース2個以上 を記述すると入れ子になります。
記述例
|
1 2 3 4 5 |
- 項目1 - 項目1-2 - 項目2 - 項目2-1 - 項目2-2 |
表示例
- 項目1
- 項目1-2
- 項目2
- 項目2-1
- 項目2-2
番号付きリスト
1. のあとに スペース を入れます。
1. の前に スペース3個以上 を記述すると入れ子になります。
記述例
|
1 2 3 4 5 |
1. 項目1 1. 項目1-2 2. 項目2 1. 2-1 2. 2-2 |
表示例
- 項目1
- 項目1-2
- 項目2
- 2-1
- 2-2
強調
太字
記述例
|
1 |
**太字になります** |
表示例
斜体
記述例
|
1 |
*斜体になります* |
表示例
コード
インラインコード
記述例
|
1 |
`$markdown` |
表示例
$markdownコードブロック
頭の の後に言語を指定すると、文字に色が付き見やすくなります。`
記述例
|
1 2 3 4 5 |
``` php if (!$isMarkdown) { return false } ``` |
表示例
|
1 2 3 |
if (!$isMarkdown) { return false } |
引用
記述例
|
1 2 |
> これは引用です。 > これも引用です。 |
表示例
これは引用です。
これも引用です。
水平線
記述例
|
1 |
--- |
表示例
テーブル
記述例
|
1 2 3 4 |
| ヘッダー1 | ヘッダー2 | ヘッダー3 | | --------- | --------- | --------- | | 内容1 | 内容2 | 内容3 | | 内容a | 内容b | 内容c | |
表示例
| ヘッダー1 | ヘッダー2 | ヘッダー3 |
|---|---|---|
| 内容1 | 内容2 | 内容3 |
| 内容a | 内容b | 内容c |
リンク
記述例
|
1 |
[リンクテキスト](https://example.com) |
表示例
画像
記述例
|
1 |
 |
表示例
(ここに画像が表示されます)
チェックリスト
記述例
|
1 2 |
- [x] 完了タスク - [ ] 未完了タスク |
表示例
- ✅ 完了タスク
- ⬜ 未完了タスク
展開(アコーディオン)
記述例
|
1 2 3 4 |
<details> <summary>クリック</summary> ここの内容が展開される </details> |
表示例
クリック
ここの内容が展開される
note・メッセージ(各サービス別)
※ 記述方法は各サービスによって異なります。
Qiita
補足
記述例
|
1 2 3 |
:::note info マークダウンはHTMLタグも使用できます。 ::: |
表示例
注意
記述例
|
1 2 3 |
:::note warning 下記は必ずお読みください ::: |
表示例
警告
記述例
|
1 2 3 |
:::note alert 下記の内容は悪用しないでください ::: |
表示例
GitHub
補足
記述例
|
1 2 |
> [!NOTE] > マークダウンはHTMLタグも使用できます。 |
注意
記述例
|
1 2 |
> [!WARNING] > 下記は必ずお読みください |
警告
記述例
|
1 2 |
> [!CAUTION] > 下記の内容は悪用しないでください |
おわりに
マークダウンは覚えることが少ない割に、できることがとても多いのが魅力です。最初は記号の使い方に戸惑うかもしれませんが、使っているうちにすぐ慣れてきます。
まずはこの記事を「カンニングペーパー」代わりに、気軽に書き始めてみてください。きっと「これ便利だな」と感じる瞬間がやってくるはずです!














