新卒でWEB制作会社に入って3カ月で学んだことを

ブログ

こんにちは、新卒でweb制作会社にマークアップエンジニアとして入って3ヶ月目になりました。くりちゃんと言います。

今回はWEB制作会社に入って3カ月で体験したこと書いていこうと思います。

1ヶ月目、cssanimationに出会う

入社して、1ヶ月目にcssanimationを扱う案件を任せていただきました。

その時はアニメーション?そんなの新人のぼくにできるの?って感じでした(笑)

とりあえずやるしかない…ってことで色々検索していたら、animate.cssというアニメーションのライブラリに出会いました↓

Animate.css

このライブラリを使って試行錯誤を繰り返し何とか形にしました…

そしてくる…

大量の修正!

全く別物じゃん…と文句を言いながらも何とか完成、そして納品することができました。

この経験のおかげか今ではアニメーションはだいぶ扱えるようになってきました↓

2ヶ月目、自信満々で提出!そしてくる大量の修正!

2ヶ月目の案件でPSDのデザインデータを元にコーディングをしていました。

一週間かけてようやく完成…!

完璧やな…と思い。先輩に提出。そしてくる…

大量の修正!

まじかよ…30個所以上の大量の修正が(泣)

内容は主にこの3つ↓

・margin、paddingの取り方があいまい。

・デザインと違う個所がある。

・altタグ入れろ

やるしかない…ってことで、PSDと細かく見比べてズレがないように修正。なんとか納品することができました。

プロの世界では、これぐらいでいいやは通用しない…。それを身をもって体験することができた案件でしたね。

3ヶ月目、ミスを減らすことの重要性を学ぶ

3ヶ月目の案件ではミスが多く起きてしまいました。

内容としては↓

・納品時ルート相対パスのなおし忘れ

・一部改修前の内容になってしまっている

・リンクの設定ミス

・altタグの入れ忘れ

・コンソール、文法のエラー

原因としては確認不足ですね。仕事に対する姿勢を問われました。

確認も全て目視で行っていたらキリがない。altタグの入れ忘れや、console・文法エラーはツールを使ってチェックするようになりました。

altタグを視覚的にチェックすることができるChrome拡張ツール↓

Alt Attribute Viewer
Apps display the alt attribute while browsing the web site.

HTMLの文法をチェックすることができるChrome拡張ツール↓

Error 404 (Non trovato)!!1

自分の意識を変えることも重要ですけど、便利なツールを使って確認は楽に効率的に行った方が良いと思います。

まとめ

以上が3ヶ月で学んだことですね。web制作会社は残業も多いしメンタルもゴリゴリ削られますけど、やっぱりコードを書くのは楽しいのでずっと続けていきたいですね。

そのためにももっともっと勉強しての市場価値をあげていきましょう。

4ヶ月目の課題はコード管理になるかな…、Gitの必要性が身に染みてわかってきました(笑)

では、また来週~。

コメント

  1. Bill より:

    I’ll immediately seize your rss as I can’t in finding your email subscription link
    or e-newsletter service. Do you’ve any? Please
    let me recognize so that I may just subscribe. Thanks.
    Wow, this paragraph is fastidious, my younger sister is analyzing
    these things, thus I am going to inform her.
    Howdy, i read your blog from time to time
    and i own a similar one and i was just curious if you get a lot of spam feedback?
    If so how do you protect against it, any plugin or anything you can advise?
    I get so much lately it’s driving me insane so any support
    is very much appreciated. http://www.cspan.net/

タイトルとURLをコピーしました