フロントエンドエンジニア(Tailwind CSS)の求人・転職情報

プロジェクトにおけるフロントエンドチームのリーディング(チームメンバーのサポートを含む)フロントエンド開発に係る見積もり・設計・コードレビュー、新規設計開発、及び追加開発・保守、顧客との要件定義、打ち合わせへの同席などをしていただきます。 適性に合わせて以下いずれかの役割をお任せします。 ●具体的な業務内容 ・プロジェクトリードロール:特に主体的にプロジェクトをリードしていただきます。 ・プロダクトリードロール:プロダクトのあるべき姿を提言しながらプロダクトの成長、成功を目的に推進をしていただきます。お客様側のプロダクトマネージャーやプロジェクトオーナーとの連携を行うこともあります。

<担当プロダクトについて> 会話解析AI「Value Intelligence (VI)」 商談録画やメモをAIが解析し、顧客の購買ロジックを特許出願中の独自フレーム「Value Map」に基づいて可視化・価値提供するSaaSプロダクトです。 このValue Mapという強力な基盤の上に、営業組織の課題を解決する様々なアプリケーションを開発していきます。 ●商談のブラックボックス化を解消: マネージャーは商談動画を全て視聴せずとも、Value Mapを見るだけで「誰が、なぜ、どこで躓いているか」を即座に把握できます。これにより、工数をかけずに的確なフィードバックが可能になり、育成の属人性を解消します。 ●「勝ち筋」の可視化と再現: これまでトップセールスの暗黙知だった「受注に繋がる商談パターン」をValue Mapとして言語化・可視化します。これにより、メンバーは再現性を持って成果を出せるようになり、自律的な成長を促します。 ●商談品質の向上: Value Mapを商談時のガイドとして活用することで、メンバーは顧客の課題解決に向けた提案型のコミュニケーションを実践できるようになります。 顧客インタビュー https://www.salescore.jp/case/labbase_vi <業務内容> 会話解析AI「Value Intelligence (VI)」のフルスタックエンジニアとして、企画、設計、開発、運用まで一気通貫でプロダクト開発を担っていただきます。 CEOやPdM、コンサルタントや営業といったビジネスサイドの担当者と密に連携し、顧客の生の声をダイレクトに開発へ活かしていく役割です。 ●新規アプリケーション開発 ・VIの「Value Map」が持つコンテキストを活用し、営業担当者へのフィードバック機能やガイド機能といった、新たな価値を提供するアプリケーションをゼロから開発します。 ・基本的には、一つの新機能を独立して担当していただきます。担当領域は、LLM機能の仕様検討からフロントエンド、バックエンド、インフラまで、開発の全工程に及びます。 ●既存アプリケーションの改修・改善 ・自身が開発した新規アプリケーションの継続的な機能改善や、顧客やCEO、営業、コンサルタントなどビジネスサイドの声に基づいた既存アプリケーションの改修を担当します。 ●AIネイティブな開発プロセスの推進 ・Claude Code, GitHub Copilot等の活用、Devinによる自動化やコンテキストエンジニアリング環境の整備など、チーム全体の生産性向上をリードしていただきます。 <技術スタック> ・フロントエンド: TypeScript, Next.js, TailwindCSS ・バックエンド: TypeScript, Node.js, PostgreSQL, BigQuery ・インフラ: GCP, Firebase ・AI: ClaudeCode, Codex, Devin, OpenAI, Claude, Gemini

Sansan株式会社が展開するサービスのWebサイトやコーポレートサイトをはじめ、各種Webサイトのフロントエンド実装業務全般を担当します。 ランディングページ、オウンドメディアなど、幅広い領域でWebサイトの設計・制作・運用を行うポジションです。 また、中長期的な事業活動の拡大を見据えて、実装だけでなくWebサイト全体の設計や技術選定なども担います。 ▼担当するWebサイトの例 「Sansan」(サービスサイト) 「Bill One」(サービスサイト) 「Contract One」(サービスサイト) Sansan Innovation Summit(イベントサイト) 「Sansan株式会社」(コーポレートサイト) 中途採用サイト 新卒採用サイト ●従事すべき業務の変更の範囲 会社の定める業務

