【一部出社あり／週2〜3／TypeScript】EdTech/SaaS・リアルタイム協調編集＆Web Whiteboard ツールフロントエンド開発

お任せしたいこと
［役割］
TypeScript 5.x / React 18+ (または Vue 3) / WebSockets を用いた、オンライン教育・社内研修向けインタラクティブ Web ホワイトボードおよびリアルタイム協調編集キャンバスのフロントエンド開発

［役割に対して求める成果］
Canvas API / PixiJS による描画エンジン最適化および CRDT (Yjs / Automerge) を活用した分散状態同期のチューニングにより、同時接続50名以上のキャンバス上での筆記・オブジェクト操作同期遅延を 20ms 以下に抑え、フレームレート 60fps を常時維持

具体的な業務内容
TypeScript 5.x / React 18+ を用いた、無限キャンバス（Infinite Canvas）、図形・テキスト描画UI、リアルタイムカーソル同期機能の開発
HTML5 Canvas API / PixiJS / Konva.js を活用した、高パフォーマンスなベクトルオブジェクトレンダリングエンジンの実装
Yjs / Automerge（CRDT）および WebSockets (Socket.io) を用いた、複数ユーザー間でのコンフリクトレスなリアルタイム状態同期ロジックの構築
Zustand / Jotai を用いた、複雑なキャンバスステート（Undo/Redo、履歴管理、選択状態）の軽量な状態管理設計
Vitest / Playwright を用いた、描画ロジックの単体テストおよび複数ブラウザ間での自動協調編集 E2E テストの構築

必須スキル・経験
TypeScript を用いたフロントエンド（React, Vue, または Svelte）の開発・運用経験（3年以上）
Canvas API, SVG, または 2D グラフィックライブラリ（PixiJS, Konva, Fabric.js等）を用いた開発実績
WebSockets や Server-Sent Events (SSE) を用いたリアルタイム双方向通信 UI の実装経験
Git / GitHub を用いたチームでの Pull Request ベース開発およびコードレビュー経験

歓迎スキル・経験
EdTech、SaaS、デザインツール（Figmaライクなツール）、ホワイトボードツール、オンラインコラボレーション領域での開発実績
Yjs, Automerge 等の CRDT (Conflict-free Replicated Data Types) や OT (Operational Transformation) の実装・運用経験
WebAssembly (Wasm) や WebGL を用いたブラウザレンダリングパフォーマンスの高度な最適化知見
Vite, Storybook を用いたデザインシステムおよびコンポーネントライブラリの開発経験

開発環境
言語/環境: TypeScript 5.x, React 18+, PixiJS / Konva.js, HTML5 Canvas API
通信/状態: Yjs (CRDT), WebSockets, Zustand, REST API
ビルド/ツール: Vite, Storybook, Vitest, Playwright, Biome
インフラ/CI: AWS (S3, CloudFront), Docker, GitHub Actions
コミュニケーション: Slack, Notion, Figma, GitHub

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