works

Onomichi

Onomichi

LP
概要
オンラインスクールの中級課題としてLPを制作。スライダー・モーダル・フォームのバリデーションなど、JavaScript中心で構築しました。疑問点はまず自走で検証し、要点のみメンターに確認。最終レビューは修正1点で合格。制作期間は30日で、このとき確立したCSS設計とコンポーネント分割が現在の実装スタイルの基盤になっています。
使用スキル
HTML / CSS(Sass)/ JavaScript
工夫・こだわり
  • オーバーレイ・フェード/スケールの細かなアニメーション
  • 必須/形式チェック、エラー表示の明確化、送信ブロックなどを実装
担当
コーディング
制作期間
30日間
Caresend

Caresend

LP
概要
オンラインスクールの中級課題としてLPを制作。事前学習した FLOCSS に基づき命名と構造を統一し、共通クラスを先に設計してから実装することで、再利用性と保守性を高めつつコーディング時間を短縮しました。
使用スキル
HTML / CSS(Sass)/ JavaScript
工夫・こだわり
  • <picture> + srcset、width/height 明示と loading="lazy" でLCP改善-
  • -color などCSSカスタムプロパティで色・余白・フォントを一元管理
担当
コーディング
制作期間
5日間
上矢印のアイコン