【募集概要】 住まいをはじめ、求人や自動車など、ライフイベント領域における最良な意思決定をサポートするインターネットメディアを運営する弊社。 今回募集するポジションでは、リフォームマッチングサイト『リショップナビ』のフロントエンド開発全般(UI/UX設計、コーディング、リプレイス等)をお任せします。 単に仕様通りにコーディングするだけでなく、スクラム開発を通じて上流の企画フェーズからプロダクトオーナーや他職種と連携し、サービスを自ら育てていく環境です。 フロントエンドエンジニアの枠を超えた経験ができるだけでなく、将来的にはチームを牽引するリーダー候補としての活躍を期待しています。 【業務内容】 『リショップナビ』におけるフロントエンド開発・運用をお任せします。 ・フロントエンドの機能開発・改修 ・入力フォームのユーザビリティ向上 ・コンポーネント設計・開発 ・UI/UX・IA(情報アーキテクチャ)設計 ・Vue.jsからReactへのリプレイス、およびバージョンアップ対応 ・社内依頼に基づく、新規サービスの企画・モック開発 ・AIツールを活用した開発効率化・生産性向上の推進 〈担当いただくプロダクト〉 ●「見積もり依頼件数、業界NO.1」のリフォームマッチングサービス リショップナビ:https://rehome-navi.com/ リフォーム会社の比較検討メディア(見積もり依頼数:10,000件/月 累計加盟会社数:2,500社) 〈組織・開発体制〉 フロントエンドエンジニアとして、ライフサポートdivに所属していただきます。 現在は7名のエンジニアが在籍しており、日々チーム開発を行っています。 ●チームのカルチャー:アジャイル文化やバリューが深く浸透しており、お互いを尊重し合う心理的安全性の高いチームです。 技術の尖りよりも「ビジネスとしてどう成長させるか」という視点を大切に開発を進めています。 ●開発の進め方:2週間単位のスプリントでスクラムを運用し、プランニング、成果発表、振り返りなどをしっかりとチームで行いながら開発を進めています。 上流から下流まで一貫してコミットできる環境で、バックログに起案された課題に対して、プロダクトオーナーと直接ディスカッションしながら開発を進めることができます。 顧客からのVOCと、GA4やヒートマップなどを元にしたマーケティング観点のデータの双方をバランスよく取り入れながら、ユーザーにとって最適な機能開発・改善を行っています。 【主に使用している技術等】 *言語 PHP, JavaScript, SCSS *フレームワーク、ライブラリ Laravel,React,Next.js, jQuery, Vue.js,Tailwind CSS *環境 Linux, nginx, AWS, Docker, GCP *データベース MySQL *プロジェクト管理 Jira, GitHub *AIツール GitHub Copilot, Claude Code *支給PC MacBook Pro *開発手法 アジャイル、スクラム ※業務内容補足 【雇入れ直後】仕事概要に記載のある業務内容 【変更の範囲】会社の定める業務

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をまたいだ機能変更をオーナーシップを持って牽引している。 ●変更の範囲 会社の定める業務

