学ぶプログラミング言語を間違えると悲惨な話

コーディングの注意点2つを知ってweb制作会社から継続案件受注しよう

制作会社での仕事の醍醐味は、継続案件がもらいやすいので、営業の手間が減ることですが、制作会社はコーディングのチェックが結構細かく厳しいので、注意しておくべき点をまとめました。初心者フリーランスが見落としがちな制作会社で継続をもらうコツは2つだけです。

 

コーディングの注意点2つを知ってweb制作会社から継続案件受注しよう

制作会社で継続をもらうコツは2つだけです。それぞれ方法を解説していきます。

  1. デザインデータ通りに実装する
  2. 期限に遅れない。早く提出する

 

コーディングの注意点1.デザインデータ通りに実装する

1pxもずらさないよう心がけましょう。デザインデータの長さをきちんと測ることがポイントです。

文字装飾のコーディングの注意点

見落としがちなのが文字データなので、実際にデータを取得する方法と見落としがちな文字装飾ポイントを紹介していきます。

まずはpsdの文字データを2秒で取得する

文字間の感覚(letter-spacing)

行間(line-height)

ずれの測定のコーディング注意点

実際にフォトショデータ通りに長さを測りつつコーディングしてもずれていることがあるので注意です。

コーディング後のデータがフォトショの見た目と同じになるように、ずれている部分を修正していきましょう。

 

コーディングの注意点2.納期に遅れない

意外と見落としがちな、期限に遅れないためのテクニックを紹介します。

コーディングの工数計算は、動きも確認することが注意点


まずはデザインデータをもらったら よく見て、動きを確認しましょう。

よくある工数計算で見逃しがちなポイントは以下です。

  • デザインがよくわからない部分があるがデザイン待ちなのか、こちらで考えて実装するのか
  • ハンバーガーメニューがあるけど、クリック後のデザインがない場合、どうするか
  • hoverっぽいデザインがあるけどhoverするのか
  • 画像はそのまま使えるか、自分でトリミングしないと無理か
  • 画像でOKかコーディングでの実装が必要か

想定外のコーディング実装がある場合は「遅れるかもしれない旨の連絡」が注意点

最初にデザインデータを見て気づけないような実装や、制作会社が後出しで追加デザインやデザイン修正を出した場合は、その分納期を伸ばせるか交渉してみましょう。

後者の場合は、着手前に金額交渉も必要です。

 

コーディングをしていて、わからない点は質問するのが注意点

 

コーディングの命名ルールを確認するのが注意点

命名ルールをうっかり忘れると、class名全部書き直しなどという手間が生まれてしまいます。

cssのクラス名の命名規則は最低限のみ覚えよう!web制作会社で注意されるよ

 

 

 

他にも、即レスするとか、いろいろありますが、よく言われている基本的なことなので省きます。ここまで抑えればなんとかなりそうです。