【マークダウン記法とは?】マークダウンの書き方を網羅的に解説

「ドキュメント作成の効率を上げたい」
「もっと速く文章を書きたい」
「どんな人でもすぐに読めるコンテンツをつくりたい

会議の議事録や社内ドキュメント、自分用のメモを効率化するのにおすすめなのが「マークダウン(記法)」です。

マークダウン記法を使うことで、見出しや強調などの文字装飾が簡単にできるので、すぐに読みやすい文書が作成でき、業務効率が上がります。
そこで今回は、簡単に文字装飾ができてしまう「マークダウン(記法)」の基本と使い方について解説します。

そもそも「マークダウン」とは?

【マークダウン記法とは?】マークダウンの書き方を網羅的に解説

マークダウンとは何か?

まず「マークダウン記法」を知る前に、マークダウンの概念からみていきます。

マークダウンとは、アメリカ合衆国、フィラデルフィア出身のライター・コラムニストであるジョン・グルーバー(John Gruber)によって、2004年に開発された「フォーマット」のことを指します。

デジタル文章を作るときに使うHTMLHyperText Markup Language)などのマークアップ言語を、簡略化できるようにプログラムされました。

「日本語マークダウンユーザー会」では、マークダウンの特徴を以下にまとめます。

① 手軽に文章構造を明示できること
② 簡単で、覚えやすいこと
③ 読み書きに特別なアプリを必要としないこと
⓸ それでいて、対応アプリを使えば快適に読み書きできること

引用元:http://www.markdown.jp/what-is-markdown/

とりわけ重要な特徴が①です。

あらゆる文章には「構造」があります。構造とは、「第○章」「第○節」といった「見出し」のことです。そして本文には、「段落」「改行」などがあります。

これら「見出し」「段落」「改行」などの構造があることで、「文章が読みやすくなる」のです。

Web上のデジタル文章も同じく、ただ文字が羅列されているのと、「見出し」や「段落」などがある文章では、読みやすさがまるで違ってきます。

小難しいHTMLのマークアップ言語を簡素化できる「マークダウン記法」は、デジタル文章作成にとって革命的な誕生だったのです。

「マークアップ」と「マークダウン」の違い

マークダウンを知る上で、欠かせないのが「マークアップ」です。

マークアップとは、「マークアップ言語 (markup language)」のことで、「HTMLHyperText Markup Language)」や「XMLeXtensible Markup Language)」などを指します。

マークアップ言語とは、「タグ」と呼ばれる特定の文字列で囲むことで、元の文に構造・装飾などを反映させる言語のことです。

しかし、これら「マークアップ」は記述や種類が多く、また覚えることも多いので、専門的な知識を持つ人でなければハードルが高いです。

一方、マークダウンは前途した通り、マークアップ言語を簡略化したものであり、記述も少なくシンプルなので、誰でも簡単に使うことができるのです。

一言でまとめれば、「マークアップ」をより簡単に使えるようにしたものが、「マークダウン」ということになります

マークダウンを使うメリットとは?

すでに述べた通り、マークダウンの最大のメリットは、HTMLなどのマークアップ言語を簡単に使えることです。

しかし、まだまだマークダウンのメリットは存在します。それが、次の2つです。

①コピペ可能
②オフラインでも使用可能

①コピペ可能

マークダウン記法はHTMLタグを使用するので、フォントや文字の大きさが「変わらない」というメリットがあります。

他サイトからコピペした場合、そのまま反映されるので、直す手間がありません。

②オフラインでも使用可能

インターネットの繋がらないような環境でも、記法さえ知っていれば、文章を作成することができます。

マークダウンは、特定のウェブサイトを使うことなく書けるので、パソコンでもスマホでも、オンライン、オフライン問わず、どこでも書けるというメリットがあります。

デメリットに関して言えば、「書き方のルールを覚えるのが手間」というくらいです。はじめのうちは記号を見つつ打ち込むので、どうしても手間が掛かります。

しかし、数を重ねることで慣れてくるので、スピードも速くなり、すぐに打ち込めるようになります。

「マークダウン記法」を知る

「マークダウン記法」を知る

“記法”とは書き方のことで、「どのように書けば、どのような装飾になるのか」ということです。とてもシンプルで簡単なので初心者の方でも覚えることができます。

本項では、よく使われる「マークダウン記法」について、分類別、例文付きでまとめていきます。

「文章・構成」で使うマークダウン記法

改行

行末で「半角スペース」を「2個」入力すると、改行されます。

例)
表記:今日は天気が良いです。(半角スペース×2)楽しい一日になりそうです。
表示:今日は天気が良いです。
楽しい一日になりそうです。

見出し

冒頭に「#」を入力することで、見出しを作ることができます。「#」の数で見出しの大きさを変えられます。

例)
表記:
# わたしの一日
## わたしの一日
### わたしの一日

表示:

わたしの一日

わたしの一日

わたしの一日

箇条書き

文字の前に「*」(アスタリスク)をつけることで、箇条書きになります。

例)
表記:
*散歩した
*ショッピングした
*公園へ行った

表示:
・散歩した
・ショッピングした
・公園へ行った

ナンバーリング

文字の前に数字とピリオドを入力することで番号をふることができます。

例)
表記:
1. 散歩した
2. ショッピングした
3. 公園へ行った

表示:
1. 散歩した
2. ショッピングした
3. 公園へ行った

