【三茶】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 等

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

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

■身につけられるスキル

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

■研修制度・働き方

【オンボーディング・サポート体制】

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

【働き方（ワークスタイル）】

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

雇用形態

正社員

勤務地

154-0023 東京都世田谷区若林1-18-10　京阪世田谷ビル3階
地図で確認
（変更の範囲）　会社の定める事業所
テレワーク勤務制度の利用を会社が認めた場合、自宅又は会社が認めたその他の場所

給与

年収 ※経験・能力を考慮の上、当社規定により優遇いたします。
※残業代に関して
みなし残業はありません。時間外勤務手当は、実労働時間に応じて全額支給いたします。
賞与：年2回　（8月、2月）
昇給：年1回　（1月）

勤務時間

以下の働き方から選択可。

• ①固定労働時間制

9:00～18:00（所定労働時間8時間、休憩1時間）

• ②フレックスタイム制

コアタイム　10:00～15:00
※育児・介護等の時間的制約のある社員は、コアタイムなしのフルフレックスタイム制も選択可。

休日

• ■年間休日123日（2025年実績）
• ■完全週休2日（土日） ／祝日休み
• ■年末年始休暇（12/29～1/3）
• ■有給休暇（入社3カ月後に付与/半休の取得も可）
• ■特別年次休暇（有給休暇とは別に年に数日取得できるリフレッシュ休暇）
• ■産休育児休暇（男女共に実績あり）
• ■慶弔休暇、介護休暇

福利厚生

• ■定期健康診断（2次検査費用の一部補助あり）
• ■介護保険
• ■企業型確定拠出年金制度（前職からの引継ぎ可能）
• ■資格取得支援制度
• ■持株会
• ■ベネフィットステーション
• ■育児休業・介護休業制度
• ■「プラチナくるみん」認定取得、「えるぼし」認定取得
• ■出社時ランチサポート補助
• ■コミュニケーションランチ代補助（条件あり）

事業内容

BtoB（企業間電子商取引）プラットフォームの運営

154-0023 東京都世田谷区若林1-18-10　京阪世田谷ビル3階
地図で確認
（変更の範囲）　会社の定める事業所
テレワーク勤務制度の利用を会社が認めた場合、自宅又は会社が認めたその他の場所

※経験・能力を考慮の上、当社規定により優遇いたします。
※残業代に関して
みなし残業はありません。時間外勤務手当は、実労働時間に応じて全額支給いたします。
賞与：年2回　（8月、2月）
昇給：年1回　（1月）