【フルリモート/週5/React】エンタープライズ向けデータ統合・ダッシュボードSaaSのフロントエンド基盤開発&パフォーマンス最適化案件 お任せしたいこと [役割] React 19 / TypeScript を用いた、大規模データを扱うビジネスインテリジェンス(BI)・ダッシュボードSaaSのフロントエンドアーキテクチャ設計・新機能開発およびレンダリング最適化 [役割に対して求める成果] 大量データ(数万件〜)描画時におけるDOM描画遅延の解消(仮想スクロール導入等によるフレームレート60fps維持)、および再利用可能なUIコンポーネントライブラリの整備による開発工数の20%削減 具体的な業務内容 React 19 / TypeScript を活用した、インタラクティブなデータ分析ダッシュボード・カスタムレポート作成機能のフロントエンド実装 TanStack Query(React Query)を用いたAPIキャッシュ制御および、Zustand / Jotai を活用した軽量で予測可能なグローバル状態管理の設計 TanStack Table や Canvas / WebGL (D3.js / Chart.js) を用いた、大容量テーブルデータ・グラフの描画パフォーマンス最適化 Tailwind CSS や Headless UI / Radix UI をベースにした、アクセシビリティ(WAI-ARIA)対応の共通UIコンポーネント設計・Storybook運用 Vitest, React Testing Library, Playwright を用いたコンポーネント単体テスト・E2Eテストの作成および CI パイプラインでの自動化 必須スキル・経験 React を用いた Web アプリケーションのフロントエンド開発・運用実務経験(4年以上) TypeScript を用いた型安全なコード設計および開発実務経験(3年以上) TanStack Query 等を用いた非同期データ取得・キャッシュ管理の実装経験 Web パフォーマンス解析(Chrome DevTools, Performance panel)およびレンダリング最適化の実務経験 歓迎スキル・経験 React 19(Server Components, Compiler, Actions 等)の評価・検証または実務導入経験 大規模データ可視化(D3.js, Chart.js, Canvas API)の高速化・描画チューニング実績 Storybook を用いたデザインシステムの構築・コンポーネント駆動開発(CDD)の実践経験 Vitest / Playwright によるテスト自動化体制の構築・運用知見 開発環境 言語/ライブラリ: TypeScript, React 19, Vite 状態管理/通信: Zustand, TanStack Query, Axios UI/スタイリング: Tailwind CSS, Radix UI, Storybook テスト/ツール: Vitest, React Testing Library, Playwright, Biome / ESLint クラウド/インフラ: AWS (S3, CloudFront), Vercel, GitHub Actions コミュニケーション: Slack, Notion, Figma, Jira 開発チームについて プロダクトマネージャー(1名)、UI/UXデザイナー(1名)、フロントエンドエンジニア(4名/今回募集枠含む)、バックエンドエンジニア(3名)、QA(1名)のスクラムチームです。 Reactのエコシステムや最新仕様のアップデートを意欲的に取り入れる文化があり、デザイナーと連携してUI/UXの細部(マイクロインタラクションやレスポンス速度)まで追求するチームです。 求める人物像 レンダリングコストや不要な再レンダリングを意識し、サクサク動く快適なUI体験の提供にこだわりを持てる方 単に画面を作るだけでなく、コンポーネントの抽象化や設計の美しさを意識してコードを書ける方 フルリモート環境において、FigmaやSlackを用いてデザイナー・バックエンド陣とスムーズなコミュニケーションが取れる方 仕事の魅力 大量のデータを扱う高機能なSaaSプロダクトにおいて、React 19 や Vite などの最新フロントエンドスタックを駆使した実践的な開発に取り組めます。 仮想化技術や大容量データ描画の最適化、デザインシステム運用など、フロントエンドエンジニアとして市場価値の高い専門スキルを深められる案件です。 働き方 リモート環境 [フルリモート] フルリモートで働いていただけます。
スキル