民芸的プログラミング 〜ソフトウェア開発日記〜

アクセスカウンタ

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

<<   作成日時 : 2014/07/03 11:08   >>

ブログ気持玉 0 / トラックバック 0 / コメント 0

最近、「日刊 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件)

タイトル (本文) ブログ名/日時

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(0件)

内 容 ニックネーム/日時

コメントする help

ニックネーム
本 文
Emmet とか Zen Coding とかで入力補完 民芸的プログラミング 〜ソフトウェア開発日記〜/BIGLOBEウェブリブログ
文字サイズ:       閉じる