URL
担当
コーディング
サイト制作の目的
このサイトは、自主制作課題として、提供されたデザインカンプをもとにコーディング練習を行ったものです。実践を通じて、ピクセルパーフェクトな再現性やデザイン意図の正確な理解、UI/UXの基本的な考え方を習得することを目指しました。さらに、JavaScriptによるアニメーションの実装やレスポンシブ対応など、実務を想定した総合的なスキルの向上にも取り組んでいます。
コーディングについて
このサイトは、ライブコーディングなどの補助を受けず、自力でコーディングを行いました。スタイル設計にはSass（SCSS記法）を用い、効率的かつ管理しやすい構造を意識しました。CSS設計にはBEM（Block Element Modifier）を採用し、保守性や拡張性に優れたクラス命名を徹底しています。 JavaScriptでは、ドロワーメニュー、アコーディオン、モーダル、スムーススクロール、スクロールアニメーション、Swiperによるスライダーなど、実務でもよく使用されるインタラクションを複数実装。ライブラリの理解を深めながら、応用力の向上を図りました。 また、HTMLの構造はアクセシビリティやSEOの基本原則を意識し、コーディング全体を通して品質の高いマークアップを追求しています。