Works 制作物
Project Info
- カテゴリ
- Webサイト
- 担当範囲
- コーディング
- 制作ページ
- TOP / 商品一覧 / 商品詳細 / カート
- 制作期間
- 約1ヶ月
- 使用ツール
- VSCode
- 使用技術
- HTML / CSS / JavaScript（jQuery）
- 制作年
- 2026年
Project Overview
スクールの演習として制作した、ファッション通販サイトです。
演習で実装する基本機能に加え、より実際のECサイトに近づくよう、複数の条件検索、カート画面や数量調整、送料無料表示などの機能を自ら考え追加しました。
Project Approach
- 商品詳細ページはjQueryを使用し、データをもとに動的にHTMLを生成しています。
- カート内の商品情報はローカルストレージを使用して管理し、ページを移動しても内容が保持されるようにしています。
- 複数の条件から商品を検索できる機能を実装し、目的の商品を探しやすくしました。
- カートアイコンにホバーするとミニカートを表示し、カート内の商品数を確認できるようにしました。
- カート専用ページは、商品の数量調整や送料を含めた合計金額を確認できるようにしました。
- 送料無料までの金額を表示するバナーを設置し、購入金額に応じて表示内容や送料が変化するようにしました。