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

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

タブ切り替えやスライダーの実装など、Javascriptが絡んでくるデザインのコーディングをすることで、より実案件に近い模写ができるのではないかと考えてこのサイトを選びました。

ビビットなピンクが使用されたボタンにはメリハリのある切り替えのアニメーションを実装し、各セクションのコンテンツには、女性らしい柔らかい雰囲気を与える狙いでフェードインの演出をしています。

実装に入る前はHTML・CSSだけでは完結しないタブ切り替え・アコーディオンパネル・スライダーを1から設計して実装することは時間がかかると考えておりました。しかし「5日以内に完成させる」という自分に課した期限があったため、期日内に終わらせることができました。また、今回初めてタブ切り替えの実装をしましたが、どのような仕組みで実装されているのかを知ることができたため、今後の実案件に活かしたいと思います。