「ゴルトン社長」のはじめの一歩

すげーブログ

世の中のすげーを伝える!

【美しい文章の書き方】最近流行りのMarkdown方式_まとめ

【概要】

  • 美しい文章・レイアウトがかけるMarkdown方式の紹介です
  • 書き方の例文をまとめました !
  • Markdown方式は慣れれば便利 !

目次

1)そもそもMarkdown方式とは
2)書き方の例をご紹介

1)そもそもMarkdown方式とは

  • 文章を記述するための記法(マークアップ言語)の一つ
  • 書きやすくて読みやすい
  • ある程度見栄えのするHTML文書へ変換できるフォーマット
  • ジョン・グルーバーによって開発された
  • 拡張子は「.md」

【特徴】

  • 簡単で覚えやすい記述
  • 1度慣れてしまえば,wordより綺麗に早く記述できる
  • 文章の構造を明示できる
  • Markdownそのままでも理解できる
  • 対応アプリを使うことでより快適に読み書きできる

2)書き方の記述例をご紹介

A)見出し
B)テキストの装飾
C)列挙
D)引用
E)プログラムのコードを表示
F)色で囲む
G)表の作成
H)水平線
I)リンク表示
J)画像表示
K)取り消し線
L)コード
M)強調

A)見出し

# 見出し1
## 見出し2
### 見出し3
#### 見出し4
##### 見出し5
###### 見出し6  

【結果】

見出し1

見出し2

見出し3

見出し4

見出し5
見出し6

B) テキストの装飾

*イタリック*
_イタリック_
**太字**
__太字__

【結果】
イタリック
イタリック
太字
太字

C)列挙

(空行)  
* リスト項目1
+ リスト項目2
- リスト項目3
(空行)  

(空行)  
1. リスト項目1  
2. リスト項目2  
3. リスト項目3  
(空行)

- リスト1  
  - ネスト リスト1_1  
     - ネスト リスト1_1_1
     - ネスト リスト1_1_2
  - ネスト リスト1_2
- リスト2
- リスト3

【結果】
* リスト項目1
+ リスト項目2
- リスト項目3

  1. リスト項目1
  2. リスト項目2
  3. リスト項目3

  4. リスト1

    • ネスト リスト1_1
      • ネスト リスト1_1_1
      • ネスト リスト1_1_2
    • ネスト リスト1_2
  5. リスト2
  6. リスト3

D)引用

> 引用1  
>> 引用2  
>>> 引用3  

【結果】

引用1

引用2

引用3

E)プログラムのコードを表示

 `print('HelloWorld!');`  

【結果】
print('HelloWorld!');

F)色で囲む

色で囲む

【結果】

I am Tom.  
You are Ken

G)表の作成

| 左寄せ | 中央寄せ | 右寄せ |
| :---- | :---: | ---: |
| 値1 | 値2 | 値3 |

【結果】
| 左寄せ | 中央寄せ | 右寄せ | | :---- | :---: | ---: | | 値1 | 値2 | 値3 |

*テーブルは元々のMarkdownにはない仕様のため、動作しない環境もあります。

H)水平線

---  
***  
* * *  

【結果】



I)リンク表示

[Qiita](http://qiita.com/)  
[Yahoo!Japan](http://www.yahoo.co.jp/)

【結果】
Qiita
Yahoo!Japan

J)画像表示 - 引用先 ロゴ画像: Free vector icons

![python](https://image.flaticon.com/icons/svg/2/2181.svg "Python Language logotype free icon")

【結果】
python

K)取り消し線

~~取り消し線~~

【結果】
取り消し線

L) コード

`var x = 1 ;`

【結果】
var x = 1 ;

M) 強調

強調
*強調*
**強調**

【結果】
強調
強調
強調


サイトにお越し下さり,ありがとうございました. 他の記事も読んでいただければ幸いです.