URL
担当
コーディング
サイト制作の目的
このサイトは、オンラインスクールの課題として、スクールが提供したデザインカンプをもとに、ライブコーディングを見ながら制作したものです。デザインや構成は課題に沿っており、ユーザーが必要な情報に素早くたどり着けるような情報設計と、クリーンなビジュアル表現を意識して作られています。Webサイト制作の実務的なプロセスを体験的に学ぶことを目的としています。
コーディングについて
コーディングでは、保守性と再利用性を重視し、Sassによるモジュール設計とBEM設計手法を採用しました。特にコンポーネント単位での開発を意識し、変更や拡張が容易な構造を実現しています。JavaScriptではスムーズスクロール、スクロールアニメーション、タブ切り替えなど、ユーザビリティを向上させる機能を実装。また、レスポンシブデザインで各デバイスに最適な表示と操作性を確保するとともに、Webパフォーマンスの最適化やクロスブラウザ対応にも注力しました。