(コガワ・マサヤ)昨夜、「Ustreamで生Zen-Codingやってみましょうか」という内容がTwitter上で賑わっていました。Zen-Codingってなに?HTMLとCSSを効率良く記述するためのスニペット生成マクロです。効果の程については、まずこの動画を見てもらえればわかると思います。Vimeo.こういう手法はEmacs使いの人には馴染み深い物と思います。RailsのデモがTextMateを使って、上記のようなコーディング動画を配信されていました。私もその当時、TextMateいいな!と思って導入しましたが、日本語対応がうまくできず、EclipseベースのIDEに戻りコード補完をガシガシ使ってコーディングしてきました。CS4とクロスプラットフォームで使用できます。これは素晴らしいことですね。Aptanaという開発環境で諸々の言語を使用していますので、今回はEclipseで使うための方法について補足したいと思います。前提として、EclipseMonkeyというプラグインが必要になります。これはEclipse上で動かせるマクロを作成するためのプラグインです。マクロは標準ではJavaScriptで記述することになっており、Rubyで書いたりもできるようです。Zen-CodingはJavaScriptで記述されています。公式サイトにてインストール方法が紹介されています。Installingの手順に従ってAptanaのインストールとEclipseの再起動までを行いましょう。インストール時に依存関係を追って、一通りのツールがインストールされます。ダウンロードし、中のファイルすべてを以下の画像のように配置します。新規プロジェクトで一般のプロジェクトを作成した後、scripts/libというディレクトリを作成しています。Coding」という項目が現れます。いう項目がスニペット展開を行ってくれます。Zen-Codingのショートカットキーをカスタマイズショートカットキーをカスタマイズするには、まず該当するマクロのファイルを開きます。5行目にKeyという内容があるので、そこを編集します。M3って何だ?と思うかと思いますが、以下のような対応になっています。実行されるということになります。ショートカットキーが動かない?Eclipseデフォルトのショートカットキーと競合している可能性があります。ウィンドウ->設定->一般->キーで競合しているショートカットキーを探し、別なショートカットキーを割り当てるか、コマンドのアンバインドで削除します。入力するとCtrl+Shiftから始まるショートカットキーを探すことができて便利です。ここまでできれば、快適なコーディングライフの歩みを一歩進めることができるでしょう。逆にZen-Codingの内容を参考にして、よく使うスニペットマクロを作成して行くと、楽しみが広がってくると思います。(コガワ・マサヤ)⻘森県弘前市を拠点に、フリーランス・プログラマーとして様々な業種と関わりながらシステム開発を行う。情報設計、マーケティング、フロントエンド・バックエンド開発と職種を問わず、全プロセスを担当。立ち上げ、コンテンツ発信を行いながら飲食店コラボや農家のカフェ起業プロデュースなど、システム開発で得た知見を生かし多岐にわたって活動中。