最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか? Zen-CodingはHTML/CSSをショートカット+スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動画を見てください。 ※音が出ますのでご注意ください。 Zen Coding v0.5 from Sergey Chikuyonok on Vimeo 一体何がおこわれているのか?という感じだと思われますが、今回の記事ではこのZen-Codingの導入方法と使い方の一例を紹介します。 Zen-Codingに対応しているエディタは色々あるのですが、今回は弊社の開発環境しているAptana Studio
Zen Codingをサクラエディタで行えるように一部の機能だけですが移植しましたので公開します。 サクラエディタ下記のようなことができるようになります。 Expand Abbreviation(省略コードの展開) たとえば、上の様に”html:4s”と入力して、Zen Coding for Sakura Editorを実行すると のように展開されます。HTMLの雛形を簡潔に作成することができます。 Wrap with Abbreviation(省略コードで包括) 上のイメージのようにリスト化したい文字列があったとして、その文字列を選択し、Zen Coding for Sakura Editorを実行すると ダイアログが表示されるので省略コードを入力すると のように、展開するされます。これにより、マークアップを効率的に行うことができます。 メニュー Zen Coding for Sakur
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く