エプソンダイレクト株式会社

2010年12月2日(木曜日)

Zen-Coding は茨の道 ???

Category: Tips, Web, 推薦書籍 | Posted By at 23:39:54

昨日ふらふら…と寄った
閉店間際の本屋で見つけた一冊の本。

特に目的はなかったので、
なにか技術書で目新しいものはないか?
と思ってさ~~~っと物色していると
この本を発見…。

Zen-Coding ってなんや?
と気を引いたのが間違いの始まり(?)。

とりあえず試してみようと、
秀丸マクロでZen-Codingから
マクロをダウンロードし、愛用の秀丸に登録。

例えば…

<ul id="menu">
<li class="litem"><a href=""></a></li>
<li class="litem"><a href=""></a></li>
<li class="litem"><a href=""></a></li>
<li class="litem"><a href=""></a></li>
<li class="litem"><a href=""></a></li>
</ul>

を記述する際に

ul#menu (li.litem a)*5

と入力しマクロを実行するだけで書けてしまいます。
しかもこのマクロ、自分で変更する事が出来るので
例えば

a:title

とすることで

<a href="" title=""></a>

と変換する事が出来ます。

要は私のようにテキストエディタを主体に
Web 開発を進める Web デザイナ向けの
テキスト入力を高速化するためのものだそうです。
実際に試してみると確かにすごい…。
しかしそのために覚えないといけない事も多い。

諸刃の剣ではありますが…うずうずしてしまいます(笑)。

HP Directplus -HP公式オンラインストア- デル株式会社 東芝ダイレクト 富士通パソコンFMVの直販サイト富士通 WEB MART ソフマップ・ドットコム