最新!AppRouter/NextJSでSaaSを作るフロントエンド募集
フロントエンドエンジニア

最新!AppRouter/NextJSでSaaSを作るフロントエンド募集

AI要約(β)

最新の技術を駆使したマーケティングSaaS開発に携わるフロントエンドエンジニアを募集しています。必要なスキルはReact、Next.js、GraphQLで、特にNextJSを使った開発経験が求められます。年収は600万円から1,200万円で、リモートワークも可能です。技術スタックにはTypeScript、AWS、GraphQL、Figmaなどが含まれ、モジュラモノリスアーキテクチャを採用しています。事業はCookieless時代に対応した新しいマーケティング支援SaaSの開発を進めており、2024年4月にリリース予定です。求める人物像は、マーケティングやBtoB SaaSプロダクトの運用経験があり、自作ライブラリの公開やOSSへの貢献経験がある方です。チーム文化はSlackをメインとしたコミュニケーションを重視し、福利厚生も充実しています。技術ブログも公開しており、技術的な成長をサポートします。ぜひ新規事業立ち上げに参加し、豊富な経験を活かしてください。

求人情報をご覧いただくには会員登録が必要になります

メールアドレスで登録する

給与・報酬

年収 600万円 ~ 1,200万円

稼働時間

11:00 ~ 16:00

雇用形態

正社員

出社頻度

相談の上決定する

勤務地

-

現状と課題

現在、新規事業として以下の2つに取り組んでいます。

①WebポートフォリオSaaS(2024年4月〜リリース予定)

日本では2023年に改正電気通信事業法によりCookieの利用に規制が入りました。 現在までの多くのマーケティングツールはこの技術を中心に作られ、今まさに変革を迫られています。 そんなCookieless時代に対応した新しいマーケティング支援のためのSaaSの開発を進めています。 製品LP:https://www.nex-ray.net/

②事業価値算定AI

Web上のデータを収集して、事業価値を算出するAIを開発します。 是非豊富なご経験を活かして新規事業立ち上げにジョインして頂けませんか。

お願いする業務

利用技術(対象ポジション)

開発言語 :NextJS(App Router)・Typescript Styling  :TailwindCSS GraphQL :Apollo Client デプロイ :AWS Amplify Validation :Zod UI    :Storybook

(オプション)必要に応じて以下の技術をキャッチアップしてもらいます GraphQL API   :Postgraphile GraphQL Gateway:GraphQL Mesh

利用技術(全体)

アーキテクチャ  :モジュラモノリス パブリッククラウド:AWS(メイン), GCP フロントエンド  :TypeScript, Next.JS(App Router), Tailwind CSS, AWS Amplify バックエンド  :Go GraphQL     :PostGraphile, GraphQL Mesh コンテナ     :ECS on Fargate データベース    :Aurora Serverless v2(PostgreSQL) , DynamoDB 認証       :NextAuth ソースコード管理 :GitHub CI/CD       :GitHub Actions ペアプロ     :GitHub Copilot / ChatGPT IaC        :CDK for Terraform コミュニケーション:Google Workspace / Slack デザイン     :Figma 情報共有     :Notion チケット管理   :Linear app テックブログ   :Zenn(Publication)

技術ブログを公開しているので、そちらもご参照ください。 https://zenn.dev/p/ficilcom

勤務地

東京オフィス ※リモートワーク可

リモートワークの場合はSlackをメインとしたコミュニケーションになります。

技術スタック

募集要項

概要

求人情報をご覧いただくには会員登録が必要になります

メールアドレスで登録する

雇用形態

正社員

給与・報酬

年収 600万円 ~ 1,200万円(試用期間:原則3ヶ月/経験・能力を考慮し、当社規定のグレードごとの給与レンジに応じて決定 ※給与改定は原則年2回 (業務委託の場合はそれに相当する時給ベースの報酬))

稼働時間

11:00 ~ 16:00(フレックスタイム(コアタイム11:00~16:00) 休憩1時間含む/時間外労働あり)

出社頻度

相談の上決定する

休日・休暇

- 土日
- 祝日
- 年末年始
- 夏季休暇
- 年次有給休暇
- 慶弔休暇
- 入社時特別休暇(入社後半年未満でも3日間まで有給休暇取得可)

社内制度
(待遇・福利厚生)

- 交通費支給(上限3万円)
- 諸休暇(夏季休暇、年末年始休暇、リフレッシュ休暇、忌引き休暇等)
- 健康診断・婦人科検診費用負担
- 学習支援(書籍購入制度、外部研修サポートなど)
- エンジニアはPC、ディスプレイを希望のスペックで申請できます。
 ※上限40万円までとし、それ以内であればPCの付属品も合わせて購入可能。
 ※PCの交換サイクルは2年以上とします。

