9th Knock! : フォローアップ「HTMLコーディングの効率化」

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



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

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

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

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

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

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

LESS サンプルファイル

参考リンク

ビデオ / スライド資料

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

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

セッション情報

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

HTML/CSSコーディングの効率化

バージョンアップのたびに重くなるDreamweaverを諦め、今はCodaをメインにコーディングしています。とは言えCodaにはビジュアルエディタ機能はなく、ハンドコーディングの効率化がキモです。そこで、少しでも速く、正確に、フロントエンドを実装する工夫を紹介します。併せてCSSプリプロセッサーや画像軽量化などの周辺技術も紹介します。

※ Codaに特化したものではなく、ハンドコーディング全般について紹介します

スピーカー : 矢部 靖人(hamnaly)

いくつかの制作会社でWeb制作やDTPから営業まで経験し、2010年に独立。現在はhamnaly(ハンナリィ)という屋号で、Web制作を中心に地元企業のWeb活用を応援する事業を模索中。理想は高く現実は厳しく、下請け制作を中心に生きています。Knock! Knock! 代表。


このページはお役に立ちましたでしょうか。よろしければシェアしてください。

このエントリーをはてなブックマークに追加
LINEで送る