開発チームの下田です。

普段仕事をしていて、「めんどくさい」と思ったことはありませんか?
そんなときこそプログラミングの出番です。
「めんどくさい」=単純作業であることが多く、簡単なコードを書くとサクッと解決できる可能性が高いです。

私はたった今、このブログの執筆がめんどうくさいです。
どのように面倒くさいかというと少々古めのCGMを使っているため、次のような問題が起きています。

問題点

  • まともな見栄えにするには、HTMLで記述しなければならない
  • コードを貼り付けるときは、エスケープする必要があり、preタグのclassに"prettyprint"を指定しなければならない
  • 見出しはh2タグ、小見出しはh3タグになっている

解決方法

本来はCGMを乗り換えるべきなのですが、やんごとなき事情により実現できない場合があります。
小手先で解決するために、コンテンツはmarkdownで記述して、このブログに合わせたHTMLを作ることにしました。
JSのライブラリMarkedを使って、生成ページを作成します。

完成したコード

こちらが作成したHTMLのソースコードです。
ポイントを後述します。

続きを読む