株式会社enableX/デザインシステムエンジニア
2026/08/17
New
- コンサルティング : コンサルティング
700~1800万円
- IT技術職 : フロントエンドエンジニア
- 東京都
| 部署・役職名 |
|
|---|---|
| 職種 |
|
| 業種 |
|
| 勤務地 |
|
| 仕事内容 |
Next.jsを用いた堅牢なビジュアル管理コンソールの開発を牽引するとともに、Figma等のデザインデータから実コードへシームレスに連携する、デザイントークン/デザインシステムの仕組みを強固に設計・実装していただきます。 構造的な課題と向き合うポイント ・ ビジュアル画面エディタの構築: コンポーネントをパズルのように配置し、入力バリデーション(Zod等)を噛ませて正しいJSONスキーマを生成・保存する、高度な対話型管理ツールの設計。 ・ 拡張性の高いマルチテナント・テーマ設計: クライアント企業のブランド変更やダークモード対応、さらにはデバイス別(iPad/スマホ等)の出し分けやアクセシビリティ担保を容易にするトークンシステムの開発。 ・ 境界を越えた開発への関与: UI/UXデザイナーと強固に連携し、Figmaの設計変更からコードへのデプロイまでを半自動化する、開発者体験(Developer Experience)の最適化。 ■具体的な業務 ・ Next.js / React を用いた管理コンソールのビジュアルフロントエンドおよびエディタ機能の開発。 ・ デザイナーと連携した、全プラットフォーム共通のデザインシステムおよびデザイントークンの策定と設計。 ・ Zod等のスキーマ検証ライブラリを用いた、動的入力の整合性担保と堅牢なバリデーションの実装。 ・ 各種CRUD、テナントごとの詳細なロール/招待権限、編集変更履歴(監査ログ用)の設計・開発。 ・ BFF(Node.js)やAWS、CI/CD周りなどの技術領域(インフラ二番手)への自発的な越境。 開発環境 ・ Frontend: React, Next.js, TypeScript, Tailwind CSS, Storybook, Zod / Hook Form ・ Design Integration: Figma Variables, Style Dictionary (Design Tokens) ・ Monorepo / Build: Turbo / Yarn Workspaces, Vite ・ Infrastructure: AWS (BFF連携), GitHub Actions ・ AI & Collaboration: Claude Code, Cursor, Figma, Slack, Notion ■最初の6~12ヶ月で期待すること ・ 最初の3ヶ月: プラットフォーム内のデザインシステム定義とNext.js管理ツールの構造をキャッチアップし、既存コンポーネントのUI品質改善や、エディタへの新機能追加を単独で遂行できる。 ・ 6ヶ月時点: デザインシステムから各デバイスへのトークン配信を自動化し、Figmaとの連携を強固にする仕組みの設計・リリースをリードしている。 ・ 12ヶ月時点: テナント管理者向けの「直感的に操作できる管理コンソール」のUI設計およびコンポーネント構造の刷新案を提示し、Next.js・BFFをまたいだ機能変更をオーナーシップを持って牽引している。 勤務地:会社の定める事業所 業務内容:会社の定める業務 勤務地:会社の定める事業所 |