経営分析・会計管理システムのフロントエンド開発

経営分析・会計管理システムのフロントエンド開発を担当。

初期セットアップ

ゼロスタートだったため、技術選定と初期セットアップから行った。2ドメインの予定だったため、PNPM Workspaceによるモノレポ構成を採用。また、以下のようなモダンなライブラリを選定し、シンプルで保守性の高いコードベースを実現した。

• @tanstack/react-router（型安全なルーティング）
• @tanstack/react-form（フォーム管理）
• Nuqs（URL状態管理）
• Jotai（グローバルステート管理）
• その他

開発体制

Storybookを導入し、コンポーネント単位での開発・検証を行った。

実装機能

デザインカンプをもとに、以下の機能をフロントエンドで実装。

• 登録・ログイン画面（ユーザー・管理者別）
• 経営分析・指標表示画面
  • Jotaiによるグローバルステートで表示期間を管理
• AgGridを用いたテーブル編集機能
• echart-for-reactによるグラフ表示
• その他機能