part1ツイート制作部、稲葉です。htmlコーディングには現在Dreamweaverを使用していますが、拡張機能のZen-Codingが素晴らしいと評判だったので調査。コーディング速度が上がるとのことなので導入してみました。どんな拡張機能?追加される機能はたくさんありますが、基本的には下記の通りです。コードを簡略化して書き、展開する。特殊な動きをショートカットキーで実行する。コードを簡略化して書き、展開する例えるなら、「fb」と入力して展開すると「Facebook」になるって感じです。class="gnavi"><ul><li></li><li></li><li></li><li></li></ul></div>を入力するのに.gnavi>ul>li*41.gnavi>ul>li*4これだけでいいということです。慣れないうちは、「あれ?これ普通に入力したほうが早くね?」となることも多いです。「Zen-Coding」を「使えない機能」としてはいけないということです。他にも機能はありますのでそちらも確認した上で使える使えないを判断しましょう。CSSも簡略化して書けます。w→widthh→heightmb→margin-bottomta→text-alignfw→font-weightなどなど。width,heightは正直微妙ですが、○-○の形のものは入力数がグッと減るのでオススメです。bold;のように書けます。auto;を追加しています。まとめ今回は「コードを簡略化して書き、展開する」について書きました。CSSはともかくhtmlの簡略化入力はマークアップがしっかり出来ていないと難しいので慣れが必要かなと思います。逆に言えばマークアップの技術向上にもつながりますし、コーディングの作業時間短縮によって生まれた時間を、確認作業や企画・提案のための時間に回すことができますので結果的によりスムーズな作業のご報告が出来、より深い企画提案が出来る、ということにつながっていきます。次回は「特殊な動きをショートカットキーで実行する。