□担当：コーディング □制作範囲：HTML / CSS / jQuery □対応デバイス：PC / SP ■ 概要 デザインカンプをもとに、コーポレートサイトのコーディングを行いました。 レスポンシブ対応を行い、PC・スマートフォンそれぞれで適切に表示されるよう実装しています。 ■ 実装のポイント ・レスポンシブ対応（ブレークポイントを意識したレイアウト調整） ・ハンバーガーメニューの開閉実装（jQuery） ・スライダーによるビジュアル切り替え（slick使用） ・フェードインアニメーションの実装 ・画像や余白のバランスを崩さないよう調整 ・共通パーツ（ヘッダー・フッター）の整理 ・CSS設計を意識し、再利用しやすい構成に ■ 工夫した点 デザインの再現性を意識し、余白・フォントサイズ・配置のズレが出ないよう細かく調整しました。 ■ 学んだこと デザインを正確に再現するためには、細かい余白やサイズの調整が重要であることを学びました。 また、jQueryを用いた動きの実装により、ユーザー体験を向上させられることを実感しました。 ■ 公開URL https://moe-fujimaki.github.io/ ■ ソースコード https://github.com/moe-fujimaki/moe-fujimaki.github.io ※本作品は課題として制作したものです。