転職

【納期・修正】未経験からコーダー転職後の2週目を振り返る

10月1日からコーダーとして働いて、今週で3週目に入りました。

日々の業務を通して、学ばせてもらい、少しずつですがコード書くスピードも上がってきて、毎日もくもくとコードを書いてます。

大きな変化はありませんが、業務をしている上で気づいたことがいくつかあったので、振り返りつつ、以下の要点に絞ってまとめたいと思います。

  • 2週目の業務内容
  • 詰まって調べたこと
  • 学んだこと、ポイント

コーダー2週目の業務内容

1週間目でやったことは、以前に記事を書きましたが、その続きの案件が1つと、新たな新規案件を任されました。

 

https://keibloglife.com/2019/10/05/%e6%9c%aa%e7%b5%8c%e9%a8%93%e3%81%8b%e3%82%89%e3%82%b3%e3%83%bc%e3%83%80%e3%83%bc%e8%bb%a2%e8%81%b7%e5%be%8c%e3%81%ae%ef%bc%91%e9%80%b1%e9%96%93%e3%82%92%e6%8c%af%e3%82%8a%e8%bf%94%e3%82%8b%e3%80%90/

 

  • WordPress案件のトップページコーディング
  • HTMLサイトのコーディング(3ページ

WordPress案件のトップページコーディング

先週から引き続いて、WordPress案件のトップページコーディングです。
合計15ページくらいある案件ですが、納期に余裕があるので、とりあえずトップページだけ作ることに。

現在は、この案件を進めています(2019/10/23現在)

 

デザインの異なるスライダーが3つも登場したので、そこに苦戦した印象があります。

 

なんとか月曜日にトップページのSPデザインのコーディングを終えて、すぐに次の案件を任されました!

HTMLサイトのコーディング(3ページ)

企業のLPサイトですが、コンタクトフォームの確認ページ、サンクスページを入れて3ページでした。

体感として、

東京フリーランスの30DAYSトライアル 2nd の最終課題と同等レベルだと感じたので、「意外とすぐ終わるんじゃね?」と余裕ぶっこいてました。。

 

メインビジュアルを作り込んで、半分くらいまで進もうかと言う時に、デザインの大幅な変更をしたと連絡が入って一から作り直すことにw

 

作り直して間に合ったのですが、

納品した後、修正でなんども返されてしまい、「納品前のチェック」はかなり細かくやらないといけないな〜と感じました、、。

 

具体的には、

  • セクションタイトルが少し小さい
  • 余白がデザインと会ってない
  • 画像の大きさが少し違う

などです。

時間の許す限り、Perfect pixelを使って最終調整をしようと心に誓いました・・。

 

 

この1週間で詰まったこと

コード書いてて詰まったことはいくつもありますが。
中でも、以下のポイントで詰まりました。

  • ドロワーメニューの実装
  • slickのカスタマイズ
  • potision

 

特に、position地獄から抜け出せないw

 

これでかなり、ぐぐりまくってました。

ちづみさんのツイートを見つつ、一つずつ修正していけばなんとか脱出できた。

CSS完全に理解した。

と言えるまでは、こちらのちづみさんの記事は最強にわかりやすいので、ブクマ必須かなと思います。

 

コーダー2週目のポイント

結構当たり前とされていることができてなかったな〜と感じてます。

  • perfect pixcelを使って最終調整をする
  • Chrome、IE、FireFox、Mac、Windows、iPhoneで実機確認する
  • コーディングしながら、インデントは揃える
  • デザインに忠実かつ綺麗なコードを書く

 

コードを追加したり削除したりすると、インデントがずれるので気をつけたい。インデントがずれると、追加や修正をするときにも可読性が下がってしまい、保守に手間がかかります。

 

やはり、確実に納品するためには、

  • Perfect Pixelでチェック
  • ブラウザ、実機確認

ここはしっかり抑えておかないとな〜と思いました。

 

とにかく今は、時間がかかってもいいから綺麗にコードを書いて、デザインを忠実に再現することを目指してやっていきたいと思います。