【フルリモート／週5／React】Webの平面（2D）を打破し、誰もが没入できる3D空間を創り出す次世代「空間コマース」プラットフォームのコアフロントエンドエンジニア

お任せしたいこと

［役割］フロントエンドエンジニアとして、従来の「商品画像をスクロールして見る」だけの退屈なECサイトを根本から覆し、Webブラウザ上で自由に歩き回り、商品を手に取るように体験できる次世代「空間コマース（Spatial Commerce）」プラットフォームのコアフロントエンド開発をお任せします。
［役割に対して求める成果］「Web上の3Dは重くて実用的ではない」という常識を、React Three Fiber（R3F）とWebGLの極限の最適化によって打ち破ること。数百万ポリゴンの3Dアセットが配置された仮想店舗を、スマートフォンのブラウザでも60fpsで滑らかにレンダリングし、Reactによる宣言的なUI構築と3D空間の描画を美しく融合させた圧倒的な没入体験を実現すること。

具体的な業務内容

・React（React 18+）およびReact Three Fiberを用いた、インタラクティブな3D仮想店舗と2Dの周辺UI（カート、チャット、プロパティパネル等）の高度なSPA詳細設計、実装、テスト
・Three.jsの複雑なシーングラフをReactのコンポーネントツリーとして宣言的に管理し、Zustand等を利用した2Dレイヤーと3D空間（Canvas）間のシームレスな状態同期
・glTF/glbフォーマットの3Dモデルに対するDraco圧縮の適用、テクスチャの最適化、およびLOD（Level of Detail）制御による初回ロード時間の劇的な短縮
・GLSLを用いたカスタムシェーダー（Vertex/Fragment Shader）の記述による、ガラスの反射や布の質感など、商品の魅力を引き出すリアルタイムでリッチなマテリアル表現
・React ProfilerおよびSpector.js等を用いた、ドローコール（Draw Call）の削減、インスタンシング（InstancedMesh）の活用、および不要な再レンダリングの徹底排除
・WebXR Device APIを活用した、Meta Quest等のVR/MRヘッドセットや、スマートフォンのARモードへのシームレスな体験の拡張
・Next.js（App Router）を利用した、SEO要件を満たすための動的ルーティングと、3Dアセットの効率的な配信アーキテクチャの構築

必須スキル・経験

・Reactを用いたSPA（Single Page Application）の開発・本番運用経験（3年以上）
・TypeScriptの高度な型システムを理解し、実務で活用した経験（2年以上）
・Reactのレンダリングライフサイクルに関する深い理解と、パフォーマンスチューニングの実務経験
・Git/GitHubを用いたチーム開発およびPull Requestベースのコードレビュー経験

歓迎スキル・経験

・React Three Fiber（R3F）、またはThree.js等のWebGLライブラリを用いた3D Webアプリケーションの開発経験
・GLSL等のシェーダー言語を用いたグラフィックスプログラミング経験
・WebXR Device APIを利用したVR/ARコンテンツの実装経験
・Figma等のUIデザインツール、またはBlender等の3Dモデリングツールの基礎知識
・ゲームエンジン（Unity, Unreal Engine等）を用いた開発経験
・Next.jsを用いた大規模Webアプリケーションの開発経験
・複雑なアニメーション（Framer Motion, GSAP等）の高度な実装経験

開発環境

言語・フレームワーク：React 18+, TypeScript, Next.js (App Router)
3D・グラフィックス：React Three Fiber, Three.js, GLSL, WebXR
状態管理・アニメーション：Zustand, React Spring, Framer Motion
スタイリング・UI：Tailwind CSS, Storybook, Radix UI
CI/CD・テスト：GitHub Actions, Vercel, Vitest, Playwright
その他ツール：GitHub, Blender, Figma, Jira, Slack, Notion

開発チームについて

プロダクトマネージャー1名、3D UI/UXデザイナー2名、テクニカルアーティスト1名、テックリード1名、フロントエンドエンジニア6名（今回募集枠含む）、バックエンドエンジニア多数の体制です。「DOMツリーとシーングラフの境界を溶かす」というマニアックな目標に向かい、3D空間内の光源の計算処理や、オブジェクトをクリックした瞬間のマイクロインタラクションについて、テクニカルアーティストとコードレベルで白熱した議論を交わすクリエイティブなギーク集団です。

求める人物像

・平面のUI（HTML/CSS）を組むだけでは物足りず、Z軸（奥行き）を持った空間表現や、GPUを直接叩くような低レイヤーのグラフィックス技術に強い知的好奇心を持てる方
・「ただ3Dモデルが表示される」ことで満足せず、ライティングや影の落ち方、カメラのイージングといった「現実世界の手触り感（Look & Feel）」に異常なまでの執念を持てる方
・フルリモート環境下において、3Dデザイナーやバックエンドエンジニアなど他職種とも自発的かつ円滑にテキストや通話でコミュニケーションが取れる方

仕事の魅力

次世代のWeb標準になり得る「Spatial Web（空間ウェブ）」の黎明期において、その最前線でコアシステムを構築する極めてエキサイティングなポジションです。Reactのエコシステムと、Three.js/WebGLといった高度なグラフィックス技術を融合させる希少な経験を積むことで、一般的なWebアプリケーション開発の枠を完全に超えた、グローバルレベルの「クリエイティブ・フロントエンドアーキテクト」としての圧倒的な市場価値を獲得することができます。

働き方

リモート環境

[フルリモート] フルリモートで働いていただけます。