こんにちは!
今日はより効率的にコーディングするにはどうすればいいか
ということについて書いていきたいと思います。
ちなみにまだ試してないので、
こうすればコーディングが早くなるんじゃないか
になります。
ちなみに今までの私のコーディング方法
1.ざっとデザインを確認
2.マークアップ
3.CSSでデザインを整える
まぁ、皆さんこんな流れになると思うんですけど、
最初から想定が甘いと後からめちゃくちゃ大変になります。
なんでこれとこれに同じクラス使ってるんだよとかね。
あとCSSを整えるとき今までその都度
このフォントサイズは何ピクセルで〜と調べていました。
こうやってると画面の切り替えが必要になるので
無駄に時間がかかるんですね。
で、後から見直したら
こことここおんなじ間隔だったのか!
それ用のCSS用意しておけばよかった!
となってます。
これはめちゃくちゃなります。
もう一つすごい大切だなと思うのが
時間と戦うこと
前までは全体でざっくりこれくらい時間がかかるかな
と思って作業を進めていたんです。
でもヘッダーには20分、
このセクションには30分・・・
みたいな感じで決めていったら
全体の時間の見積もりも正確に出来ますし、
その時間内に終わらせてやる!とやる気になるので
作業がはかどります。
でも、願望を書くのはNGです。
自分の実力不足でそれが叶わなかった時
集中力がなくなります(私の場合は)
なので全部をまとめると
1. デザインを確認
2. コンテンツごとにどれくらい時間がかかるかを見積もる
3. デザインの設計図を書く(ここは何ピクセルでとか!)
4. マークアップをする
5. CSSの調整
よく使う色とかはスタイルシートの一番下とか
同じ画面にある別のエディタに書いておくといいと思います!
濃い赤・・・#8e061d
みたいな感じで・・・
始めの頃はどうしても技術的な部分で
時間がかかると思うので、それ以外の部分で
短縮できるところは色々試行錯誤してみましょう
せば!