ソフラボの技術ブログ

仕事で使ったプログラミング、サーバー周りで役に立つこと、Webサービス開発に必要な技術情報、モバイル情報を書いてます。わかりやすく見やすくをモットーにしています。

HTML、CSSを高速に入力するzen-codingをEclipseに導入してみた

前から気になってたので導入してみました。
書店でも関連する本も出てきました。
PHPzend frameworkと見間違える事もありますが…。

zen-codingって何?


HTML、CSSを高速に入力ツールです。
入力補助というよりコマンドと言った方がいいでしょう。

table>tr>td*3

と入力してタブキーを押すと

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

とコードを吐き出してくれます。

Eclipseにzen-codingを導入


インストール方法が変わったようです。
zen-coding公式サイトからファイルをダウンロードする必要はありません。
Eclipse用のアップデートサイトがあるのでそれをEclipseから設定してインストールしてください。

ヘルプ→新規ソフトウェアのインストールで以下のURLを指定する
http://zen-coding.ru/eclipse/updates/

参考:m12i: Zen Codingを導入してみた

使い方


以下のサイトにきれいにまとまっているのでそちらをご覧ください。
参考:
404 File Not Found
zen-codingとDreamweaverメモ | 乱雑モックアップ


書き方を覚える必要がありますが、めんどくさいタグの入力(特に「<>」)がかなり軽減されます。
ぜひ導入してみてください。

HTML+CSSコーディングが10倍速くなるZen CodingHTML+CSSコーディングが10倍速くなるZen Coding
こもり まさあき 岡部 和昌

インプレスジャパン 2010-11-26
売り上げランキング : 159824

Amazonで詳しく見る