ファンビジネス向けEC SaaSのフロントエンド開発
企業ドメイン
EC関連
案件内容
UI/UXの改善
ECアプリの管理画面のフロントエンド開発 / 要件定義 / 開発計画の策定
クライアントのECサイトのフロントエンド開発
実績・取り組み
管理画面のフロントエンド開発と要件定義
リリース初期は専任のフロントエンドエンジニアが不在で、デザイン・開発品質が低い状態でした。
そこで、デザイナーと協力しながらモダンUIへのリプレイスを推進し、Storybookなどのモダンライブラリの導入を提案・実施しました。
これにより、デザインとフロントエンドの品質向上だけでなく、開発体制の改善にも貢献しました。
また、コーディングルールが存在せず、類似機能が各画面で個別実装されていたため、ルール策定から実装までを担当し、運用の効率化を実現しました。
現在は、Visual BasicからPython +
Next.jsへのリプレイスを進めており、要件定義を含めたフロントエンドの設計・実装をリードしています。
Next.jsの環境設計・コンポーネント化・API連携の設計を行い、管理画面が100ページ以上に及ぶことを考慮しながら、バックエンドエンジニアと連携してスケーラブルな開発基盤を整備しています。
また、画面ごとのAPIリクエストを適切に管理し、型定義や非同期処理の最適化を行うとともに、将来的な多言語対応を見据えたキー管理システムを導入し、拡張性を持たせた開発を進めています。
クライアント向けECサイトのフロントエンドサポート
顧客からの依頼に応じて、年に数回ECサイトの制作を担当しています。Nuxt.jsを用いて開発し、ジュニアクラスのエンジニアにタスクを割り当てながら、コードレビューを通じて品質の維持を担当しています。
担当
- フロントエンドコーディング
- 要件整理 / 開発計画の作成
- UI/UXのデザイン策定補助
- 正規雇用社員のディレクションサポート
- コーディングルールの策定と適用
言語・ツール
- マークアップ
- HTML / Pug
- スタイル
- CSS / SCSS
- フロントエンド
- JavaScript / TypeScript / jQuery / Vue.js / Next.js
- 開発ツール
- Visual Studio / Storybook
- デザインツール
- Adobe XD / Figma
チーム規模
15名