生産性を向上させるMarkdown記法 まとめ

[Boostnote](https://boostnote.io)で使ってるMarkdownについてまとめたのでここに書き留めます。

## Markdownとは？
>『Markdown（マークダウン）は、文書を記述するための軽量マークアップ言語のひとつである。 本来はプレーンテキスト形式で手軽に書いた文書からHTMLを生成するために開発されたものである。 しかし、現在ではHTMLのほかパワーポイント形式やLaTeX形式のファイルへ変換するソフトウェア（コンバータ）も開発されている。』
(参考:Markdown-ウィキペディア:https://ja.wikipedia.org/wiki/Markdown)

## 使い方
## 1.見出し
```
# 大見出し
## 中見出し
### 小見出し
標準
```
<img width="464" alt="20170923180838.png" src="https://qiita-image-store.s3.amazonaws.com/0/200848/1dec9d93-e06d-2a92-8f44-958ad9982b98.png">

## 2.強調
```
*イタリック体*
**太字**
~~打ち消し~~
```
<img width="233" alt="20170923180842.png" src="https://qiita-image-store.s3.amazonaws.com/0/200848/3b8699fc-e205-d06e-d920-cb314c40a3bf.png">

 
## 3.たたむ
長めの文章を折りたためます。
```
<details><summary>Boostnoteとはmarkdown記法に対応したメモ帳で、情報整理・共有のためのツールです。</summary>
-機能-<br>
・メモを一発で見つける検索機能<br>
・markdown記法に対応<br>
・Mac,Windows,Linux,iOS,Androidに対応<br>
・Plain text(.txt),Markdown(.md)形式にエクスポート、インポート<br>
・PDF保存に対応<br>
・オフラインで使用できる<br>
・設定でdropboxなどに同期可能<br>
・テーマカラーや、数多くのフォントに対応<br>
</details>
```
<img width="512" alt="20170923180844.png" src="https://qiita-image-store.s3.amazonaws.com/0/200848/749fe389-27c2-23f8-fc4b-4e193d66eaa4.png">  

<img width="512" alt="20170923180847.png" src="https://qiita-image-store.s3.amazonaws.com/0/200848/23d2c597-b8d9-7d4d-d342-29cb0101956c.png">

 
## 4.リスト
```
* リスト1
* リスト2
* リスト3
```
<img width="210" alt="20170923180849.png" src="https://qiita-image-store.s3.amazonaws.com/0/200848/88228f9a-b614-b36d-c069-ccf2f402b05c.png">

 
## 5.リンク
左に文字、右にリンクを入れます。  
```
[Boostnote](https://boostnote.io)
```  
  
<img width="198" alt="20170923180900.png" src="https://qiita-image-store.s3.amazonaws.com/0/200848/698c661b-e2e2-732f-29ab-a9750e997384.png">

 
## 6.チェックボックス
```
- [x] タスク1
- [ ] タスク2
```
<img width="284" alt="20170923180905.png" src="https://qiita-image-store.s3.amazonaws.com/0/200848/cc0fa0be-a167-7a38-a23e-d69ad7adad7c.png">

 
## 7.引用
```
> 引用
> 引用引用
```
<img width="378" alt="20170923180909.png" src="https://qiita-image-store.s3.amazonaws.com/0/200848/c227629c-1e26-e07a-c65a-db090e7fe1f7.png">

## 8.水平線
水平線は色々な書き方があります。  
<img width="294" alt="スクリーンショット 2017-12-05 16.18.30.png" src="https://qiita-image-store.s3.amazonaws.com/0/200848/3d5f4b43-493b-aa0f-0412-03f999d12c5d.png">

<img width="512" alt="20170923180915.png" src="https://qiita-image-store.s3.amazonaws.com/0/200848/8239d165-6817-a984-ba9f-2b99027f4be7.png">

## 9.画像埋め込み
左には画像のタイトルを入れ、右側には保存されている場所を書きます。  
```
![画像タイトル](https://boostnote.io/assets/img/logo.png)
```
<img width="206" alt="20170923180919.png" src="https://qiita-image-store.s3.amazonaws.com/0/200848/3e1788c9-23f3-d046-289d-5509b46d6377.png">

## 10.ソースコードの記入
プログラマ向けですが、コードを記入できます。  
(「/」は抜いてください)  
```
`/`/` js
 render: function() {
    return (
      <div className="commentBox">
        <h1>Comments</h1>
        <CommentList data={this.state.data} />
        <CommentForm onCommentSubmit={this.handleCommentSubmit} />
      </div>
    );
  }
`/`/`
```
<img width="512" alt="20170923180921.png" src="https://qiita-image-store.s3.amazonaws.com/0/200848/0ec4bce8-5697-e121-bf9f-f018a931e272.png">

 
## 11.テーブル記法
表も簡単に作れます。
  
```
| 果物            | 値段    |
|:-----------|------------:|
| りんご         | 120円    |
| ぶどう         | 398円    |
| みかん         | 100円    |
| レモン         | 98円     |
| 桃            | 300円    | 
| メロン         | 2000円   |
```
***
<img width="187" alt="20170923180924.png" src="https://qiita-image-store.s3.amazonaws.com/0/200848/c50cbcef-8be9-cf62-a013-6e2c9bccdb8b.png">

Boostnoteの場合、上記の基本的なmarkdownに加えて以下の記述もできます。   
## Latex
 数式が書けます。  
```
$$$
\mathrm{e}^{\mathrm{i}\theta} = \cos(\theta) + \mathrm{i}\sin(\theta)
$$$
```
<img width="512" alt="20170923181105.png" src="https://qiita-image-store.s3.amazonaws.com/0/200848/293f0fd8-50f0-7060-aa85-8020a037ecc6.png">

 
## flowchart
フローチャートが書けます。  
(「/」は抜いてください)  
```
`/`/`flowchart
st=>start: Start:>http://www.google.com[blank]
e=>end:>http://www.google.com
op1=>operation: My Operation
sub1=>subroutine: My Subroutine
cond=>condition: Yes or No?:>http://www.google.com
io=>inputoutput: catch something...
 
st->op1->cond
cond(yes)->io->e
cond(no)->sub1(right)->op1
`/`/`
```
<img width="512" alt="20170923181108.png" src="https://qiita-image-store.s3.amazonaws.com/0/200848/6a27db39-dfb1-41f7-1a4c-ae3c098c4f81.png">


 
## Sequence
シーケンスも書けます。  
(「/」は抜いてください)  
```
`/`/`sequence
Title: Here is a title
A->B: Normal line
B-->C: Dashed line
C->>D: Open arrow
D-->>A: Dashed open arrow
`/`/`
```
<img width="512" alt="20170923181111.png" src="https://qiita-image-store.s3.amazonaws.com/0/200848/27bc92e6-65fb-9cb7-212e-051c17b8063e.png">

***
 
以上、Markdown記法のまとめでした。