Webアプリケーション(SPA)のフロントエンド開発業務
React/Next.jsの開発基盤統一、UI/UX品質向上、Storybook導入提案を含むフロントエンド開発を担当
企業ドメイン
CRMを中心としたマーケティングサポート事業
*取引先名の記載は控えています。詳しくはお問い合わせください。
お問い合わせ
案件内容
Webアプリケーション(SPA)のフロントエンド開発業務
React単体のプロジェクト / Next.jsを使ったプロジェクトの計2つのプロダクトを開発
実績・取り組み
開発環境の整理
参画時点では、2つのReact(Next.js)プロジェクトで環境やリンター設定に差分があり、各担当者もその点の知識が不足していました。そこで、開発環境の設定を見直し、両プロジェクトの開発基盤を統一することで、開発の体制の向上に貢献しました。
UIUXの品質担保
技術に強い人材は確保されていたものの、UI/UXを意識したコーディングに精通した人材が不足していました。そこで、FigmaによるデザインカンプとコーディングのUI/UX品質の担保を提案し、デザインレビューを通じてデザイナーとプロダクトのイメージをすり合わせながら、ブラッシュアップまで担当しました。
フロントエンド開発
Tailwind.css等の使用ライブラリの検討と導入やAPI周りのデータ取得・更新の実装を行いました。
Storybookの提案
各コンポーネントが属人化する傾向が見られたのでStorybookを使ったコンポーネントの管理と汎用化をご提案しました。(コスト面から開発後半でストップ)
担当
- フロントエンド開発
言語・ツール
- マークアップ
- HTML
- スタイル
- CSS / SCSS
- フロントエンド
- JavaScript / React.js / TypeScript / React / Next.js
- 開発ツール
- Storybook
- デザインツール
- Figma
チーム規模
10名程度