フォローアップ
「HTMLコーディングの効率化」 矢部 靖人（hamnaly）

---

---

毎度のことですが、難しい話で参加者を置き去りにする矢部です。アンケートの回答を見て、みなさまの優しさに本当に泣けてきます。さて、今回のセッションは、「コードを書かないWeb制作」「エディタ選択の自由」「CSSプリプロセッサー」「ハンドコーディングに便利なツール群」というような切り口でお話しました。

「コードを書かないWeb制作」については、本当に“脅威”を感じて欲しいと思います。みんビズやホームページ・ビルダー17（＝コードを書かないサービス/アプリ）でも、必要十分なWebサイトを構築できます。そういう時代に、高い費用かけてプロに発注するメリットはなにか。このあたりについて、今後も掘り下げていきたいと思います。

「エディタ選択の自由」については、Dreamweaver一択ではないことが伝われば幸いです。逆にDWの便利な機能も活用すると、さらに作業の効率化を図れます。これも機会があればお話したいと思います。

「CSSプリプロセッサー」「便利なツール」について。これは最近のHTML/CSSコーディングの「流行り」です。特にCSSプリプロセッサーは、便利なだけではありません。フレームワーク的な側面があり、スキルの有無が仕事に直結する可能性もあります。要は「今回はLESSを採用するから、それでコードを書ける人を集める」なんてことがあるかもしれません。ぜひ挑戦してください。

なお、CSSプリプロセッサーについては、CSS Nite LP26（2013年1月12日、東京）で取り上げられるようです。ご興味がありましたら、こちらもぜひご参加ください。

今回のようなテクニカルな話は、頑張っただけ成長する分野です。ちょっとずつでも無問題です、新しいモノに挑戦していきましょう。

LESS サンプルファイル

• ネスト（ LESS / CSS ）
• インポート（ LESS / CSS ）
• 変数（ LESS / CSS ）
• 演算（ LESS / CSS ）
• Mixin（ LESS / CSS ）

参考リンク

• みんビズ
• BiND for WebLiFE* 5
• ホームページ・ビルダー17
• Adobe Muse
• Coda 2
• CodeKit
• CSS Hat

ビデオ / スライド資料

Web制作者のためのWebマーケティング用語と計算式 （矢部 靖人（hamnaly）） from yasuhito yabe on Vimeo.

ビデオカメラの不調で前半のみの公開となります。ご了承ください。

セッション情報

「9th Knock!」 第9回Knock! Knock! 勉強会
日時 : 2012年10月12日（金）　19:30〜21:30
会場 : B-nest静岡市産学交流センター 7F 演習室2

---