概要
HTML5、CSS3、JavaScript を用いたページ作成、テスト、レスポンシブ対応、パフォーマンス最適化、フィードバック対応まで一貫して担当しました。
技術スタック
JavaScript
HTML
CSS
SCSS
jQuery
Gulp
Pug
Git
GitHub
XD
VS Code
MacOS
📅
期間
2021年4月～2021年7月
チーム構成
👤フロントエンドエンジニア: 2
👤デザイナー: 1
👤ディレクター: 1
主な機能
- 1HTML5、CSS3、JavaScriptで直感的なUIページを設計・コーディング
- 2テストで機能性とユーザー体験を確認
- 3顧客フィードバックに対応し修正・調整
- 4画像最適化、コード圧縮、非同期処理でパフォーマンス改善
- 5レスポンシブデザインを実装
- 6納品ドキュメント整備でスムーズな引き渡し
課題と解決策
サービスの特性上、パフォーマンスの維持が重要でした。Gulpによるビルドプロセス最適化、画像のWebP変換、CSS/JS圧縮、遅延読み込みなどを実装し、ページの軽量化と高速化を目指しました。
成果
Gulpによるビルド最適化でファイルサイズを削減し、WebP画像採用で読み込み速度が改善しました。これらの最適化により、ユーザー体験の向上に貢献できました。
