LUMOAS

プロジェクト概要

案件名
コーディング課題
担当範囲
コーディング
制作時期
2026年8月
使用ツール
Visual Studio Code
使用技術
HTML / Sass / jQuery / FLOCSS

コーディング講座の課題として、トップページと下層9ページを実装しました。 モバイルファーストで設計し、Sass・jQuery・FLOCSSを用いて、レスポンシブ対応や各種アニメーションを実装しています。

実装で意識したこと

PC/SPだけでなく、中間幅での表示でもレイアウトが崩れないよう、確認しながら実装しました。 また、カンプ上の数値をそのまま再現するだけではなく、表示した際に不自然になる箇所や数値に疑問がある場合は、実務では確認・質問したうえで実装することを想定して取り組みました。