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名程度