【フルリモート／週5／React】誰もがソフトウェアを創れる世界へ。次世代ローコード／ノーコード・アプリビルダーのコアフロントエンドエンジニア

【フルリモート／週5／React】誰もがソフトウェアを創れる世界へ。次世代ローコード／ノーコード・アプリビルダーのコアフロントエンドエンジニア ### お任せしたいこと ［役割］フロントエンドエンジニアとして、プログラミングの専門知識がないビジネスパーソンやデザイナーでも、ドラッグ＆ドロップで直感的に本格的なWeb/モバイルアプリを開発・公開できる、次世代ローコード／ノーコード・プラットフォームのコアフロントエンド開発をお任せします。 ［役割に対して求める成果］「React上でReactアプリを組み立てる」というメタ的で極めて難易度の高いアーキテクチャにおいて、ユーザーが作成した巨大で複雑なコンポーネントツリー（AST：抽象構文木のようなJSONデータ）を、エディタ画面上でパフォーマンスを一切落とさずに動的レンダリングし続ける、超高速で拡張性の高いブラウザIDE（統合開発環境）を構築すること。 ### 具体的な業務内容 ・React（React 18+）およびTypeScriptを用いた、ビジュアルエディタ画面（キャンバス、プロパティパネル、レイヤーツリー等）の高度なSPA詳細設計、実装、テスト ・ZustandやJotaiを利用した、ユーザーが作成するアプリの構造データ（無限にネストされるJSONツリー）と、編集履歴（Undo/Redo）の極めて堅牢でメモリ効率の良い状態管理 ・dnd-kitやPragmatic drag and drop等を駆使した、数千のDOMノード上でのカクつきのない直感的なドラッグ＆ドロップ操作と、複雑な挿入判定ロジックの実装 ・iframeやWeb Workersを活用した、ユーザーが記述したカスタムJavaScript（ロジック）の安全なサンドボックス実行環境の構築と、メインスレッドをブロックしない非同期処理 ・再帰的なコンポーネントレンダリングにおけるReact Profilerを用いたパフォーマンスチューニング（`React.memo`の適切な利用、不要な再レンダリングの徹底排除） ・アプリのプレビュー機能や本番公開（パブリッシュ）に向けた、Next.jsを用いた動的ルーティングおよびSSR/SSG/ISRの最適化 ・Storybookを用いた自社エディタ用UIコンポーネントライブラリの開発と、複雑なキーボードショートカット制御の実装 ### 必須スキル・経験 ・Reactを用いたSPA（Single Page Application）の開発・運用経験（3年以上） ・TypeScriptの高度な型システムを理解し、実務で活用した経験（2年以上） ・再帰的なコンポーネントや、極めて複雑な状態管理（ステートマシン等）の設計およびパフォーマンスチューニングの実務経験 ・Git/GitHubを用いたチーム開発およびPull Requestベースのコードレビュー経験 ### 歓迎スキル・経験 ・ローコード／ノーコードツール、Webサイトビルダー、またはブラウザ向けIDEの開発経験 ・AST（抽象構文木）の操作、またはBabel/SWC等を用いたコード解析・トランスパイルに関する知識 ・Figmaプラグインの開発経験、またはFigmaのようなデザインツールの仕様に対する深い理解 ・複雑なドラッグ＆ドロップインタラクションの実装経験 ・iframeを利用したクロスオリジン通信（postMessage）や、ブラウザセキュリティ（CSP等）に関する知識 ・Next.jsを用いた大規模Webアプリケーションの開発経験 ・WebAssembly（Wasm）を用いたフロントエンドの高速化経験 ### 開発環境 言語・フレームワーク：React 18+, TypeScript, Next.js 状態管理・通信：Zustand (または Jotai), React Query, GraphQL UI・インタラクション：Tailwind CSS, Storybook, Radix UI, dnd-kit (または Pragmatic drag and drop) CI/CD・テスト：GitHub Actions, Vercel, Vitest, Playwright その他ツール：GitHub, Figma, Jira, Slack, Notion ### 開発チームについて プロダクトマネージャー1名、UI/UXデザイナー2名、テックリード1名、フロントエンドエンジニア7名（今回募集枠含む）、バックエンド（Go）エンジニア5名の体制です。「作る人のためのツールを作る」というメタな開発体験に熱狂し、ユーザーがどんなに複雑なレイアウトを組んでもエディタがクラッシュしないよう、Reactのレンダリングサイクルとメモリ管理をミリ秒・バイト単位でハックし合う、知的好奇心に溢れたハッカー集団です。 ### 求める人物像 ・「ツリー構造のデータ更新時に、いかに差分レンダリングだけを走らせるか」といった、Reactの内部挙動やアルゴリズムの探求に時間を忘れて没頭できる方 ・デザイナー向けのグラフィックツール（FigmaやIllustrator）や開発者向けのIDE（VS Code）の操作感にこだわりがあり、最高のショートカットキーやUIの挙動を言語化できる方 ・フルリモート環境下において、バックエンドエンジニアやデザイナーなど他職種とも自発的かつ円滑にテキストや通話でコミュニケーションが取れる方 ### 仕事の魅力 「ソフトウェアでソフトウェアを創る」という、フロントエンドエンジニアにとって最も難易度が高く、同時に最も知的なパズルを楽しめるドメインです。Reactの限界を引き出し、ASTライクなデータ構造や高度なドラッグ＆ドロップUIを極めることで、一般的なWebサービス開発では決して到達できない、グローバルレベルのフロントエンド・アーキテクトとしての圧倒的な希少性と市場価値を獲得することができます。 ### 働き方 #### リモート環境 **[フルリモート]** フルリモートで働いていただけます。

1回