HTML+CSSコーディングが10倍速くなるZen Coding
HTMLやCSSが手間なく書けるZen Coding | Zen Coding 1-1

ここではまず、Zen Codingとはどのようなものなのかを説明します。
HTML+CSSコーディングが10倍速くなるZen Coding

ネットで話題の"究極の超速コーディング"がだれでもマスターできる!
この記事は、書籍『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を書いている環境ですぐ使えるはずです。

※MITライセンス/マサチューセッツ工科大学を起源とするソフトウェアライセンス。著作権表示とライセンスを明記すれば、オープンソースに限らず無償で二次利用が可能。
Zen Coding
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
  • HTML+CSSコーディングが10倍速くなるZen Coding
  • こもり まさあき・岡部 和昌 著
  • ISBNコード
    978-4-8443-2945-9
  • インプレス

この記事は、書籍『HTML+CSSコーディングが10倍速くなるZen Coding』の内容の一部を、Web担向けに特別にオンラインで公開しているものです。

ネットで話題の"究極の超速コーディング"がだれでもマスターできる!

めんどうなタグ入力も、一瞬でラクラク変換! Zen Codingを使えば、かんたんな「省略形」だけでHTML/CSSタグがどんどん入力でき、複雑なHTML/CSSも、あっという間にコーディング可能です!同じタグの繰り返しや入れ子構造、連番も一発で自動変換。Webページ制作が画期的にスピードアップできます。 日々大量のタグを打つWebデザイナー、マークアップエンジニア、サイト更新担当者らが泣いて喜ぶマジックツール、Zen Codingのはじめての解説書です。

tweet188このエントリーをはてなブックマークに追加
日本赤十字社 東日本大震災 義援金募集
Web担メルマガでラクラク情報ライフを
注目記事が毎週手もとに届いて見逃さない
要チェックのセミナー情報もゲットできる
編集長コラムを一足先に読める
―― 10万人が読んでいる、Web担必読メルマガです

今日の用語

GRP
テレビCMにおいて、広告出稿回数ごとの視聴率を足した数値。 放送局が定めた ... →用語集へ

連載/特集コーナーから探す

インフォメーション

Web担のメルマガを購読しませんか?
Web担の記事がコンパクトに毎週届くメールマガジン「Web担ウィークリー」は、10万人が読んでいる人気メルマガ。忙しいあなたの情報収集力をアップさせる強い味方で、お得な情報もいち早く入手できます。

Web担に広告を掲載しませんか?
購読者数10万人のメールマガジン広告をはじめとする広告サービスで、御社の認知向上やセミナー集客を強力にお手伝いいたします。

サイトマップ
RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]

GOLD SPONSOR
さくらインターネット株式会社株式会社KDDI ウェブコミュニケーションズ株式会社日本レジストリサービスHP Softwareトランスコスモス株式会社株式会社ハイパーボックスDomain Keeperアドビ システムズ 株式会社
SPONSOR
株式会社キノトロープ株式会社アイレップ株式会社ニューズ・ツー・ユーシックス・アパート株式会社ウェブアンテナ株式会社サイバーエージェント富士通株式会社SitecoreYahoo!プロモーション広告Oracle