プロダクトチームに所属し、ReDesignerのWebアプリケーションのフロントエンド開発を牽引します。 技術的な意思決定を能動的に行いながら、フロントエンド開発を1人で完結できるレベルで開発を進めていただけることを期待します。 ●具体的な仕事内容 ReDesignerのWebアプリケーションのフロントエンド開発を中心に、プロダクトの成長を技術面から支えていただきます。 開発時間の割合は、開発タスクが約80%、会議やコミュニケーションが約20%を想定しています。 仕様についてはデザイナーやビジネスサイドと話し合って決め、技術的な設計や実装方法についてはフロントエンド側で能動的に検討・決定していただきます。 スクラムに則った開発推進(スプリント単位でのタスク実行)を行いながら、以下の領域に携わっていただきます。 <機能開発・実装領域> 自社プロダクト「ReDesigner」「ReDesigner for Student」のWebアプリケーションのフロントエンド開発(Vue / Nuxtを使用) デザイナーが作成したデザインに基づいたUI/UXの実装 バックエンドエンジニアと連携したAPIとの接続、データ取得・表示の実装 既存機能の改善や新規機能開発(ユーザー体験向上を目的とした機能追加・改修) <技術設計・アーキテクチャ領域> 技術選定や実装方法の検討(ブラウザ毎の仕様の確認など) パフォーマンス最適化(ページ読み込み速度の改善、レンダリング最適化など) 状態管理やUIの設計指針の検討・検証 セキュリティを考慮した実装・設計 <開発基盤・品質向上領域> テストコードの作成・実行(ユニットテスト、E2Eテストなど) コードレビューを通じた品質向上への貢献 ドキュメント整備(仕様書の補完など) 開発フローの改善提案・実行 ●チーム体制 ReDesignerグループ全体:27名 事業責任者代理:1名 Career Designer Group:4名 Sales Group:3名 Company CS Group:7名 Marketing Group:4名 エンジニア Group:3名 └フルスタック兼グループ長:1名 └バックエンド:2名 デザイナー Group:2名 ビジネス統括 Group:4名 ※その他、業務委託のエンジニア・デザイナーが複数名参加 ●使用ツール・開発環境 開発言語・フレームワーク:TypeScript / Vue / Nuxt / tailwindcss インフラ:AWS(ECS、Fargate、RDS(MySQL)、EC2、S3、etc) CI/CD:Circle CI / Github Actions その他:GitHub / Slack / Zoom / Jira / Notion AIツール:Claude Code (予算内で自由に使用可能) 働き方:フルリモート可(全員リモートワーク)、非同期コミュニケーション中心 ●業務内容の変更の範囲 雇入れ直後:上記参照 変更の範囲:当社における各種業務全般

