Zen Codingでコーディングが2倍速くなった

Mar 2, 2010

知らない人は損してる?コーディングが3倍速くなるZen-Codingを導入してみた
という記事で、そんなバカな、と思って試しに導入してみたら、
3倍は言い過ぎでも、2倍くらいは速くなります。ほんとです。

Zen codingてなに?っていうひとの為に、
デモ映像をどうぞ。感動します。

導入に関しては、
僕はWordpress&Dreamweaver使いなので、
ここら辺の記事が大変参考になりました。

WordPressにZen Codingを導入するプラグイン「WP Zen-Coding」
コーディングの効率化を図るZen codingをDreamweaver cs4に入れる方法
WordPressにも対応してるなんて!ステキすぎる!

で、導入してすぐ2倍のスピードが手に入るかって言うと、
そんなバカな、ですよ。

Zen coding独自のショートカットキーを覚えて初めて、
2倍(当社調べ)のスピードをゲットできるのです。

Zen codingショートカットキーの一覧
zen-coding – HTML elements
zen-coding – CSS-properties
そんなすぐに、ショートカットキーを覚えられるわけないので、
使用頻度の高いのから覚えていくのが、
Zen codingマスターへの近道ですよ!

個人的にはここの記事が一番参考になりました。
Zen-Codingのショートカットをまとめてみました
ショートカットキーを使いこなすまでには慣れが必要だと思いますが、
マークアップエンジニアの方なら、30分も使ってればきっと慣れることでしょう!たぶん。
Zen-Codingを使って、快適なコーディングライフを!

※これを読んだクライアントが、コーディング費半額にディスカウントしてきたらどうしよう・・・

白坂翔
白坂翔

東京のWEB制作会社の代表をしています。デザイナー兼ディレクター。
JELLY JELLY CAFEというお店のオーナーでもあります。MORE

LINE@やってます

'stats.label.addfriend' (MISSING TRANSLATION)

あわせてどうぞ

「Facebook Messenger」がiOS7用デザインにアップデート