Webエンジニア（デザインシステム担当）

本ポジションは、組織上はイネイブリングチームに所属し、その中でデザインシステムを担当するWebエンジニアです。

BtoBプラットフォームの複数プロダクトで利用されるデザイントークンおよびReactコンポーネントの設計・開発・テスト・リリース・運用を担当していただきます。

見た目を揃えるだけでなく、アクセシビリティ、後方互換性、保守性、ドキュメント、導入体験まで含めた品質に責任を持ちます。

また、利用するプロダクト開発チームからのフィードバックを収集し、デザイナーとともに継続的な改善を進めます。

TypeScript／Reactによる再利用可能なUIコンポーネントの設計・実装

Figmaで定義されたデザイン意図を、型安全で保守性の高いAPIとコードへ落とし込む

デザイントークン、アイコン、CSS Custom Properties、Reactコンポーネントのパッケージ開発

Storybookによるコンポーネントカタログと利用ドキュメントの整備

npmパッケージのバージョン管理、リリース、後方互換性の維持

Vitest／Testing Libraryを用いたユニットテストの設計・実装

Storybookを活用したビジュアルレビュー、変更影響の確認

ESLint、Prettier、Stylelint、Markuplintなどを用いた品質管理

WCAG／WAI-ARIAを考慮したアクセシブルなコンポーネントの設計・実装

GitHub Actionsを用いたCI/CDパイプラインの改善と安定運用

パフォーマンス、SSR、ブラウザ互換性を考慮した実装

各プロダクト開発チームから寄せられる質問、改善要望、不具合への対応

プロダクト固有UIと共通コンポーネントの責任境界の整理

導入ガイド、実装パターン、チュートリアルの作成

コードレビューやペア／モブプログラミングによる技術支援

利用状況やフィードバックを基にした開発者体験の改善

デザイナーとコンポーネントの仕様、バリアント、振る舞い、制約を検討

デザインレビューとコードレビューを通じたデザインと実装の乖離防止

プロダクトオーナーと連携したバックログの整理、優先順位付け、リリース計画

スクラムイベントへの参加と、検査・適応による継続的なチーム改善

利用言語：JavaScript、TypeScript、HTML、CSS

ミドルウェア：AWS、Docker

フレームワーク等：React、Next.js、Web Components、Vitest、Playwright、Storybook

パッケージ・ビルド：pnpm、Vite、Changesets、npm

その他：Figma、GitHub、GitHub Actions、GitHub Packages、GitHub Pages、ESLint、Prettier、Stylelint、Markuplint 等

一つの実装が複数のプロダクトで再利用され、UIの一貫性と開発速度の向上に直接つながります。

新規サービスにはフル適用、既存サービスには状況に応じた適用という現実的な戦略のもと、組織全体への浸透を進められます。

デザイナーと対話しながら、見た目だけでなく意味、振る舞い、API、アクセシビリティまで含めて設計できます。

ライブラリ設計、パッケージ配布、後方互換性など、アプリケーション開発とは異なる技術的課題に挑戦できます。

コンポーネント、ガイドライン、ドキュメント、サポートフローを通じて、プロダクト開発者の認知負荷を下げられます。

利用チームのフィードバックを受けて、デザインシステムそのものをプロダクトとして改善できます。

コンポーネント設計、テスト戦略、リリースフロー、開発ツールの改善を主体的に提案・推進できます。

入社後は、当社の事業・プロダクト構成、デザインシステムの戦略と利用状況、チームの役割を共有するオンボーディングを実施します。

技術面では、既存のコードベースとアーキテクチャ、デザイントークン、コンポーネント設計方針、テスト・CI/CD・リリースフローなど、プロジェクト固有の情報をキャッチアップしていただきます。

既存メンバーやデザイナーとのコードレビュー、デザインレビュー、ペア作業を通じて、小規模な改善から担当範囲を広げていただきます。習熟状況に応じて、新規コンポーネントの設計・開発や各プロダクトへの導入支援をお任せします。