Zen-Codingが便利らしい[導入編]

上司から強力プッシュを頂きましたので、とりあえず導入してみます。
以降、自宅での同一環境構築のためのメモとします。

私は最近、ネットビーンズ利用なので、↓からorg-lorenzos-zencoding-0.8.nbmを拾います
https://github.com/lorenzos/ZenCodingNetBeansPlugin#readme

コレを下記のフォルダに突っ込んでみる
(別に任意でいいみたいですが、プラグイン設定のデフォルトなので。)
C:\Users\milmil\.netbeans\6.9

で、DLサイトの指示に従い↓な感じですすめ、最後にIDEを再起動します。
以後本家のコピー。

Installation Download the plugin here . Open NetBeans (>=6.9.1) and go to Tools > Plugins. Select tab Downloaded, click Add plugins... and search for downloaded nbm file. Click Install button, follow instructions and restart NetBeans IDE.

で、使い方は、

How to use Expand abbreviation: Fill a HTML/CSS code line with Zen syntax, then press CTRL+ALT+N, or click the toolbar button, or go to menu Edit > Zen Coding > Expand Zen code, or press Alt+Insert and choose Expand Zen Code. Match Pair: Just press CTRL+ALT+M or go to menu Edit > Zen Coding > Match Pair. Wrap with Abbreviation: Select something, press CTRL+ALT+W or go to menu Edit > Zen Coding > Wrap with Abbreviation, then insert a Zen code abbreviation in the input popup. Merge Lines: Select multiple lines, then press CTRL+ALT+L or go to menu Edit > Zen Coding > Merge Lines. Also available in the Edit > Zen Coding menu: Remove Tag, Split/Join Tag, Toggle Comment, Evaluate Math Expression, Go to Next Edit Point and Go to Previous Edit Point. These actions have not a default keyboard shortcut. You can edit NetBeans shortcuts in Tools > Options > Keymap.

という感じ。
ためしに、table+って入力、「CTRL+ALT+N」って叩いてみたら
１呼吸置いて、ニュって

<table> <tr> <td></td> </tr> </table>

↑が沸いて爆笑しました。



◆NetBeansへのInstall参考サイト
(配布ファイルがzipだったり、少々設定方法などが違います)

■Netbeans(windows環境)にZen-Codingを導入
http://blog.mizoshiri.com/archives/863

■NetBeansでzen-coding
http://c-brains.jp/blog/wsg/10/03/02-100937.php