水平線

「*」アスタリスク・「-」ハイフン・「_」アンダーバーを、3つ以上入力すると「水平線」を表示できます。

例)
表記:
散歩した
***
ショッピングした

公園へ行った
___

表示:
散歩した


ショッピングした


公園へ行った


チェックボックス

‐(ハイフン)[ ](大カッコ)を入力することで、チェックボックスを表示することができます。
チェック済みは[]の中にx(エックス)を入れます。
チェックなしは[]の中に半角スペースをいれます。

例)
表記:
‐[x]散歩
‐[ ]ショッピング

表示:
☑散歩
☐ショッピング

テーブル

以下のように入力すると、テーブルが表示されます。

例)
表記:
❘い ❘❘ ろ ❘❘ は ❘
❘‐‐‐❘❘‐‐‐❘❘‐‐‐❘
❘1 ❘❘ 2 ❘❘3 ❘
❘4 ❘❘ 5 ❘❘6 ❘

表示

「文字装飾」で使うマークダウン記法

強調

文を「*」アスタリスク2個ずつで囲むと、「大文字」に表示できます。

例)
表記:**わたしの一日**
表示:わたしの一日

斜体

文を「*」アスタリスク1個で囲むこと、「斜体」に表示できます。

例)
表記:*わたしの一日*
表示:わたしの一日

「画像・リンク」で使うマークダウン記法

リンク

[リンクテキスト](URL)と入力することで、指定したURLへリンクできるようになります。

例)
表記:[グーグル](URL)
表示:https://www.google.com/?hl=ja

画像

![代替テキスト](URL )と入力することで、「画像」を表示することができます。

例)
表記:![代替テキスト](URL )
表示:代替テキスト

引用

引用元の前に「>」を入力することで、引用表記できます。

例)
表記:> あなたの一日
表示:“あなたの一日”

もっと楽になる!マークダウンテキストエディタ8選

もっと楽になる!マークダウンテキストエディタ8選

マークダウン記法はHTMLなどのマークアップ言語よりも簡単に書けますが、「記法を覚えるのが大変だ」「なんか時間がかかりそう」と思った方にはマークダウンに対応した「テキストエディタ」がおすすめです。

マークダウンテキストエディタは、マークダウンで記述した内容をリアルタイムで確認できるので、作業効率が格段にアップします。
Windows、Mac対応エディタとChromeやFirefoxなどのブラウザで使えるエディタを紹介します。

Windows、Mac対応エディタ

Atom

https://atom.io/

GitHubが開発した完全無料のテキストエディタです。
マークダウンのプレビュー機能がついているので、リアルタイムで作業の確認ができます。「Ctrl(Command)+Shift+M」でプレビューウィンドウが開くようになっています。

Visual Studio Code

https://code.visualstudio.com/

Microsoft が開発した無料テキストエディタです。
こちらもマークダウンのプレビュー機能がついているので、リアルタイムで確認できます。「Open Preview」を選択すると、プレビューウィンドウが開くようになっています。

Haroopad

http://pad.haroopress.com/

マークダウンに特化した無料のテキストエディタです。
起動すれば、すぐにマークダウンプレビューが表示されるようになっています。

Sublime Text

https://www.sublimetext.com/

マークダウンにも対応した、無料のテキストエディタです。
「Ctrl+Alt+O(command+option+O)」で、プレビューウィンドウが表示されます。

Brackets

http://brackets.io/

Adobe Systemsが開発した無料テキストエディタです。
Markdown Previewをインストールすることで、プレビューウィンドウを表示することができます。

ブラウザ対応

Dillinger

https://dillinger.io/

htmlとMarkdownに対応した、オープンソースのマークダウンテキストエディタです。
Markdown、html、PDFとして文書をエクスポートできる特徴があります。

 

StackEdit

https://stackedit.io/

マークダウンに対応した、無料のテキストエディタです。
書式設定ボタンとショートカット機能を搭載しています。

マークダウン記法はどんな人でも使える

文書作成の効率化を図るためにおすすめな「マークダウン」について解説しました。

マークダウン記法はHTMLとは違い、簡単に文字装飾ができるのことが最大の特徴です。

マークダウンの記法を多少覚える必要はありますが、よく使うものは多くなく、マークダウンをサポートするエディタもあるので、心配する必要はないでしょう。

まずは、今回の記事で紹介した簡単な記法を試してみましょう。

タスク管理、ファイル共有もできるプロジェクト管理ツールBacklog


記事の監修
砂川 祐樹

Backlog開発チームで開発を担当する傍ら、プロジェクト管理について噛み砕いて解説する入門サイト、サルでもわかるプロジェクト管理入門サルでもわかるバグ管理入門の制作に携わった他、プロジェクト管理を楽しく学べるボードゲーム「プロジェクトテーマパーク」を制作。プロジェクト管理を身近なものとして広めるヌーラボの活動に関わっている。


記事の作成
Backlog編集部


プロジェクトマネジメントやタスク管理に関することなど、チームで働く全ての人のお役に立てる情報を発信しています。お役に立てた情報がありましたら是非シェアをお願いします!
タスク管理、ファイル共有もできるプロジェクト管理ツール「Backlog」
についてはこちら

30日間無料でお使いいただけます。

100万人以上に愛用されているBacklogを今すぐ試してみませんか?クレジットカードは不要です。

無料トライアル