More than 3 years have passed since last update.

初心者のためのマークダウン記法

Last updated at 2021-03-01Posted at 2021-02-27

#はじめに
これからQiitaへ自分の知識のアウトプットや備忘録を書くぞ！と決意したが、
そもそもマークダウン記法の書き方すら知らなかった・・・。

そのため、マークダウン記法の自主練習も兼ねてマークダウン記法ついてアウトプットしていきたいと思う。

#1.はじめに
下記のように、実際の表示例→マークダウンでの記入方法の順で紹介していく。

　【表示】
　　↓
　【記入法】

私が自分のために書き示す備忘録のようなもののため、本当に使用する記法だけを抜粋しています。

【参考サイト】
Markdown記法チートシート

#1.コードの挿入
【表示】

sample.rb

  puts "Hello World"

　　↓
【記入法】

```ruby:sample.rb
puts "Hello World"


バッククォートを3つ前後につけるとコードが表示される。前後に空行を入れる必要あり。
最初の行に「ruby:sample.rb」などとつけるとコードが言語に応じてカラーリングされ、左上にファイル名が表示される。
※Macの場合は、shiftキー＋@のキーでバッククォートは表示される。

#2.コードのインライン表示
【表示】
コード`puts "Hello World"`をインラインでも表示できる。

【記入法】
コード\`puts "Hello World"`をインラインでも表示できる。

インラインしたい部分に''シングルクォーテーションをつける

#3.テキストの装飾
ここは見ればわかるので羅列していきます。
【表示例】
#H１見出し
##H2見出し
###H3見出し
####H4見出し

これは *イタリック体* です。

これは **太文字** です

これは　~~打ち消し線~~　です.

【記入例】
\#H１見出し
\##H2見出し
\###H3見出し
\####H4見出し

これは \*イタリック体* です。

これは \*\*太文字\*\* です

これは　\~\~打ち消し線\~\~　です.

#4.テキストの折り畳み
【表示例】


<details><summary>これはテキストを折り畳みます。</summary><div>

```rb:details.rb
puts "Hello World"

【記入例】
<details><summary>これはテキストを折り畳みます。</summary><div>

```rb:details.rb
puts "Hello World"
```

</div></details>

#5.箇条書き・数字付き箇条書き・チェックボックス
【表示】