炭酸せんべい

気になったことを適当に。 MacやiPhoneのこと多め、DIYも。

MENU

爆速でブログが書けるらしいのでMarkdown記法に切り替えてみた話

f:id:ypmemo:20180217141633j:plain

慣れたら鬼速、どうもナカニシ(@tssb26)です。

みなさん、ブログは何形式で書かれてますか?

はてなブログには「見たまま」「はてな記法」「Markdown」「HTML」の4つの記述モードがありますが、「Markdown(マークダウン)」で記述されている方ってどれくらいいらっしゃるんでしょうかね

私も今までは「見たままモード」で記述してましたが、少し前から「Markdownモード」で書くようになりました

ブログアップまでの時間が短縮できるらしいMarkdown記法、使ってみての長所短所などちょっと触れてみたいと思います

記法を変えようかと思ったきっかけ

「見たままモード」で記述していた時に、見出しがね

f:id:ypmemo:20180217131542j:plain

こんなんとか

f:id:ypmemo:20180217131555j:plain

こんなんなってるときが多々ありまして、手直しするのにHTMLで開いて直接タグをいじってたんですよ

基本的に仕事の上に仕事を作るのが嫌な性格なので、ブログ書きながらこういう二度手間みたいなことは避けたいと思い、たどり着いたのが「Markdown形式で記述」でした

で、そのMarkdown記法とはなんぞやと

Markdown記法とは?

Markdown(マークダウン)は、文書を記述するための軽量マークアップ言語のひとつである。 本来はプレーンテキスト形式で手軽に書いた文書からHTMLを生成するために開発されたものである。

引用元:Markdown - Wikipedia

試しにこの記事のソースを見てみてください、HTMLタグがカオスでしょ
パッと見普通のテキストの羅列ですが、中身はこんなんなってるわけです
逆に、ここまで打ち込まないと、こんな簡単な記事もできあがらないんです

で、そんなん覚えてられへんわということで作られたのがMarkdown記法
簡単な記号を指定してやれば整理整頓されたHTML文章を作りあげることができるわけです

Markdown記法で書くメリット・デメリット

メリット

記述ルールを守っていれば、基本的にテキストなので、使い慣れたテキストエディタで書くことができます
出来上がったテキストをそのままコピペしてアップすると、きっちり段落も形成された文章に仕上がります
覚えることもそんなに多くなく、ネットには便利なツールも多数存在、プログラミング言語なんかと違って導入にあたっての敷居の低さも魅力

デメリット

最初のうちはプレビュー機能が無いと、どんな形で表示されるか見当つきません
また、文字の色の指定など、できないこともちょこちょこあって、その場合は直接HTMLタグを打つ必要があります

そんなMarkdown記法、打ち込みやすいように執筆環境を整えていきますね

Markdown記法で文章を書くための環境整理

パソコンはMacですのでMac前提で書いてます

テキストエディタ「Sublime Text」

f:id:ypmemo:20180217134416j:plain

有名なテキストエディタです
プラグインが豊富でカスタマイズしやすく、簡単にMarkdown記述モードを作り上げることができます

↓インストールはこちらから
Sublime Text - A sophisticated text editor for code, markup and prose

プラグイン

インストールが終わればプラグインを入れます

  • OmniMarkup Previewer(Markdownのリアルタイムプレビュー)
  • Markdown Extended(Markdownに挿入したコードのシンタックスハイライト)
  • Trailing Space(行末半角スペースの可視化)

入れたプラグインはこれくらいやったかな

こちらのブログを参考にさせていただきました

www.kuronekomemo.com

よく使うMarkdown記法

比較的よく使うMarkdown記法についてまとめておきます

f:id:ypmemo:20180217134636j:plain

↑画像拡大してください、主に使う記述方法書いてます
左に「Sublime Text」がありーの、[command + option + o(英語のオー)]で右にプレビューが出ます
このプレビュー、リアルタイムで更新されるのでめっちゃ便利

↓こちらにもっと詳しく記述があります qiita.com

最後に

いかがでしたか、爆速で文章が書けるMarkdown記法
覚えることもそんなにありませんし、慣れてくるとまとめ記事なんかを見ることもないでしょう

文章書く上でこんなに便利なんですけど、いかんせんあんまり知られてないんですよね
うちの周りでも知ってはいるけどバリバリ使ってるっていう人ってそんなにいません(バリバリて)
慣れるまでもうちょっとかかりそうですが、手直しの時間はほぼほぼ無くなりましたね

あと、もっと早くブログ書く裏技を教えてあげましょう

それは・・・

f:id:ypmemo:20180217135334j:plain

爪を切ることです!

爪をちゃんと切っておくことで文章打ち込みスピードが20%向上します(当社比)