2015.10.02
2017.05.25
ホームページ制作関連
マークダウンでサクサク原稿作成
ブログ更新に何気に使われているWYSIWYGはHTMLを意識しなくても記事が投稿できる便利なやつなんですが、思ったよりも融通が利かなかったり、ソースレベルではカオスなことになってたりします。
ソースも維持できてタグ打ち程は手間が掛からないイカした入力方法は無いものかとアンテナをはっていたところ気になったのが「マークダウン」です。
マークダウンとは
マークダウンは手軽なマークアップ言語です。ダウンだけどマークアップです。とりあえず例を・・・
#h1見出しが入ります。
と入力すれば
<h1>見出しが入ります。</h1>
へと変換できます。
<p>テキストが入ります。テキストが入ります。テキストが入ります。</p> <p>テキストが入ります。テキストが入ります。</p>
ってマークアップとかだったら
テキストが入ります。テキストが入ります。テキストが入ります。 テキストが入ります。テキストが入ります。
と入力すればOK
##h2見出しが入ります。
は
<h2>h2見出しが入ります。</h2>
に変換されます。
なにこれ!すげー便利なんですけど! タグ入力にくらべて断然楽です!
ほかにも*や-や+を入力して半スペ又はタブでリストが入力できます。
* リストが入ります。 * リストが入ります。 * リストが入ります。 * リストが入ります。
HTMLの出力
<ul> <li>リストが入ります。</li> <li>リストが入ります。</li> <li>リストが入ります。</li> <li>リストが入ります。</li> </ul>
数字とカンマ+半スペで数字のリストになります。
1. リストが入ります。 2. リストが入ります。 3. リストが入ります。 4. リストが入ります。
HTMLの出力
<ol> <li>リストが入ります。</li> <li>リストが入ります。</li> <li>リストが入ります。</li> <li>リストが入ります。</li> </ol>
このような簡単な入力規則でタグに変換してくれます。
マークダウン対応のWordPressのプラグインもあるよ!
マークダウン対応のプラグインもあるので、WYSIWYGは使いにくいけどタグ打はちょっと・・・・って方は導入を検討してみてもよいかもしれません。
構造的な文章構造にマークダウンは向いている
ブログもビジネス用途に使うなら構造的な文章のほうが、ユーザーにも検索エンジンにもわかりやすいですし、 構造的な文章を記述しやすいマークダウンは個人的にはありだと思います。
情報も豊富ですし、ググればチートシートもすぐ見つかります。