マークダウン記法とは
すごく便利なので覚えておきましょう。
#見出しの設定
まずは見出しですね。「#」の数で設定が変わるよ。
ちなみに「見出し」は「# 見出しの設定」って書いてるよ。
では見出し１～６で#の数を変えて早速チェックしてみよう。
見出し1
見出し2
見出し3
見出し4
見出し5
見出し6
Qiitaだと5段階まで設定できるようですね。
引用
参考サイトなどの文章を引用したい場合あるよね。
そういったときは「>」を使おう
「> ここは引用部分です」と書いてみよう。
ここは引用部分です。
できました。> で書いたあとは1行開けよう。
そうしないと引用部分が続いていると思われてしまいます。
区切り線
続いて区切り線をためしてみましょう。
もちろん見出し1,2を使えば区切り線が入れられますが、
「見出しは入れたくない」、でも、
「話題がかわるのでちょっと見やすくしたい」
と思ったことありませんか？
区切り線は「---」と書いて前後の行をあければＯＫです。
まずは、区切り線無しで、、
スポーツの話
ビジネスの話
う～ん、ちょっと味気ないですね。
では区切り線を付けてみましょう。
区切り線は「---」と書いて前後の行をあければＯＫです。
スポーツの話
ビジネスの話
出来ました。
強調
文章中で単語や一文のみ強調したい場合ありますよね。
その場合は「``」「**」で強調したい部分を囲んでください「``」で囲むとグレーマーク塗りつぶしで、「**」で囲むと太字に変更されます。
では早速試してみましょう。
この文章を蛍光マークで強調しましたそして太字で強調しました
できました。
箇条書き
箇条書きは、簡単。
番号無し箇条書きは、ハイフン「-」の後に空白を入れればOK.段落下げは
例
- リスト1
- リスト2
- リスト3
試してみましょう。
- リスト1
- リスト2
- リスト3
番号付き箇条書きは、番号+.「1.」の後に空白を、
入れてかけばOK。
- 番号1
- 番号2
- 番号3
段落下げはできませんでした。
半角空白2つを入れればできるとおもったのですが、、、
あとで調べてみます。
リンク
今回リンクです。
書式は以下の通り。
[リンクテキスト名](リンクのURL)
マークダウンを勉強するにあたって参考にしたドットインストールさんのリンクを貼ってみましょう。
できました！！
ソースコード
では、ソースコードも見やすくしましょう。
ソースコードの一行前、一行後にバッククオート3つ(```)を入力してみましょう。
書式は、以下の通り。
```
function f() {
return 0;
}
```
function f() {
return 0;
}
う～ん、エンジニアっぽいぞ
！！
文中に入れたい場合は、バッククオート1つ(`)で強調（グレーマーク）しましょｌ
書式は以下の通り。
一部は、`return 0;`です。
試してみよう
一部は、return 0;です。
こんな感じ。
画像リンク
Qiitaでは画像を画像選択ボタンから簡単に読み込めますが、せっかくなので勉強を兼ねて自分が作ったロゴをクリックするとQiitaのトップページにアクセスするようにしてみます。
書式は以下の通り。URLリンク貼り付けと違うのは最初に「!」をつけることですね。おさらいも含めてリンク貼り付けと比べてみよう。
画像貼り付け
リンク貼り付け
[テキスト名](対象のURL)
画像リンクの貼り付け
[](対象URL)
リンク貼り付けのテキストの部分に画像貼り付けの部分と置き換えればOK。
画像から「新しいをウィンドウを開く」で確認してみました。
完成しました。
さいごに
Qiitaに投稿する前にマークダウンを勉強しました。
これから少しずつ勉強したものをアップしようと思います。
おじさんSEもがんばるぞ！