【フルリモート／週5／React】無限のキャンバスで世界中のチームの創造力を繋ぐ、次世代リアルタイム・コラボレーションツールのフロントエンドエンジニア

【フルリモート／週5／React】無限のキャンバスで世界中のチームの創造力を繋ぐ、次世代リアルタイム・コラボレーションツールのフロントエンドエンジニア ### お任せしたいこと ［役割］フロントエンドエンジニアとして、世界中のクリエイターやビジネスチームが同時にアクセスし、アイデアを視覚的に共有・発展させる「無限のキャンバス」を備えた次世代リアルタイム・コラボレーションツール（ビジュアルワークスペース）のコアフロントエンド開発をお任せします。 ［役割に対して求める成果］「ブラウザ上のDOMの限界」を突破し、数万個のオブジェクト（付箋、図形、画像、手書きストローク）が配置された巨大なキャンバスを60fpsで一切の遅延なくパン＆ズームできる圧倒的なレンダリング性能を実現すること。そして、CRDT（Conflict-free Replicated Data Type）を利用して数十人が同時に編集しても絶対にデータが競合しない、魔法のようなマルチプレイ体験をReactとCanvas/WebGLを駆使して構築すること。 ### 具体的な業務内容 ・React（React 18+）およびTypeScriptを用いた、無限キャンバスと周辺UI（ツールバー、コンテキストメニュー、プロパティパネル等）の高度なSPA詳細設計、実装、テスト ・Canvas APIまたはWebGL（PixiJS等）とReactを密結合させた、数万要素の図形描画におけるDOMオーバーヘッドの排除と、R木（R-tree）等の空間インデックスを用いたビューポート外のカリング（描画省略）処理の実装 ・YjsやAutomerge等のCRDTライブラリとWebSocketを活用した、複数ユーザーのカーソル位置、選択状態、オブジェクト操作のリアルタイム同期（マルチプレイ機能）のロジック実装 ・ZustandやJotaiを利用した、膨大なローカルステートとリモートステートの美しくメモリ効率の良い状態管理、および複雑なUndo/Redo履歴の制御 ・Web Workersを活用した、メインスレッドをブロックしない非同期のジオメトリ計算（図形の衝突判定、ルーティング等）や大容量ネットワーク通信のオフロード ・ポインターイベント（Mouse, Touch, Pen）の高度なハンドリングによる、iPad等のタブレット端末におけるネイティブアプリ同等の滑らかな手書き（インク）描画アルゴリズムの実装 ・React ProfilerやChrome DevToolsを用いた、ミリ秒単位でのガベージコレクション（GC）スパイクの特定と、オブジェクトプーリング等によるメモリアロケーションの泥臭い最適化 ### 必須スキル・経験 ・Reactを用いたSPA（Single Page Application）の開発・運用経験（3年以上） ・TypeScriptの高度な型システムを理解し、実務で活用した経験（2年以上） ・ブラウザのレンダリングパイプライン（DOM、CSSOM、リペイント／リフロー等）の深い理解と、パフォーマンスチューニングの実務経験 ・Git/GitHubを用いたチーム開発およびPull Requestベースのコードレビュー経験 ### 歓迎スキル・経験 ・Canvas API、WebGL、またはSVGを駆使した、高度なグラフィック描画やインタラクティブなUIの実装経験 ・Yjs、Automerge等のCRDT、またはWebSocketを利用したリアルタイム共同編集機能の実装経験 ・Miro、Figma、Notionのような、複雑なデータ構造を持つクリエイティブ／生産性ツールの開発経験 ・R木（R-tree）などの空間データ構造や、衝突判定、ベジェ曲線等の2Dジオメトリ・数学に関する基礎知識 ・Web Workersを用いたマルチスレッド処理の設計経験 ・XState等のステートマシンを用いた複雑なUI状態遷移の実装経験 ### 開発環境 言語・フレームワーク：React 18+, TypeScript, Vite 描画・グラフィック：Canvas API, WebGL, PixiJS (または独自レンダラ), SVG 状態管理・通信：Zustand (または Jotai), Yjs (CRDT), WebSocket, WebRTC スタイリング・UI：Tailwind CSS, Storybook, Radix UI, Framer Motion CI/CD・テスト：GitHub Actions, Vercel, Vitest, Playwright その他ツール：GitHub, Figma, Jira, Slack, Notion ### 開発チームについて プロダクトマネージャー1名、UI/UXデザイナー2名、テックリード1名、フロントエンドエンジニア7名（今回募集枠含む）、バックエンド（Go/Rust）エンジニア5名の体制です。「ブラウザを高性能なゲームエンジンとして扱う」という強烈なパラダイムを持ち、1フレーム（16.6ミリ秒）以内にいかに描画処理を収めるか、また「付箋をドラッグした時の影の落ち方」といったマイクロインタラクションについて、デザイナーとエンジニアがコードと数学を交えて白熱した議論を交わすギークな職人集団です。 ### 求める人物像 ・「標準のDOM要素だけでは実現できないUI」に直面した際、CanvasやWebGLなどの低レイヤー技術に自ら飛び込み、限界を突破することにエンジニアリングの無上の快感を覚える方 ・他のユーザーのカーソルが滑らかに動く様子や、自分の操作が瞬時に世界中に反映される「リアルタイム・コラボレーション」の魔法のような体験作りに強い情熱を持てる方 ・フルリモート環境下において、バックエンドエンジニアやデザイナーなど他職種とも自発的かつ円滑にテキストや通話でコミュニケーションが取れる方 ### 仕事の魅力 世界的なメガベンチャーが凌ぎを削る「ビジュアル・コラボレーション」という、Webフロントエンド領域において最も複雑で技術的難易度の高いドメインに挑戦できるポジションです。Reactのエコシステムと、CRDTやCanvas描画といった高度なコンピュータサイエンスの知識を融合させる経験を積むことで、一般的なWebアプリケーション開発の枠を完全に超えた、グローバルレベルの「トップ・フロントエンドアーキテクト」としての圧倒的な市場価値を獲得することができます。 ### 働き方 #### リモート環境 **[フルリモート]** フルリモートで働いていただけます。

1回