シャンプーのECサイトをコーディングをしよう！

こんな方におすすめ

制作するページ

• トップ
• 商品
• 404

前提知識・注意事項

• 静的なページだけでECサイトの機能面は作りません
• HTML・CSSの入門レベルを学習済みの方が対象です
• 解説はコーディングに関するポイントとなる点のみです
• 解説はSCSSを使わない前提でします(配布するサンプルコードにはSCSSあり)

配布素材

• サンプルコード(SCSSもあり)
• デザイン(Figma/XD)

※ 配布素材は約62MBあります。

このレッスンの解説

• 🚀 はじめに
• 🛠 サイト内共通の設定を準備
• 🧩 コンポーネントの作成
• 🔁 共通部分の作成
• 📄 トップページの作成
• 📄 商品ページの作成
• 📄 404ページの作成
• 🚨 注意点と本来やるべきこと
• 🙏 まとめ