今更ながらのZen Coding

投稿者: | 2014-01-04

HTMLは「ソースを手書きする」などという表現を使っていたが、今は「コーディングする」と言ったほうが格好いい。正確に同一の意味なのかどうかはともかく。

自分はその昔、WZ Editorを使っていて、これにはWZ XHTMLという秀逸なマクロがあって、コーディングはもうこれがないとやっていけないというくらいにハマって使っていたのを思い出す。
秀丸エディタに乗り換えてからは、コーディング自体をする機会がほとんど無くなっていたが、このたびAOUR配列のサイトのリニューアル・移転に伴い、久々にコーディングをする必要が生じてきた。結果としては秀丸エディタでほぼ「手書き」で作成してしまったのであるが、今後のこともありWZ XHTML並みに便利なコーディングの為のマクロが無いものかと常に探し回っていた。

http://exoego.net/archives/zencoding-in-hidemaru
秀丸マクロでZen-Coding

少し調べると、これに行き当たった。
そもそもは、各種の(テキスト)エディタでHTMLやCSSのコーディングを楽に行えるようにするプラグインのZen Codingというのがあり、それを秀丸マクロに移植したものらしい。おそらくオリジナルのZen Coding自体は、もうHTMLコーダーなら知らない人が居ないというくらい有名なのだろうが、何年もコーディング作業から離れている自分は全く知らなかったものである。

秀丸マクロに設定し使ってみると、WZのマクロ並みにというのとは少し方向性が違うのであるが、それでも自分が目的とする作業については格段に便利になる。
よく、タグ入力型HTMLエディタという種類のプログラムで実現する機能で、テキストを範囲選択してタグ入力のボタンをクリックするとそのタグでラッピングしてくれるとか、ただ入力ボタンを押すとタグのペアが入力されるとか、そういう作業がエディタのマクロで実行できる。

多少、キーワードや記法をマスターする必要はあるものの、これで作業は格段に捗りそうなのでワクワクしはじめたところである。

ついでにサクラエディタでもこのZen Codingが使えないのだろうかと探してみると、やはり既に、そういうのがあった。
http://mwlab.net/zen-coding-for-sakuraeditor

これも実際試してみると、サクラエディタでも同じようにZen Codingが使えることを知った。コーディングが楽しくなりそうなのである。