Emmet とか Zen Coding とかで入力補完

最近、「日刊 Zoo Ring 動物園・水族館WEBサイト更新速報」というブログを始めたこともあり、HTMLを入力する機会が増えました。
このブログ、一応ニュースサイトなので、早く記事を作成する必要があります。
かなりの部分が自動化されているのですが、まだまだ手入力の部分もたくさんあります。
ニュースは生き物ですから、機械だけではどうしようもない部分が残ってしまうのです。

そこで、なんとか手っ取り早くHTMLを入力する方法はないかと探していて見つかったのが Zen Coding
そして、その後継プロジェクトが Emmet です。

エディタ上で例えば、

ul>li*5>a

と入力して、Emmetを起動(ショートカットはエディタによりけり)すると

<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>

と展開してくれる優れものです。

ただし、エディタのプラグインとして開発されているので、エディタを選びます。
対応しているエディタはというと、こちらの公式ドキュメントを参照してください。
http://emmet.io/download/
Windowsでオープンソースのものというと、Eclipse、Netbeans、Notepad++あたりだけになってしまいます。

ところが幸いに、xyzzyについては、独自にプラグインを開発してくださった方がいます。
http://codebreak.com/git/okayun/xyzzy-zenexpand/
こちらを参照して、zenexpand-minor-mode を使えるようにすれば、xyzzyでも Emmet の機能が使えるようになりました。

というわけで、たった今、インストールし、動作を確認したところです。
使いこなしにはちょっと時間がかかりそうですが、使いこなすとかなり便利な道具になりそうです。


入門xyzzy
オーム社
山本 泰三

amazon.co.jpで買う
Amazonアソシエイト by 入門xyzzy の詳しい情報を見る / ウェブリブログ商品ポータル


ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 0

この記事へのコメント

この記事へのトラックバック