【一部出社あり／週2〜3／React】SaaS/Creative・ブラウザ完結型デザインツール＆WebGL/Canvas高速レンダリング開発

お任せしたいこと
［役割］
React 19 / TypeScript / HTML5 Canvas (PixiJS / Fabric.js) を用いた、ブラウザ上で動作するグラフィック・バナー自動生成クラウドツールのインタラクティブエディタ画面およびレンダリングエンジンの設計・開発

［役割に対して求める成果］
Canvas API / WebGL のバッファ管理最適化および Web Workers による画像処理タスクのマルチスレッドオフロードにより、レイヤー100枚超の複雑なデザイン編集時でも 60fps の滑らかな操作感を維持し、ファイル書き出し時間を 50% 短縮

具体的な業務内容
React 19 / TypeScript を用いた、ドラッグ＆ドロップ配置、拡大縮小・回転、レイヤー順序変更が可能なエディタ UI の実装
PixiJS / Fabric.js / Canvas 2D Context を活用した、ベクターグラフィック描画およびテキストカーニング処理の最適化
Web Workers / OffscreenCanvas を用いた、画像フィルタ処理・フォントレンダリングのバックグラウンド並行処理基盤の構築
Undo / Redo（履歴管理）や自動保存機能を支える、不変データモデル（Immer 等）とローカル永続化（IndexedDB）の設計
Vitest / Playwright を用いた、複雑なマウス・タッチ操作シナリオおよびレンダリング結果のビジュアルリグレッションテスト自動化

必須スキル・経験
React および TypeScript を用いたフロントエンドアプリケーションの開発・運用経験（3年以上）
HTML5 Canvas, SVG, または WebGL / グラフィック描画ライブラリ（PixiJS, Three.js, Fabric.js 等）を用いた実装経験
複雑なユーザー操作を伴うエディタ画面やリッチクライアントアプリの設計・開発実績
Git / GitHub を用いたチームでの Pull Request ベース開発およびコードレビュー経験

歓迎スキル・経験
デザインツール（Figma, Canva 等）や動画・画像編集ツールの開発・機能実装実績
Web Workers, OffscreenCanvas, WebAssembly (Wasm) を活用したブラウザ側計算の高速化知見
WebGL / GLSL シェーダーを用いた画像エフェクト・リアルタイム合成の実装経験
IndexedDB (Dexie.js 等) を用いたオフラインファースト・大容量データキャッシュの設計経験

開発環境
言語/環境: React 19, TypeScript 5.x, Vite, HTML5 Canvas, PixiJS / Fabric.js
状態/通信: Zustand, Immer, IndexedDB (Dexie.js), REST API, WebSocket
テスト/ツール: Vitest, Playwright, Storybook, Biome / ESLint
インフラ/CI: AWS (S3, CloudFront), Vercel, Docker, GitHub Actions
コミュニケーション: Slack, Notion, Figma, GitHub

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