CSSセレクタからHTMLを展開できるZen-Codingをいれてみた

emacs

あんまりHTMLのマークアップはしないのだけど、話題的にもHOTだし、いれといて損はないだろうと突っ込んでみた
ZenCodingはCSSセレクタのような記述からそのHTMLを吐き出すプラギンで、これはemacs実装
他にTextMateとかCodaとかvim版がある


動作例 http://www.youtube.com/watch?v=u2r8JfJJgy8

ここからダウンロード
例のごとくpathの通ったところに保存 ~/.emacs.d/elisp など

.emacs に追記

(require 'zencoding-mode)
(add-hook 'sgml-mode-hook 'zencoding-mode)
(define-key zencoding-mode-keymap "\C-z" 'zencoding-expand-line);;デフォルトだとC-Return


div#hoge のような記述をして、hogeの末尾にカーソルを揃えてC-Return すると

<div id="name">
</div>

このように展開される
こんなこともできるらしい

div#news.module>(div.header+div.body>ul>li#item-$*5)
    <div id="news" class="module">
       <div class="header">
       </div>
       <div class="body">
          <ul>
             <li id="item-1">
             </li>
             <li id="item-2">
             </li>
             <li id="item-3">
             </li>
             <li id="item-4">
             </li>
             <li id="item-5">
             </li>
          </ul>
       </div>
    </div>


個別のオプションなんかは次の解説がわかりやすかった
知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ
参考：EmacsWiki: Zen Coding