株式会社インフォマートの【三茶】Webエンジニア（デザインシステム担当）の求人

「世の中の役に立つ、まだ誰もやったことのない事業を創りたい」
という思いのもと、日本におけるインターネットの人口普及率が13％程であった時代にインフォマートは生まれました。

「食材を売りたい企業／特に地方の農家や生産者」が「食材を買いたい企業／外食や小売など」と接点を持ちにくい現状に着目。『全国のフード事業者が自由度高く取引できる場を提供したい』との想いで『フード業界向け受発注システム』の提供をスタートし、現在は全業界向けのサービスを展開しています。

メッセージ

プライム市場上場のSaaS企業であるインフォマートで Webエンジニア（デザインシステム担当）職を募集いたします！

私たちは、すべてのプロダクトに「インフォマートらしさ」と「意思」を宿し、作り手もユーザーもその価値を感じられる世界を目指しています。デザインシステムを単なるUIパーツ集ではなく、プロダクトとして継続的に育て、複数の開発チームへ届けていく仕事です。

デザイナー、プロダクトオーナー、各プロダクトの開発者と協働しながら、共通UI基盤の品質と開発者体験を高めていきたい方をお待ちしています。

■仕事内容

インフォマートは国内108万社が利用するBtoBプラットフォームビジネスを展開し、ワンストップで共通化された仕組みを社会に提供するBtoB SaaS領域のリーディングカンパニーです。更なる事業成長と社会貢献のため、既存の顧客基盤をベースに新規プロダクトの開発を進めています。

本ポジションは、組織上はイネイブリングチームに所属し、その中でデザインシステムを担当する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 等

■この仕事の魅力について

1. 複数プロダクトに横断的な価値を届けられる
   ・一つの実装が複数のプロダクトで再利用され、UIの一貫性と開発速度の向上に直接つながります。
   ・新規サービスにはフル適用、既存サービスには状況に応じた適用という現実的な戦略のもと、組織全体への浸透を進められます。
2. デザインとエンジニアリングの境界で専門性を磨ける
   ・デザイナーと対話しながら、見た目だけでなく意味、振る舞い、API、アクセシビリティまで含めて設計できます。
   ・ライブラリ設計、パッケージ配布、後方互換性など、アプリケーション開発とは異なる技術的課題に挑戦できます。
3. 開発者体験と組織の生産性に影響を与えられる
   ・コンポーネント、ガイドライン、ドキュメント、サポートフローを通じて、プロダクト開発者の認知負荷を下げられます。
   ・利用チームのフィードバックを受けて、デザインシステムそのものをプロダクトとして改善できます。
4. 技術的な裁量
   ・コンポーネント設計、テスト戦略、リリースフロー、開発ツールの改善を主体的に提案・推進できます。

■身につけられるスキル

・TypeScript／Reactによる汎用コンポーネントと公開APIの設計スキル
・デザイントークンから実装・配布までをつなぐデザインシステム開発の知識
・アクセシビリティ、テスト自動化、ビジュアル品質管理の実践力
・npmパッケージのビルド、バージョン管理、リリース、後方互換性設計
・デザイナーとエンジニアの協働を促進するコミュニケーション・ファシリテーション能力
・複数チームへの導入支援と技術ドキュメンテーションのスキル

■研修制度・働き方

【オンボーディング・サポート体制】
入社後は、当社の事業・プロダクト構成、デザインシステムの戦略と利用状況、チームの役割を共有するオンボーディングを実施します。
技術面では、既存のコードベースとアーキテクチャ、デザイントークン、コンポーネント設計方針、テスト・CI/CD・リリースフローなど、プロジェクト固有の情報をキャッチアップしていただきます。
既存メンバーやデザイナーとのコードレビュー、デザインレビュー、ペア作業を通じて、小規模な改善から担当範囲を広げていただきます。習熟状況に応じて、新規コンポーネントの設計・開発や各プロダクトへの導入支援をお任せします。

【働き方（ワークスタイル）】
出社とリモートワークを組み合わせたハイブリッドワークを導入しています。
出社は平均して週3日程度です。チームビルディング、コンポーネント仕様の検討、デザインレビュー、ホワイトボードを使った複雑な議論など、対面コミュニケーションが効果的な場面でオフィスを活用します。