必須スキル/経験

  • NextJSを使ったWebアプリケーションやサービスの開発経験
  • GraphQLの利用経験
  • App Routerへの強い興味・関心
求める人物像
  • マーケティングやアドプロダクトの運用/開発経験
  • BtoB SaaSプロダクトの運用/開発経験
  • ReactJS(特にReact Server Component)への理解
  • GraphQLへの理解
  • 個人開発など、自分でWebサービスやアプリを作って公開した経験

  • 自作ライブラリの公開や、OSSなどへのコントリビュート経験

歓迎スキル/経験

  • 一からサービスを作ったことのある経験
  • WebアプリケーションのUI設計やデザイン経験
  • Node.jsなどによるバックエンド開発の経験
  • GraphQL、Apolloなどを使ったBFFの開発または利用経験
  • Webページの高速化および最適化の経験
  • SSR、CSR、SSG、AMP、PWAなどを用いた開発経験

スキル要件

スキル名

経験年数

種別

React指定なし必須
GraphQL指定なし必須
Next.js指定なし必須
Node.js指定なし歓迎
UI指定なし歓迎

サービス内容の詳細

  • マーケティングSaaS開発
  • レコメンドエンジンの開発

選考フロー

  1. 書類選考
  2. 1次面接
  3. 2次面接

※ポジションによってフローは異なる場合がございます。

同じ企業の求人

同じポジションの求人

おすすめのイベント

