Work

実績

クライアントの課題

経理・財務・労務などバックオフィス業務をクラウド上で代行するSaaSの開発にあたり、法定業務(各種税金の納付手続きや税率改定への対応など)を含む複雑なドメインロジックと、高度にインタラクティブなUIの実装が課題となっていました。特に1画面で多数のAPIを呼び出す複雑なCRUD画面や、チャット・通知といったリアルタイム通信機能、フローチャート形式の業務フロー編集機能の開発には高いフロントエンドスキルが求められました。

ソリューション

Next.js(App Router)を採用し、UIライブラリのChakra UIやデータ取得のためのTanstack Queryを活用して複雑な画面を効率的に実装しました。また、全体をフルスタックTypeScriptのモノレポ構成で管理することで、複数のマイクロサービス間で型定義やコードを共有し、開発効率と品質の向上を実現しました。

テックリード

フロントエンド領域のUIやロジックの設計・実装を中心にリードし、機能単位で短いサイクルの実装と合意形成を進めました。PMと密に連携し、ドメイン要件(法定業務/可変フロー)とUI要件(複雑CRUD/リアルタイム通信/画像編集)を擦り合わせ、GitHub/Slack でのレビューと進捗共有を徹底しました。

成果

複雑なドメイン要件と高度なUI要件を前提に、当該スタック(Next.js/Chakra UI/TanStack Query、Express/Prisma、Lambda、pnpm workspace、Turborepo)で必要機能の実装を継続しました。
1画面で多数のAPIを扱う画面、チャット・通知のリアルタイム通信、フローチャート/画像編集などの複雑UIの実装に対応し、長期(約2年半)の開発期間を通じて進行のしやすさを維持できました。

クレジット
プロジェクトマネジメント:BackofficeForce株式会社
要件定義:BackofficeForce株式会社
開発ディレクション:BackofficeForce株式会社、株式会社SORA
開発:株式会社FLAT、BackofficeForce株式会社
デザイン:BackofficeForce株式会社
使用技術
TypeScript / React / Next.js / Storybook / AWS / Vercel
使用ツール
Slack / Backlog / Notion / Figma
Contact
ご相談・お問い合わせ
現状やお困りごとをお聞かせください。
要件が曖昧でも、費用ご不要で最初の一手を一緒に考えます。