コーディングのスピードアップ術

HTML・CSS, WEB制作の小技や機能 | 2010.11.01

今よりコーディングのスピードを上げるには
というブログ記事を見つけて、なるほどと思ったので、メモ的に残しておきたかったのでエントリーします。

私の場合、コーディング作業の中で一番時間がかかっていると思われるのが、
ブラウザ表示チェックを何回も行っている点です。
しかし、これには一長一短あり、ジレンマなところでもあります。

一通り全部コーディングしてブラウザチェック1回で完璧に組めればベストですが、
それはまず不可能。（みなさん、そんなことはないのかな？）
となると、全てを組んだ後に間違いを直そうとすると、
間違っている部分を見つけ出すのに一苦労かかってしまう恐れがあるのです。

ある程度コーディングが出来た時点でブラウザチェックをする方法だと、一見、時間がかかるようにも思いますが、修正点を見つけやすい利点があります。

ですので、例えば２カラムのページの場合、
（１）全体の枠組みのコーディング
（２）ヘッダー内のコーディング
（３）右カラム内のコーディング
（４）左カラム内のコーディング
（５）フッター内のコーディング
という段階に分け、各段階内のコーディングが出来たらブラウザチェックをするというのを目安にしています。