デザインシステムエンジニア
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をまたいだ機能変更をオーナーシップを持って牽引している。
●変更の範囲
会社の定める業務