はてなブログでも使えるMarkdown！おすすめのMarkdownエディターはこれだ！

世間を騒がせている、イケてる表記法「Markdown」

最近は何でもこの記法でテキスト入力するようにしている。
何を隠そうこのブログも、Markdown記法が使えるからという理由ではてなダイアリーから移行した。

Markdown記法の良い所は、学習不要でリッチなHTMLが作れるところだろう。
そして何よりも各サービスがこの記法を採用している点が大きい。作成したデータの再利用性が非常に高いのだ。
達人プログラマーにも「プレイン・テキストの威力」として、データ再利用の必要性について触れられている様に、この考えはとても大切なことだと思う。

そもそも、Markdownってどんな表記方法？

細かく書かれているところもあるけど、手っ取り早く理解するにはwikiが一番良かった。全て網羅されてるわけじゃないけど。

Markdown - wiki

よく使うのは、# の見出しとか、* のリスト、1. で作られる順列リスト、そして、下のようなテーブル記法。

|A|B|C|  
|:---|:---:|---:|  
|あいう|えお|1|  
|かきく|あいうえお|222|  
|さしす|せ|3|

こうやって書くと、

A	B	C
あいう	えお	1
かきく	あいうえお	222
さしす	せ	3

こんな風にテーブル表記に切り替わる。これは設計書などに超便利！

どんなところで、Markdownが使われているか？

冒頭で書いたとおり、はてなブログやGitHub、Qiita、プロジェクト管理システムの Backlog なんかもMarkdown記法に対応するようになったみたい。
ただ、Backlogについては、過去の入力データもMarkdown記法で表示しようとするので、独自のBacklog記法で書いたwikiとか表示が崩れてしまう！残念！
回りくどいやり方だけど、 Markdown→Backlog記法のコンバーターがあるのでこれを利用する手もある。そう、回りくどいけど。

とにかく、設計書や説明書がとても簡単に、そしてシンプルに出来上がる表記だと思う。エンジニアは進んで修得するといいんじゃないでしょうか！

Markdownをどのようにして書くか？

Markdown記法に慣れるまでは、どのように表示されるのか試しながら書きたいところ。そこで、どんな方法があるか調べてみた。

Markdownエディター

まずは、Markdownエディターとしてどのような物があるか。 Mac、Win共に様々なものが用意されているが、実際に使ってみたもの(Mac)は以下のエディタ。

Kobito

f:id:tabibits:20131103220912p:plain

Kobito
Qiitaからリリースされている、純日本製のエディター。
Qiitaとの連携もバッチリなのでプログラミングに関するメモに最適。操作感が軽やかでシンプルなのがいい。ただ、Markdown記法に完全準拠しているわけではないので、Markdonwエディターとして使うには難あり。チーム間ファイル共有の機能もありプロジェクトに導入しやすそうなので、Markdown記法に完全準拠して欲しい。
無料。

LightPaper

f:id:tabibits:20131103220904p:plain

LightPaper for Mac
フォルダ構成の表示、編集画面のタブ化など、最近の高性能エディターの風格を持つMarkdownエディター。
でも自分の環境だと、フォルダ構成が表示されない。なんでだ？
リストが自動挿入されたりと入力補助は申し分ないが、プレビューが入力部分を追従しないことがあったりして、いまいち変換結果の確認がやり辛い。
cssを自作する機能は準備されていないが、 /Applications/LightPaper.app/Contents/Resources/CSS下に自作のCSSを置けば、環境設定から選べるようになる。
無料。