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