HTMLやCSSが手間なく書けるZen Coding | Zen Coding 1-1
![HTML+CSSコーディングが10倍速くなるZen Coding](https://webtan.impress.co.jp/sites/default/files/images/blank.gif)
ネットで話題の"究極の超速コーディング"がだれでもマスターできる!
この記事は、書籍『HTML+CSSコーディングが10倍速くなるZen Coding』の内容の一部を、Web担向けに特別にオンラインで公開しているものです。
Zen Codingは、Vadim Makeev氏によって発表され、現在はSergey Chikuyonok氏らによって開発されているテキストエディタ用のプラグインです。MITライセンス※のフリーソフトとして公開されています。
このプラグインは、Webページの記述や装飾に用いられるHTMLタグやCSSのスタイルの記述を効率よく、かんたんに入力するためのものです。Windows/MacOS/Linux各プラットフォームのテキストエディタや、Dreamweaverなどのオーサリングツール用のプラグインとして提供されています。
また、公式サイトで対応しているものだけでなく、秀丸エディタなどのエディタや、Movable TypeやWordPressなどのブログツールにも、有志の手によってプラグインやマクロが提供されているので、ふだんHTML/CSSを書いている環境ですぐ使えるはずです。
- 名称:Zen Coding
- 作者:Vadim Makeev/Sergey Chikuyonok
- 種別:フリーウェア(MITライセンス)
- http://code.google.com/p/zen-coding/
- Twitter:@zen_coding
環境 | OS | 名称 | 配布場所 |
---|---|---|---|
公式サポート…全機能に対応 | |||
Aptana/Eclipse | Win/Mac/Linux | Zen Coding for Aptana | 公式サイトで配布 |
TextMate | Mac | Zen Coding for TextMate | |
Coda | Mac | Zen Coding for Coda | |
Espresso | Mac | Zen Coding for Espresso | |
Komodo Edit/IDE | Win/Mac/Linux | Zen Coding for Kodomo Edit | http://community.activestate.com/xpi/zen-coding |
Notepad++ | Win | Zen Coding for Notepad++ | 公式サイトで配布 |
PSPad | Win | Zen Coding for PSPad | |
テキスト入力エリア用 | Webブラウザ | Zen Coding for <textarea> | |
編集エリア用 | Webブラウザ | Zen Coding for EditArea | |
サードパーティサポート…公式エンジン搭載、サードパーティ開発 | |||
Dreamweaver | Win/Mac | Zen Coding for Dreamweaver | 公式サイトで配布 |
Sublime Text | Win | Sublime Zen Coding | |
UltraEdit | Win | UltraEdit Zen Code | |
TopStyle | Win | TopStyle Zen Coding | |
GEdit | Win/Mac/Linux | Zen Coding for Gedit | http://github.com/fmarcia/zen-coding-gedit http://github.com/mikecrittenden/zen-coding-gedit |
BBEdit/TextWrangler | Mac | Zen Coding for BBEdit / TextWrangler | http://www.angelwatt.com/coding/zen-coding_bbedit.php |
Visual Studio | Win | Visual Studio Plugin | http://zencoding.codeplex.com/ |
EmEditor | Win | zen_emeditor.jsee | http://jp.emeditor.com/modules/mydownloads/viewcat.php?cid=54 |
サクラエディタ | Win | ZenCodingForSakuraEditor.zip | http://mwlab.net/download?did=15 |
非公式対応…独自エンジン搭載 | |||
IntelliJ IDEA/WebStorm/PHPStorm | Win/Mac/Linux | WebIDE.Zen.Coding | 公式サイトで配布 |
Emacs | Win/Mac/Linux | zencoding-mode.el | http://github.com/chrisdone/zencoding/raw/master/zencoding-mode.el |
Vim | Win/Mac/Linux | zencoding-vim | http://github.com/mattn/zencoding-vim |
秀丸エディタ | Win | 秀丸マクロでZen-Coding | http://exoego.net/archives/zencoding-in-hidemaru |
ブログツール/CMS | |||
WordPress | Win/Mac/Linux | WP Zen-Coding | http://rewish.org/wp/zen_coding |
Movable Type | Win/Mac/Linux | MT Zen-Coding | http://code.google.com/p/mt-zen-coding/downloads/list |
Nucleus | Win/Mac/Linux | NP_ZenCoding | http://japan.nucleuscms.org/bb/viewtopic.php?t=4609 |
開発環境 | |||
Flash Develop | Win/Mac/Linux | http://flashdevelop.jp/Zen-Coding(3.1.0 RTMから標準で搭載) | |
NetBeans | Win/Mac/Linux | NetBeans Zen HTML | 公式サイトで配布 |
SlickEdit | Win/Mac/Linux | SlicEdit Zen Coding | |
Webサービス | |||
Webブラウザ | ― | kzms2 Zen Coding editor | http://kzms2.com/lab/editor/ |
この記事は、書籍『HTML+CSSコーディングが10倍速くなるZen Coding』の内容の一部を、Web担向けに特別にオンラインで公開しているものです。
ネットで話題の"究極の超速コーディング"がだれでもマスターできる!
めんどうなタグ入力も、一瞬でラクラク変換! Zen Codingを使えば、かんたんな「省略形」だけでHTML/CSSタグがどんどん入力でき、複雑なHTML/CSSも、あっという間にコーディング可能です!同じタグの繰り返しや入れ子構造、連番も一発で自動変換。Webページ制作が画期的にスピードアップできます。 日々大量のタグを打つWebデザイナー、マークアップエンジニア、サイト更新担当者らが泣いて喜ぶマジックツール、Zen Codingのはじめての解説書です。
ソーシャルもやってます!