【フルリモート／週5／React】数万チームが利用するリアルタイムコラボレーションSaaSのフロントエンド開発および描画パフォーマンス最適化

【フルリモート／週5／React】数万チームが利用するリアルタイムコラボレーションSaaSのフロントエンド開発および描画パフォーマンス最適化 ### お任せしたいこと ［役割］フロントエンドエンジニアとして、数万社のプロジェクトチームが同時に編集・閲覧を行う「リアルタイムコラボレーションツール（オンラインホワイトボード・ドキュメント管理SaaS）」のReactを用いたSPA開発をお任せします。 ［役割に対して求める成果］複数人が同時にオブジェクトを動かしたりテキストを編集したりする環境において、競合（コンフリクト）を防ぎながら遅延のない同期処理を実現すること。また、通常のWebアプリケーションとは異なり、無数のDOM要素やCanvas描画が入り乱れる画面において、60fps（フレーム/秒）を維持するための極限のパフォーマンスチューニングを行い、ネイティブアプリに遜色のない「ヌルヌル動く」操作体験を提供し続けること。 ### 具体的な業務内容 ・ReactおよびTypeScriptを用いた、複雑なインタラクションを伴うSaaSフロントエンドの詳細設計、実装、テスト ・WebSocket等を利用した、複数ユーザー間のリアルタイム状態同期、およびCRDT（競合解決データ型）やOT（オペレーショナル・トランスフォーメーション）の概念を用いたデータ競合の制御 ・Canvas API（またはWebGL）とReactを組み合わせた描画レイヤーの最適化、および`requestAnimationFrame`を活用したアニメーション・ドラッグ＆ドロップの滑らかな実装 ・ZustandやJotaiといった軽量な状態管理ライブラリを活用した、Undo/Redo（元に戻す/やり直し）機能や複雑なローカルステートの管理 ・通信遅延やオフライン状態を考慮した、楽観的UIアップデート（Optimistic UI）の堅牢な実装 ・React Profilerを用いた無駄な再レンダリングの徹底的な排除、およびメモリリークの特定と解消 ・バックエンドエンジニアと連携した、リアルタイム通信におけるペイロード（データサイズ）の圧縮や通信頻度の最適化 ・PdMやデザイナーと連携し、ショートカットキー操作やコンテキストメニューなど、プロユースに耐えうる高度なUI/UXの設計・実装 ### 必須スキル・経験 ・Reactを用いたSPA（Single Page Application）の開発実務経験（3年以上） ・TypeScriptを用いた型安全なフロントエンド開発経験（2年以上） ・Reactのレンダリングサイクル（VDOMの仕組み、ライフサイクル等）に関する極めて深い理解 ・Git/GitHubを用いたプルリクエストベースでのチーム開発経験 ### 歓迎スキル・経験 ・WebSocket、WebRTC、Server-Sent Events（SSE）等を利用したリアルタイム通信アプリの開発経験 ・Figma、Miro、Google Docsのような、ブラウザ上で動作する高度なエディタツールの開発経験 ・Canvas API、WebGL、またはThree.js等を用いたグラフィックプログラミングの実務経験 ・CRDT、OT等の分散システムにおけるデータ同期アルゴリズムの基礎知識 ・Zustand、Jotai、Recoil等のアトミックな状態管理ライブラリの実務経験 ・ブラウザのガベージコレクション（GC）やメモリ管理に関する深い知識、チューニング経験 ・Vitest、Jest等を用いたテストコードの記述経験 ### 開発・業務環境 言語・フレームワーク：React, TypeScript 状態管理・通信：Zustand (または Jotai), WebSocket (Socket.io等) 描画・UI：HTML5 Canvas, CSS Modules (または Tailwind CSS) テスト・ツール：Vitest, Playwright, Storybook ビルド・CI/CD：Vite, GitHub Actions インフラ：AWS, Vercel デザイン・コミュニケーション：Figma, GitHub, Jira, Slack ### プロジェクトチームについて プロダクト開発部のフロントエンドチームへの配属となります。一般的な「フォームに入力して送信するCRUDアプリ」とは全く異なる技術スタックとなるため、「ブラウザの限界に挑む」ことに情熱を持つエンジニアが集まる技術志向の強いカルチャーです。コードレビューでは、ビジネスロジックの正しさだけでなく「この状態更新はメインスレッドをブロックしないか」「オブジェクトが増えた際のメモリ使用量は適切か」といった、パフォーマンスに直結するシビアな議論が日常的に行われています。 ### 求める人物像 ・「ライブラリを組み合わせて画面を作る」レベルにとどまらず、ブラウザのレンダリング機構やJavaScriptエンジンの挙動までを理解してコードを書ける方 ・少しの遅延やカクつき（Jank）がユーザーの思考を妨げることを理解し、0.1秒のレスポンス改善に泥臭く執念を燃やせる方 ・複雑な状態管理やリアルタイム同期のバグに対して、冷静にイベントログを追いかけ、論理的に原因を特定できる忍耐力を持った方 ### 仕事の魅力 ユーザーが「まるでデスクトップアプリを触っているかのような錯覚」を覚えるほどの高度なWebアプリケーション開発に最前線で携わることができます。リアルタイム同期、Undo/Redoの実装、CanvasとReactの統合など、フロントエンド領域における最高難易度の技術課題に日々向き合うため、「Webフロントエンドのスペシャリスト」として世界中どこでも通用する圧倒的な技術力を獲得することができます。 ### 働き方 #### リモート環境 **[フルリモート]** 基本的にフルリモートで働いていただけます。

1回