知らないなら損をしている!HTMLコーディングスピード3倍に!? zencoding 導入方法まとめ

>zen coding logo

あなたはコーダーですか?
Webエンジニアですか?Webデザイナーですか?
あなたはzen codingを知っていますか?

もし知らないのであれば時間をいくらか無駄にしている可能性があります。
いますぐzen codingを導入してコーディングスピードをあげ、今まで使っていた無駄な時間を有意義な時間にしましょう!!
以下の動画を見て素晴らしさを体感してみてください。

例えば以下のようなコードを書きたいというとき

<ul id="zencoding">
   <li></li>
   <li></li>
   <li></li>
   <li></li>
   <li></li>
</ul>

zen codingを使えば以下のコードを展開するだけで書くことが出来ます

ul#zencoding>li*5

あなたが以下のエディタを使っているならzen codingを導入することが出来ます。

もしあなたがzen codingに対応しているエディタを使っていないのであれば乗り換えを検討したほうがいいかもしれません。
圧倒的なコーディングスピードをあなたにもたらすからです。

それではそれぞれのエディターへの導入方法をまとめておきます。
圧倒的なコーディングスピードをぜひ!!

Dreamweaver

zen codingは超便利!Dreamweaverで使ってみました

秀丸

秀丸マクロでZen-Coding

Vim

ZenCoding for Vim 導入方法(初心者さん向け)

WordPress

WordPressの管理画面上でZen-Codingが使用できるプラグインWP Zen-Coding

Movable Type

MT Zen-Coding – Movable Type プラグイン

EmEditor

Zen Coding の使い方

Emacs

zencoding + emacs

Coda

CodaにZen-Coding入れてみたらちょっと感動した。

Textmate

TextMate+Zen-Codingで超速コーディング?

Eclipse

eclipse + zen-coding プラグイン3.6Helios動作確認済み「eclipse-zencoding」

Aptana Studio

Aptana Studio で Zen Coding を使おう!

それではよいコーディングライフを!!
何かわからないことがあればコメントやリプライ(Twitter: @DAI199)でどうぞ!!

追記(2012/09/12)

Aptanaにzencodingを入れる記事より簡単な記事を発見したので更新しました。
これでぱっと導入することが出来るはずです。