もっと見る
  • AI時代に適したリポジトリって?カウシェ・LayerXに聞く最新リポジトリ構成

    アーカイブ公開中

    AI時代に適したリポジトリって?カウシェ・LayerXに聞く最新リポジトリ構成

    昨今、AIエージェントの活用が一般的になってきたことで、「プロジェクト全体のコードを横断的に理解させるには、コードベースが一つにまとまっている方が適しているのではないか」という議論が増えています。 一方で、モノレポにはCIのパフォーマンスやコンテキストの絞り方など運用上の課題も存在し、組織規模やプロダクトのフェーズ、チーム体制などによって最適解は異なります。「どちらが正解か」を一概に難しいと感じている方も多いのではないでしょうか。 そこで本イベントでは、iOSやKotlinを含む複数言語のコードを一つのリポジトリに集約して運用されているカウシェと、バックエンド・フロントエンドともにモノレポ化を進めてきたLayerXの2社をお迎えし、それぞれのリポジトリ構成の実例をもとに、モノレポの実際を紐解きます。 前半のLTでは、カウシェからはモノレポになった歴史や複数言語を集約したメリット・デメリットを、LayerXからはリポジトリ統合プロジェクトの進め方や意思決定の裏側をお話しいただきます。 後半のディスカッションでは、両社を交え、モノレポにするタイミングや、CI・IDEとい開発体験に関する課題の課題、AIとの親和性を上げるための工夫やスコープの絞り方など、現場目線でさらに深掘りしていきます。 モノレポへの移行を検討している方から、すでにモノレポ運用で課題を感じている方まで、幅広いエンジニアのご参加をお待ちしています。

    開催日:

    2026年6月11日(木)19:00~20:00

  • 仕様駆動開発はやめた方がいいって本当?やって分かった仕様駆動開発の現在地と今後の方向性

    アーカイブ公開中

    仕様駆動開発はやめた方がいいって本当?やって分かった仕様駆動開発の現在地と今後の方向性

    昨今、AIコーディングエージェントの進化により、開発フロー自体を見直す動きが広がっています。その中で注目を集めているのが「仕様駆動開発( Spec Driven Development)」というアプローチです。 しかし現在は「仕様駆動開発」という言葉だけが独り歩きしており、具体的にどのようなフローであるべきなのか、ツールを使えば実現できるものなのかといった、実態を掴みきれないという声も多く聞かれます。 そこで本イベントでは、仕様駆動開発をはじめとしたAI駆動開発を実践されている中村充志氏をお迎えします。 前半のLTでは、、中村氏より仕様駆動開発SDDの基礎概念についてお話しいただき、ツールのデモを通じてその具体的な仕組みを提示いただきます。からハーネスとの組み合わせ、そして実際のデモを交えた実践までを紐解きます。 後半のディスカッションでは、仕様から出力される膨大なコードをどう効率的にレビューし、生産性を次のレベルへ押し上げるかという「実戦的なフロー」について議論していきます。また、その品質を支える「ハーネスエンジニアリング」という考え方も補足的に交えながら、現場で直面する疑問を紐解いていきます。 AI時代の開発フローに関心がある方から、仕様駆動開発の導入を検討されている方まで、幅広いエンジニアのご参加をお待ちしています。

    開催日:

    2026年5月28日(木)19:00~20:00

  • useMemo/useCallbackまだ書いてる?React Compilerで変わった開発体験

    アーカイブ公開中

    useMemo/useCallbackまだ書いてる?React Compilerで変わった開発体験

    React Compilerの登場以降、フロントエンド界隈では「これまで煩雑だったメモ化(useMemoやuseCallback、React.memo)が不要になるのではないか」と大きな話題になりました。 一方で、「本当にそのまま有効化して問題ないのか」「有効化による副作用や注意点はないのか」「従来どおりメモ化を残すべきケースはあるのか」といった不安の声も耳にします。実際に導入してみたチームからは、React Hook FormなどのライブラリやuseRefを使った実装でハマりポイントがあったという話も聞こえてきます。 そこで本イベントでは、React Compilerを有効化して1年以上本番運用されている浅見氏と、導入にあたって生成AI向けのルール整備まで仕組み化されているカケハシの大村氏をお迎えし、React Compilerの特徴や実際の導入プロセス、注意点・ベストプラクティスを紐解きます。 React Compilerが気になり始めた方から、すでに検証・導入を始めている方まで、幅広いエンジニアのご参加をお待ちしています。

    開催日:

    2026年5月20日(水)19:00~20:00

  • TypeScriptでAPI開発するなら知っておきたいRPC -tRPC、oRPC、HonoRPCとは-

    アーカイブ公開中

    TypeScriptでAPI開発するなら知っておきたいRPC -tRPC、oRPC、HonoRPCとは-

    昨今、バックエンドにTypeScriptを導入する事例は一般的になり、フロントエンドとバックエンドで型を共有することで開発効率を高めるさまざまなソリューションが登場しています。中でも「RPC(Remote Procedure Call)」を活用したアプローチは注目を集めており、tRPC・oRPC・Hono RPCなど複数の選択肢が存在します。 一方で、「そもそもRPCとは何か」「tRPC・oRPC・Hono RPCはそれぞれ何が違うのか」といった基本的な部分から整理したいと感じている方も多いのではないでしょうか。名前は聞いたことがあるけれど違いがわからない、どれを選べばいいのか判断がつかない、という声も少なくありません。 そこで本イベントでは、tRPCを実務で導入・運用されている海老原氏、oRPCやElysiaを活用されている柿氏、Hono RPCでマルチクライアント対応を実践されているよだか氏の3名をお迎えし、RPCの基本から各ソリューションの特徴・選定の考え方までを紐解きます。 前半のLTでは、柿氏、海老原氏、よだか氏の3名にそれぞれの視点からお話しいただきます。 後半のディスカッションでは、3名を交え、各RPCの推しポイントや課題、モバイル・Webの対応可能性を見据えた技術選定など、現場目線でさらに深掘りしていきます。 RPCという概念自体をこれから理解したい方から、すでに使っていて他の選択肢と比較したい方まで、幅広いエンジニアのご参加をお待ちしています。

    開催日:

    2026年4月23日(木)19:00~20:30

  • もうNext.jsには戻れない?次世代フルスタックフレームワークTanStack Startってなに

    アーカイブ公開中

    もうNext.jsには戻れない?次世代フルスタックフレームワークTanStack Startってなに

    昨今、Next.jsの急速な進化に伴い、そのブラックボックス的な実装に疑問を感じ、新たな選択肢を模索するエンジニアの声が増え始めています。そうした中、TanStack Queryをはじめとする「TanStack系ライブラリ」や、新たなフルスタックフレームワーク「TanStack Start」への注目が高まっています。 しかし、実際の運用において「Next.jsと比べて何がどこまで変わるのか」「TanStack系ライブラリを採用する具体的なメリットは何か」を明確にイメージできている方はまだ少ないのが現状です。 そこで本イベントでは、TanStack QueryやTanStack Routerを実務で活用されている寺嶋氏と、TanStack Startをプロダクション環境で実際に採用されている池内氏をお迎えし、Next.js経験者の視点からTanStack系ライブラリ・TanStack Startの実際を紐解きます。 前半のLTでは、まず寺嶋氏よりTanStack Startの全体像やViteエコシステムにおけるポジション、Next.jsとの比較を交えた概要を解説いただきます。続いて池内氏より、TanStack Startプロダクトにおける実践的な側面(デプロイ環境、認証基盤、データベース連携など)について、現時点での整備状況をお話しいただきます。 後半のディスカッションでは、お二人を交え、チーム開発での採用やAIコーディングとの親和性など、現場目線でさらに深掘りしていきます。 TanStackが気になり始めた方から、Next.jsからの移行を検討されている方まで、幅広いエンジニアのご参加をお待ちしています。

    開催日:

    2026年4月9日(木)19:00~20:00

転職に役立つノウハウ

もっと見る