わたくし、ブログを始めて1年半経ちますが、HTMLタグは見出しタグしかわかりません。
なぜならマークダウン記法でブログを書いてるから。
ブログを運営するならHTMLの習得は必須と言われてますが、記事をアウトプットするだけならマークダウン記法を数種類覚えれば十分です。(ブログサービスがマークダウン記法に対応していれば)
今日はHTMLタグより簡単なマークダウン記法をシェアします。
記事の要約
マークダウン記法のメリット
初めはご多分に漏れず、HTMLを頑張って覚えようとしていたわたしが、マークダウン記法に乗り換えたのは、以下のメリットがあったからです。
タグ打ち要らず
わたしが使っているWordPressの1マークダウン記法で見出し2を書くとこうなります。
## 見出し2
HTMLだとこうですよね。
<h2>見出し2</h2>
そう。マークダウン記法なら文の後ろを'</>’で閉じる必要がないのです。
普通の記号で記事を構成できるので、定型文やマクロ入りスニペットを使う必要がありません。
Androidにはマクロ入りスニペットを使えるアプリがないので、Androidでモブログを書くときには特に助かります。
【参考】⇒[i]Androidでのモブログを快適にする3つの鍵~iPhoneと比較~ | アイドリングタイム
プレビューでの確認要らず
記事がブログ上でどのように表示されるかをプレビューで確認する必要がありません。
タグを打つ必要がないということは、タグを閉め忘れる心配もないからです。
定型文やマクロ入りスニペットで簡単にタグを入力したとしても、「記事を編集している間に後ろのタグの>を消してしまう」なんてことが結構起こります。
マークダウン記法は基本的に文章の前にしか記号を使わないので、誤って消してしまうということはめったにありません。
普通のテキストエディタでブログが書ける
マークダウン記法で使うのは普通の記号なので、普通のテキストエディタで記事を作成できます。
つまり、ブログエディタが必要ないということ。
ブログエディタアプリがないAndroidにピッタリ♪
HTMLと比べて見た目が直感的でスッキリしてるので、ブログ記事以外の文章にも使えます。
メモや議事録、メールなどにも使えるので、わたしは練習も兼ねてすべての文章をマークダウン記法で書いています。使えば使うほど覚えるのも早くなりますからね。
わたしがブログで使っているマークダウン記法5+2
上で「使えば使うほど覚えるのも早くなりますから」とか書きましたが、わたしが記事を書くときに使っているマークダウン記法は5個しかありません。
リンクはブックマークレットの出力結果をコピペするから、こんなに少ないのですが、他のブロガーさんも直打ちすることは滅多にないと思います。(ですよね?)
また、ここで紹介するマークダウン記法は、WordPressでの書き方です。
WordPressでマークダウンを使うにはプラグインを入れる必要があります。方法は下記リンク先をご参照ください。リンクなどの他のマークダウン記法も載っています。
【Wordpress】ライティングを爆速化!Markdown導入プラグイン2つ&記法を簡単に紹介|ウェブシュフ
1. 見出し
記入例
## 見出し2
### 見出し3
#### 見出し4
<h2>見出し2</h2>
<h3>見出し3</h3>
<h4>見出し4</h4>
ここだけHTMLでの表記にしてます。表示してしまうと記事の階層構造がおかしくなるので。。
2. 番号なしリスト
記入例
* いぬ
* さる
* きじ
表示例
- いぬ
- さる
- きじ
※リストは前後に改行が必要です。
3. 番号付きリスト
記入例
1. 布団に入る
2. 目をつむる
3. 寝る
表示例
- 布団に入る
- 目をつむる
- 寝る
※リストは前後に改行が必要です。
4. 引用
記入例
>人生楽ありゃ苦もあるさ
>涙の後には虹も出る
>歩いてゆくんだしっかりと
>自分の道をふみしめて
表示例
人生楽ありゃ苦もあるさ
涙の後には虹も出る
歩いてゆくんだしっかりと
自分の道をふみしめて
※引用も前後に改行が必要です。
メールでの書き方と同じですし、複数行でも最初の1行目に>を入れるだけでいい。覚えやすい!
5. 強調
記入例
**strong**
表示例
strog
6. 脚註
ブログを書く上で必須ではないけれども、たまに使うマークダウン記法2種類を紹介します。
まずは脚註。
記入例
パルプンテ[^2]
[^2]: ドラゴンクエストの魔法。あたまがおかしくなる。
表示例
パルプンテ2
このように、脚註を入れた次の行に脚註の内容を書いても、自動的に文末に移動してくれるので便利です。
7. テーブル
簡単なテーブルなら|と-の組み合わせだけで書けます。
CSSと組み合わせれば装飾もできるそうですが、HTMLすらよくわかってないわたしには到底無理な話です。
記入例
|デジカメ|スマホ|
|-|-|
|センサーが大きい|センサーが小さい|
|安い|高い|
表示例
デジカメ | スマホ |
---|---|
センサーが大きい | センサーが小さい |
安い | 高い |
総括
マークダウン記法はブログ作成の負荷をかなり軽くしてくれます。
特にAndroidで快適にモブログするなら必須のスキルだと思うので、みなさん試してみてください。
ホントに簡単ですから。
edited by WorkFlowy×ハサミスクリプト