| プロジェクト種別 | スクール課題(独力制作) |
|---|---|
| 制作の目的 | これまで学習した技術を統合して自力で制作に挑戦しました。動画解説を見ずに独力で問題解決を行い、ハンドメイドアクセサリーブランドサイトとして、優しく洗練されたデザインを正確に再現することを目指しました。制作後に動画で答え合わせを行い、より良いアプローチを学ぶことで技術力の向上を図りました。 |
| 担当範囲 | コーディング |
| 技術的な工夫 | ・Sass(SCSS)の活用 効率的なCSS記述とメンテナンス性の向上を実現 ・BEM記法の採用 保守性と可読性を重視したクラス命名規則を適用 ・clip-pathを使用したタイトル装飾 お問い合わせフォームの視覚的なアクセントを実装 ・アクセシビリティを保持したラジオボタンカスタマイズ 視覚的に非表示にしつつスクリーンリーダー対応を維持するCSS技術を使用 ・自立的な問題解決 複雑なフォーム要素の実装において、記事検索を通じて最適解を導出 |
| サイトURL | https://sobolon.ikki-studio.com |
| 制作時間 | 47時間 |
| 使用ツール | VSCode / HTML / Sass(SCSS) / jQuery |