いたいかなのポートフォリオ

スキルチェックとコーディングスピードの向上を目的とし、無料コーディング練習所のデザインを使用してセミナーサイトの模写コーディングを行いました。

デザインの忠実な再現を心がけて取り組みました。再現する中で基本的なカード型モジュールの実装を身に着けておくことで、今後案件ごとの状況に合った汎用・更新性の高い実装が思い付きやすくなるのではないかと考えました。

ボタン以外のアニメーションについては、これまでに実装したことがないものを積極的に取り入れ、表現のバリエーションを増やすことを意識しました。サイト全体で使用されている色調が暗めでビビットな色合いなのと、角丸ではない画像の雰囲気に合わせて、かっちりとした印象のサイトに仕上げています。

また、「5日以内に完成させる」という期限を自分に課すことで、スピード感を持った制作にもチャレンジできました。