【一部出社あり／週2〜3／React】FinTech/Security・金融機関向けダッシュボード＆デザインシステム共通コンポーネント基盤開発

お任せしたいこと
［役割］
React 19 / TypeScript / Vite を用いた、金融機関・大企業向け不正検知・リスクモニタリングダッシュボードのフロントエンド開発、および社内プロダクト横断のデザインシステム基盤構築

［役割に対して求める成果］
TanStack Virtual を活用した数万行規模のトランザクションデータテーブル描画最適化、および Storybook ベースのデザイントークン導入により、高負荷データ読み込み時のブラウザメインスレッド占有時間を 60% 削減し、新規画面の開発リードタイムを 30% 短縮

具体的な業務内容
React 19 / TypeScript を用いた、複雑なフィルタリング・リアルタイムチャート描画を伴うモニタリング UI の設計・実装
Radix UI / Tailwind CSS / Vanilla Extract をベースとした、アクセシビリティ（WCAG 2.1 AA）準拠の共通デザインシステム構築
TanStack Query (React Query) / Zustand を用いた、キャッシュ管理およびグローバル状態の疎結合なアーキテクチャ設計
Chart.js / Apache ECharts / Visx を活用した、時系列不正アクセス推移や異常値検知データの動的ビジュアライゼーション実装
Vitest / React Testing Library / Playwright を用いた、複合検索フォームや権限分岐ロジックの単体・結合・E2E 自動テスト構築

必須スキル・経験
React および TypeScript を用いた Web アプリケーションの実務開発経験（3年以上）
状態管理ライブラリ（Zustand, Redux Toolkit, Jotai 等）およびデータフェッチング（TanStack Query 等）の設計・実装実績
Web Accessibility (a11y) を意識したマークアップおよびコンポーネント設計の知見
Git / GitHub を用いたチームでの Pull Request ベース開発およびコードレビュー経験

歓迎スキル・経験
金融、決済、セキュリティ、業務基盤（SaaS）など堅牢性が求められるドメインでの開発実績
Storybook や Figma Tokens (Tokens Studio) を活用したデザインシステムの構築・運用経験
大規模データテーブル（TanStack Table, AG Grid 等）やデータ可視化ライブラリのパフォーマンスチューニング経験
Micro Frontends（Module Federation 等）の設計・運用知見

開発環境
言語/環境: React 19, TypeScript 5.x, Vite, Tailwind CSS, Radix UI
状態/通信: TanStack Query, Zustand, REST API, WebSocket
テスト/ツール: Vitest, React Testing Library, Playwright, Storybook, Biome
インフラ/CI: AWS (S3, CloudFront), Docker, GitHub Actions
コミュニケーション: Slack, Notion, Figma, GitHub

働き方
リモート環境
[一部出社あり] 週2〜3日出社 / 週2〜3日リモートワーク