しょーごさんのコーディング課題【初級Ex】実践1日目!(XDデータからの画像書き出し~HTML部分)

3回目のデザインカンプを終えて、ついにしょーごさんのコーディング課題に舞い戻ってきました!初級編を終えた頃よりも体力はあると思いますが、果たしてどこまで通用するか・・・頑張ります!

XDデータからの画像を書き出すところから作業開始!時間を計って自分のペースも把握しようと思います。PCに向かうことができる時間は基本的にコーディングしていこうと思っています。

画像の書き出しを終えたら、次にPC用のデザインカンプ画像を印刷し、全体的な構成と幅や余白を確認。フォント周りのサイズや種類も簡単に書き出して、出来るだけ効率的にCSSが書けるようにしていこうと思います。

また、今回はデザインカンプ初となるtableを使います!レスポンシブ対応も出来るように、なるだけ始めの構成には気を付けて取り組みました。

とりあえず、ここまでで約4時間半!しょーごさんが仰るには、案件としては2日、今回カンプとしては20時間くらいで取り組む案件と仰っていました。目標は20時間以内!CSSやレスポンシブ対応にはかなり時間が取られると思うので、ここからさらに気合を入れて取り組みたいと思います!!

この記事を書いた人