実績一覧へ
prev
プロジェクト概要
- 案件名
- コーディング課題
- 担当範囲
- コーディング
- 制作時期
- 2026年6月
- 使用ツール
- Visual Studio Code
- 使用技術
- HTML / Sass / jQuery
- URL
- Visit Site →
コーディング講座の課題として、住宅・リフォーム会社を想定した1ページのWebサイトを実装しました。 Gitを使ったバージョン管理、Sassでのスタイル実装、JavaScript・jQueryを使ったアニメーション実装を通して、デザインカンプからWebサイトを形にする一連の流れを学びました。
実装で意識したこと
中間の画面幅でもレイアウトが崩れないよう、余白や要素の位置を確認しながら実装しました。 特にSERVICEセクションは、写真とテキストが左右交互に配置されるため、画面幅が変わってもバランスを保てるよう細かく調整しています。 また、Sassでスタイルを整理し、JavaScript・jQueryでスライダーなどのアニメーションを実装しました。