●業務の概要 「契約は、AIが交渉する時代へ」を目指すには、「既存プロダクトの伸長と新規プロダクトの開発の両立」が必要です。 本募集では、以下プロダクトについて、お客様が安心かつ安定して活用できるよう、新機能の設計・開発から既存機能の運用・改善まで広く担当いただきます。 ・[MNTSQ 案件管理](https://mntsq.co.jp/product/casemanage) ・[MNTSQ 契約管理](https://mntsq.co.jp/product/contractmanage) ・[データベース](https://mntsq.co.jp/product/databasemanage) ・[契約レビュー](https://mntsq.co.jp/news/release/ai_keiyakureview) ・[AI契約アシスタント](https://info.mntsq.com/aicontract-assistant) 基本的な考え方として、ご入社後まずは既存プロダクトでアーキテクチャを含めてキャッチアップしていただきます。その後、経験と希望を踏まえながら、新規プロダクトを担当していただく形となります。 ●業務の詳細 具体的にご担当いただく業務は以下となります。 ・既存プロダクトの既存機能の改善や新機能の開発 ・新プロダクトの開発 ・パフォーマンス改善、継続的なリファクタリングやバグフィックス ・フロントエンド領域の技術的なリード 　└技術的な課題発見および解決策の提案・実行 　└コードレビューを通じた知見の共有 　└要件定義・設計・実装 　└最新技術の検証と導入の検討 　└新規プロダクトを生み出すための社内基盤の構築 ・他部門とのコラボレーション 　└デザイナーや PdM と共に UI/UX デザインの検討 　└知見を共有しチーム全体の理解を深めるためのドキュメンテーション 　└Slackチャンネルや議事録を通じた共有に加え、必要に応じて顧客との商談やヒアリングに同席する機会あり 【参考記事】 [「フロントエンド」の枠を超えて、事業価値を最大化する。MNTSQエンジニアの“越境”思考とは](https://note.mntsq.co.jp/n/nb414778ed30d) ※職種の変更範囲:会社の定める業務 開発環境と体制 ●技術スタック ・言語:Ruby, Python, JavaScript, TypeScript ・Webフレームワーク:Ruby on Rails, FastAPI, Vue.js ・CSSフレームワーク:ElementPlus, TailwindCSS, PostCSS, Storybook ・プラットフォーム:Amazon Web Services, Google Cloud ・データベース:Aurora MySQL ・検索エンジン:Elasticsearch, OpenSearch ・監視ツール:CloudWatch, Datadog ・コンテナ基盤:Docker, Docker Compose, ECS/Fargate ・構成管理:Terraform, Itamae ●エンジニア組織の概要 所属する組織は開発本部です。全体で約50名おり、以下4つのチームからなる体制です。 ・CLMチーム ・法務エージェントチーム ・事業部向けチーム ・イネーブリングチーム 今回の募集である、サービス開発を担う組織はイネーブリングチーム以外の3つのチームです。 ご入社いただいた際の想定配属先はそのいずれかとなります(2026年8月時点)。 各チームはそれぞれ6-10名程度の構成となっています。 【参考記事】 ・[WHY-WHAT-HOWを繋げる - MNTSQの掲げる理想のプロダクト開発 -](https://note.mntsq.co.jp/n/ne5d0464613b6) ・[FY26下期、MNTSQ開発組織と向かう先](https://note.com/naomichi_takata/n/n2a2f00242f76) ●26年度のエンジニア組織のテーマは「開発の高速化」 AI活用はもはや前提です。 26年度は開発スピードのギアを上げ、すでに新機能の立ち上げは加速しはじめています。 組織が拡大し、AIで開発のあり方が急速に変わる中で、自律的に課題を拾い、組織全体で解決していく。自走する人材・牽引する人材で組織力も高めるフェーズにはいっています。 AI活用への積極投資は引き続き行っています(Claude Code、Cursorなど)。 【参考記事】[AIで変わる開発プロセス。MNTSQのエンジニアが実践する”AI前提”の開発環境について](https://note.mntsq.co.jp/n/n781c05a95daa) 【参考記事】[MNTSQがAI活用を加速する理由と目指す未来](https://note.mntsq.co.jp/n/ndccc7f6ed56c) 【参考記事】[「AIにできること/できないこと」を理解し、共に進化する。MNTSQエンジニアのAI活用最前線](https://note.mntsq.co.jp/n/na266148b8d69) 入社受入の体制 ●前提となる働き方 コアタイム無しのフルフレックスです。 リモートと出社のハイブリットワークです。出社は月5日以上となります。 エンジニアは、業務に集中するため、ミーティングを入れない日や時間帯を設けながら、生産性を追求しています。 ●3ヵ月のオンボーディングプログラム MNTSQはバリューとして「 自由と責任の文化 」を掲げています。 バリューの理解を深めていただくとともに、MNTSQでどう力を発揮するか、全社を挙げてフォローします。 期間中はメンターが付きます。水先案内人として、MNTSQでの活躍を側面支援します。

UIに関する高い専門性を活かし、プロダクトデザインエンジニアは、プロダクトのUI品質と一貫性を高めるために、デザインシステムの拡充と既存アプリケーションへの適用をリードします。デザインをコードとして再現しきる実装力を前提に、複雑なUIの設計から実装までを担い、プロダクト全体の体験向上につながるUI基盤を整備します。デザイン・フロントエンド開発を担当いただくポジションです。 ●業務詳細 ・デザインシステムの拡充 　└コンポーネントやスタイルの整備 　└再利用性・保守性を高める設計(UIの標準化、ガイド整備) ・既存アプリケーションへの適用推進 　└既存画面への段階的な適用計画の策定 　└既存実装との整合を取りながらの移行・改善 ・複雑なUIの設計と実装 　└仕様やデザイン意図を踏まえたUI設計 　└UIの統一性、操作性、拡張性を意識した実装 ・関係者連携 　└デザイナー、フロントエンド/バックエンド、プロダクトマネジャーなどと連携し、UIの論点整理と実装方針の進行 ※職種の変更範囲:会社の定める業務 開発環境と体制 ●技術スタック ・言語:Ruby, Python, JavaScript, TypeScript ・Webフレームワーク:Ruby on Rails, FastAPI, Vue.js ・CSSフレームワーク:ElementPlus, TailwindCSS, PostCSS, Storybook ・プラットフォーム:Amazon Web Services, Google Cloud ・データベース:Aurora MySQL ・検索エンジン:Elasticsearch, OpenSearch ・監視ツール:CloudWatch, Datadog ・コンテナ基盤:Docker, Docker Compose, ECS/Fargate ・構成管理:Terraform, Itamae ●エンジニア組織の概要 所属する組織は開発本部です。全体で約50名おり、以下4つのチームからなる体制です。 ・CLMチーム ・法務エージェントチーム ・事業部向けチーム ・イネーブリングチーム 今回の募集である、サービス開発を担う組織はイネーブリングチーム以外の3つのチームです。 ご入社いただいた際の想定配属先はそのいずれかとなります(2026年8月時点)。 各チームはそれぞれ6-10名程度の構成となっています。 【参考記事】 ・[WHY-WHAT-HOWを繋げる - MNTSQの掲げる理想のプロダクト開発 -](https://note.mntsq.co.jp/n/ne5d0464613b6) ・[FY26下期、MNTSQ開発組織と向かう先](https://note.com/naomichi_takata/n/n2a2f00242f76) ●デザインエンジニア・フロントエンドエンジニア・プロダクトデザイナーの役割の違い <プロダクトデザイナー> ・UX・体験設計の起点を担う:情報設計・UIデザイン・プロトタイピングを通じて「何をどう見せるか」を定義する ・PdM・エンジニアと要件定義フェーズから連携し、ユーザー課題を解決するデザインを主導する ・デザインシステムの構築・運用やプロセス標準化など、デザイン組織の基盤づくりにも携わる <デザインエンジニア> ・UIに責務を持つスペシャリストとして品質と一貫性を担う:デザインシステムの拡充・既存プロダクトへの適用をリードする ・デザインをコードとして再現しきる実装力を前提に、複雑なUIの設計から実装までを一気通貫で担う(UI専門職) ・デザイナー・フロントエンド・バックエンド・PdMと横断的に連携し、UI基盤の整備を推進することで他職種の開発生産性に貢献する <ソフトウェアエンジニア(フロントエンド)> ・アプリケーションのロジックとバックエンド連携に責務を持つ:UIにも携わるポジションですが、比重はロジック・設計・アーキテクチャが高い ・既存プロダクトの改善から新プロダクトの立ち上げまで、フロントエンド全体の技術的課題発見・解決を担う ・複雑な契約業務をユーザーが直感的に操作できる体験へ落とし込む 入社受入の体制 ●前提となる働き方 コアタイム無しのフルフレックスです。 リモートと出社のハイブリットワークです。出社は月5日以上となります。 エンジニアは、業務に集中するため、ミーティングを入れない日や時間帯を設けながら、生産性を追求しています。 ●3ヵ月のオンボーディングプログラム MNTSQはバリューとして「 自由と責任の文化 」を掲げています。 バリューの理解を深めていただくとともに、MNTSQでどう力を発揮するか、全社を挙げてフォローします。 期間中はメンターが付きます。水先案内人として、MNTSQでの活躍を側面支援します。

●業務内容 ・事業者向け駐車場手配サービスの開発・保守運用 ・新規事業の要件定義・設計・開発・保守 ・React.js / Next.jsの開発リード ・アーキテクチャ設計 ・テスト戦略 / 設計 ・開発部組織の構築(興味があれば) ●開発環境: ・React.js ・Next.js ・Tailwind CSS ・Styled Component ・Firebase Hosting ・Cloud Run <サービスサイト> PARK FLOW: https://park-flow.jp PARK STOCK: https://park-stock.com ●アウトバウンド、掘り起こしの管理　 ●架電接触に伴う顧客情報の収集/蓄積と組織全体へのフィードバック　 ●社内との連携サポート

●仕事概要 海外プロダクトのような「洗練された体験」を、キャリア領域に持ち込む。 Lagomlivが展開する複数のプロダクト(自動生成AI、キャリアテックSNS)を横断し、UI/UXのデザインから実装までをリードしていただきます。 代表の山中が重視するのは、日本の既存サービスにありがちな硬いUIではなく、 海外の最新スタートアップのような、URLを送るだけでカッコいいと思えるデザイン。最先端の海外プロダクトにもアンテナを張り、ユーザーが触れるのが楽しくなるような体験をデザイン・実装する役割を担っていただきます。 ●具体的な業務内容 01.プロダクト横断のUI/UXデザイン・実装 ・キャリア情報を「スコアリング」し可視化するための、直感的でモダンなUIデザイン ・React/Next.js等を用いた、フロントエンドの実装(デザイン〜コードまで一貫して担当) 02.ユーザー体験のハック ・「データを入力したくなる」インセンティブ設計のUI化 ・モバイル・Web両面でのシームレスな操作性の追求