軽量マークアップ言語？Markdown記法

## Markdownとは
>Markdown（マークダウン）は、文書を記述するための軽量マークアップ言語のひとつである。本来はプレーンテキスト形式で手軽に書いた文書からHTMLを生成するために開発されたものである。しかし、現在ではHTMLのほかパワーポイント形式やLATEX形式のファイルへ変換するソフトウェア（コンバータ）も開発されている。各コンバータの開発者によって多様な拡張が施されるため、各種の方言が存在する。 

[Wikipedia](https://ja.wikipedia.org/wiki/Markdown)の文章です。　
簡単にいうと、**HTML言語が省略された**ようなものですね。　
では、今回はMarkdown記法について書いていこうと思います。　

### Markdownの利点
- 特別なツールは必要でない
- 学習コストが低い
- ちょっとしたメモをしたいとき、気軽に使える
- 簡単にHTMLに整形できる
- etc...

まだまだメリットはたくさんあるでしょうが大まかに言うとこれくらいではないでしょうか。　

## Markdown記法一覧
### **見出し**
---------------------------------------------------------
:pen_ballpoint:**Markdown**
>`# 見出し１`
`## 見出し２`
`### 見出し３`
`#### 見出し４`
`##### 見出し５`
`###### 見出し６`

:pen_fountain:**HTML**
>`<h1>見出し１</h1>`
`<h2>見出し２</h2>`
`<h3>見出し３</h3>`
`<h4>見出し４</h4>`
`<h5>見出し５</h5>`
`<h6>見出し６</h6>`

:pencil:**結果**
># 見出し１
## 見出し２
### 見出し３
#### 見出し４
##### 見出し５
###### 見出し６

というようになります。　**※`#`のあとは半角スペースを忘れずに。**
### **改行**
---------------------------------------------------------
:pen_ballpoint:**Markdown**
>１行目(半角スペース2つ) 
 ２行目

:pen_fountain:**HTML**
>１行目`<br>`
２行目

:pencil:**結果**
>１行目  
 ２行目

### **箇条書きリスト**
---------------------------------------------------------
:pen_ballpoint:**Markdown**
>`- 箇条書きリスト１
　　- 箇条書きリスト１－１
　　- 箇条書きリスト１－２
+ 箇条書きリスト２
* 箇条書きリスト３`

:pen_fountain:**HTML**
>`<ul>
<li>箇条書きリスト１</li>
<ul><li>箇条書きリスト１－１</li></ul>
<ul><li>箇条書きリスト１－２</li></ul>
<li>箇条書きリスト２</li>
<li>箇条書きリスト３</li>
</ul>`


:pencil:**結果**
>- 箇条書きリスト１
      - 箇条書きリスト１－１
      - 箇条書きリスト１－２
+ 箇条書きリスト２
* 箇条書きリスト３

-(ハイフン)、+(プラス)もしくは*(アスタリスク)と半角スペースを1つあけることでこのように箇条書きリストを作ることができます。 
### **番号付きリスト**
---------------------------------------------------------
:pen_ballpoint:**Markdown**
>`1. 番号付きリスト１
　　1. 番号付きリスト１－１
　　1. 番号付きリスト１－２
1. 番号付きリスト２
1. 番号付きリスト３`

:pen_fountain:**HTML**
>`<ol>
<li>番号付きリスト１</li>
<ol><li>番号付きリスト１－１</li>
<li>番号付きリスト１－２</li></ol>
<li>番号付きリスト２</li>
<li>番号付きリスト３</li>
</ol>`

:pencil:**結果**
>1. 番号付きリスト１
    1. 番号付きリスト１－１
    1. 番号付きリスト１－２
1. 番号付きリスト２
1. 番号付きリスト３

番号付きリストでは、自動的に番号を振り分けてくれるので、全て`1. `でも大丈夫です。
もちろん自分で番号を振り分けても構いませんが、全て書いてある順番で番号が振り分けられてしまいます。
### **文字の強調**
---------------------------------------------------------
:pen_ballpoint:**Markdown**
>**`<em>`** 
`*Nintendo switch*`   
>**`<strong>`**
`**I want to a switch.**`  
>**`<em>+<strong>`**
`***splatoon***` 

:pen_fountain:**HTML**
>**`<em>`** 
`<em>Nintendo switch</em>`

>**`<strong>`**
`<strong>I want to a switch.</strong>`

>**`<em>+<strong>`** 
`<em><strong>splatoon</strong></em>` 

:pencil:**結果**
>**`<em>`** 
*Nintendo switch*  
>**`<strong>`**
**I want to a switch.**  
>**`<em>+<strong>`** 
***splatoon*** 

**※Qiitaの場合、`<em>`は斜体(*italic*)になります。**
### **打ち消し線**
---------------------------------------------------------
:pen_ballpoint:**Markdown**
>`~~打ち消し線~~`

:pen_fountain:**HTML**
>`
打ち消し線
`

:pencil:**結果**
>~~打ち消し線~~
### **水平線**
---------------------------------------------------------
:pen_ballpoint:**Markdown**
>`---`  
`***`  
`___`  
`*     *     *` 
`______________`

:pen_fountain:**HTML**
>`<hr>`

:pencil:**結果**
>---

一行に3つ以上の-(ハイフン)、*(アスタリスク)もしくは_(アンダースコア)があれば水平線を引くことが可能。
文字間が空いていても、一行に3つあれば可能。
### **引用**
---------------------------------------------------------
:pen_ballpoint:**Markdown**
>`>`Wikipedia参照
>`>>`引用の仕方

:pen_fountain:**HTML**
>`<blockquote>
Wikipedia参照<blockquote>引用の仕方</blockquote>
</blockquote>`

:pencil:**結果**
>>Wikipedia参照
>>>引用の仕方

`>`引用に更に`>`引用を加えることにより、`>>`二重引用も可能になります。
### **リンクの挿入**
---------------------------------------------------------
:pen_ballpoint:**Markdown**
>`[livedoor blog](http://blog.livedoor.jp/hamataxx/)`

:pen_fountain:**HTML**
>`<a href="http://blog.livedoor.jp/hamataxx/">livedoor blog</a>`

:pencil:**結果**
>[livedoor blog](http://blog.livedoor.jp/hamataxx/)

## 最後に
実は、この投稿はほぼMarkdownで書いていました。そこで、実際に使ってみた感想としては、**かなり使いやすい**です。まだ最近Webの勉強を始めたばかりの学生ですが、これだけのMarkdown記法を使いこなすことができました。HTMLやCSSに比べると、かなり覚えやすく、学習コストが低いのがポイントだと思います。
Markdownの使いどころですが、セミナーなどで、お話を聞く機会があるかと思われますが、そういったメモを取りたいときにHTMLでは閉じタグをしたり、とにかく手間がかかりますよね。そういう時こそ、Markdown記法を使えば良いと思います。対応のアプリケーションを使わなくても、とりあえずメモ帳に書いておいて、あとでHTMLに変換しても良いし、そのまま使うのも良しです。
自分もセミナーなどで、メモを取るときにはMarkdownを活用してみようと思います。そのためにもまずノートPCを買わなくてはですがね:sob:

[HTML変換サイト](http://md2pdf.higty.xyz/md2html)←MarkdownをHTMLに変換してくれるサイトです。

## 参考にさせていただいたサイト
[wikipedia](https://ja.wikipedia.org/wiki/Markdown)
[日本語Markdownユーザー会](http://www.markdown.jp/what-is-markdown/)
[Zafiel](https://zafiel.wingall.com/archives/4434)
[KOJIKA17](http://kojika17.com/2013/01/starting-markdown.html)
[寝ログ](https://nelog.jp/markdown)
[はてなブログ](http://mametanuki.hateblo.jp/entry/2012/09/22/MarkdownList#Paragraphs%20and%20Line%20Breaks)
[はしくれエンジニアもどきのメモ ](http://cartman0.hatenablog.com/entry/2015/03/31/034758)
[Markdown記法 サンプル集](http://qiita.com/tbpgr/items/989c6badefff69377da7)
[Qiita マークダウン記法 一覧表](http://qiita.com/kamorits/items/6f342da395ad57468ae3#%E3%82%A4%E3%83%B3%E3%83%A9%E3%82%A4%E3%83%B3%E8%A1%A8%E7%A4%BA)
[かんたんMarkcdownの記法](https://tatesuke.github.io/KanTanMarkdown/syntax.html)