株式会社PLAN-B
【フロントエンドエンジニア】Reactの実務経験3年以上/Next.jsの実務経験歓迎/技術選定から運用まで
- 土日祝日休み
- 年間休日120日以上
- 服装自由
- フレックス制
- BtoB向け
- 年収
- 500~800万円
- 働き方
- 一部リモート
- 最寄り駅
- 五反田駅 (東京都)
- 職種
- フロントエンドエンジニア
- 言語
- Java TypeScript
- DB
- DynamoDB Amazon Aurora
- クラウド
- AWS Windows Azure Amazon SQS AWS Lambda AWS RDS Amazon CloudWatch Amazon CloudFront
仕事内容について
【仕事内容】
自社プロダクトにおけるフロントエンド開発業務を担当していただきます。
・Next.js(App Router)およびReactを用いたWebアプリケーションの設計・開発
・デザインデータ(Figma)をもとにしたUIの実装およびUX改善の推進
・社内デザインシステムのメンテナンス・追加実装
・GraphQL(Pothos GraphQL / Nest.js)およびRelayを利用したAPI連携の開発
・React Hook FormやPandaCSSを活用したコンポーネント設計およびスタイル設計
・Storybookを活用したコンポーネントドキュメント化と開発効率向上
・Jest、React Testing Library、Playwrightを用いたユニットテストおよびE2Eテストの作成
・Webパフォーマンス改善、アクセシビリティ対応施策の推進
・Pull Requestを通じたコードレビューによるコード品質向上への貢献
・バックエンドエンジニアやデザイナーと連携した開発プロセスの最適化の推進
【仕事の特色】
【採用背景】
大阪本社・東京本社の他にベトナムにあるオフショア拠点でも開発しており、開発エンジニア組織としては約30名規模(日本22名+ベトナム10名)まで拡大してきております。開発エンジニアを積極採用、組織拡大しているフェーズになります。
これからの開発フェーズとしては、プロダクトの機能開発はもちろんですが、
・AIを用いたマーケティングにおけるBPaaS×AIという分野でのプロダクト展開
・CI/CDの再設計と自動化
・テスト自動化による品質向上
・リリースフローの標準化・高速化
・エンジニア組織の開発生産性向上→FourKeys指標の導入など
・若手エンジニアたちの育成と技術的なリード
など、サービス拡大に向けて、大きな技術チャレンジに取り組むフェーズを迎えています。
今がまさに、組織が大きくなっていくスタート地点。
【開発環境】
▼技術スタック
利用している技術スタックとなります。色々な技術スタックに触れる機会があり、キャッチアップも可能です。
■ フロントエンド
・言語:TypeScript
・フレームワーク:Next.js(App Router) / React / Nest.js(BFF用途)
・ルーター:React Router v7 / Tanstack Router
・状態管理・データ取得:Relay / Tanstack Query
・スタイリング:PandaCSS
・フォーム:React Hook Form
・ドキュメンテーション・UIカタログ:Storybook
・テスト:React Testing Library / Playwright / Jest / Vitest / MSW
・ビルドツール・Lint:Vite / ESLint
■ バックエンド
・言語:Java / Python3 / TypeScript / Rust
・フレームワーク:SpringBoot / FastAPI / axum(Rust)
・API設計:Pothos GraphQL
・コンテナ:Docker
・インフラコード(IaC):Terraform / Pulumi / AWS CloudFormation
■ インフラ・構成管理・監視
・構成管理:Docker / AWS SAM / CloudFormation
・AWSサービス:EC2 / ECS / EKS / Fargate / S3 / RDS (Aurora) / DynamoDB / SQS / SNS / API Gateway / Lambda / CloudFront / CloudWatch / CodePipeline / CodeBuild / Amplify
・Azureサービス:Logic Apps / OpenAI Service
・監視・可視化:Metabase / Grafana / Datadog
・リポジトリ:GitHub
◼︎AIの導入状況
・ChatGPT / GitHub Copilot / Amazon Bedrock / Claude / Gemini / Cursor
実装・設計・学習支援まで、AIを実務に導入
GitHub Copilot をチーム全体で活用中。繰り返し実装・ユニットテストの自動化・ドキュメント生成などで利用しています。
※Cursor によるローカルLLM支援開発や、Devin を使ったインタラクティブなコーディング支援もPoCベースで導入
プロダクトチーム/メンバー構成
プロダクトチーム/メンバー構成
・PdM
・エンジニア 2-5名+ベトナムオフショア(8名)
・UXデザイナー (複数プロダクト兼任)
・アーキテクト (複数プロダクト兼任)
【プロダクトチームの強み】
・事業毎の開発組織
各事業ごとに開発組織を形成してます。
PdMが技術部門に在籍し、開発・営業・マーケティングといった各部門の調整をバランスよく行い、アイデアを形にしてお客様に届けています。
・プロダクトの方向性を共有
各部門が一緒に目標設定を行うことで、プロダクトの成長に対して同じ方向に向かっています。
・フラットな関係
各部門が連携し合ってプロダクト開発に向き合っているため、事業部門が強く開発部門が弱いなど、いびつな力関係がありません。
【組織風土】
・「最高のプロダクトは最高のチームから生まれる」
個人のスペシャリティではなく、チームワークでのアウトプットを最重視しているため、プロダクトに関する課題はチームで意見を出し合い、解決します。
また、新しいメンバーがジョインしたときのチームビルディングやキャリア設計などを目的とした1on1なども定期的に実施しています。
【配属先】
株式会社PLAN-B
システム開発部
【仕事内容(変更の範囲)】
社内における全職種(会社業績、事業構造の変化、生産政党、総合的に考慮した上で変更の可能性があります。)
必須条件
- TypeScript / React を用いたフロントエンド開発の実務経験(3年以上)
- フロントエンド領域の設計・開発をリードした実務経験
- チームメンバーの技術指導や育成に関わった経験
- バックエンドエンジニアとの協業を含む、ドメイン設計および REST API 設計・実装の実務経験
- DDDやクリーンアーキテクチャ等のバックエンドデザインパターンを用いた実装経験
- 中規模以上のアプリケーションにおける GraphQLサーバーの実装経験
- 中規模以上のアプリケーションにおける Apollo Client / Relay / Urql 等を用いた GraphQL データフェッチ経験
- 中規模以上のアプリケーションにおける SWR / Tanstack Query を用いた REST API データフェッチ実装経験
- 中規模以上のアプリケーションにおける Jest / Vite を用いたフロントエンドの自動テスト実装経験
- Dockerを用いたコンテナ環境での開発・デプロイ経験
- プロダクトにおける開発から運用までを一貫して担った実務経験
- 自ら技術選定を行い、その妥当性を長期に渡り検証(答え合わせ)した実務経験
※選考に際して、スキルチェックとしてGitHubでの公開リポジトリをお伺いする場合がございます。
・既存のやり方にとらわれず、新しいアイデアや技術を積極的に提案できる方
・チームとして成果を出す意識を持ち、協調性を大切にできる方
・技術への探究心があり、自ら学び続けられる方
歓迎要件
- Next.js(App Router)を実務で使用した経験
- Remix(およびReact Router v7)を実務で使用した経験
- Relay Server Specificationに準拠したGraphQLサーバーの実装経験
- CI / CDなどの構築経験
- デザインシステムの構築経験
- アプリケーションのパフォーマンス改善経験
- コードレビュー基準や開発プロセスの標準化を推進した経験
- アクセシビリティ(a11y)対応 を考慮したフロントエンド開発経験
- ログ収集・モニタリング・エラートラッキングツールの導入・運用経験
- neverthrowなどを活用した関数型プログラミングの経験
想定年収
500~800万円 (給与形態:月給)
■賞与・昇給
賞与:業績連動型賞与(決算賞与):年1回(1月) ※決算期12月
昇給:年2回
■募集職種の年収例
【月給例】
月給40万円の場合
① 基本給 301,995円(②の手当を除く額)
② 通常みなし残業手当 87,115円+深夜みなし残業手当 10,890円
(時間外労働の有無に関わらず、通常みなし残業40時間+深夜みなし残業25時間分の時間外手当を支給)
③ ②を超える時間外労働分についての割増賃金は追加で支給
※管理監督者は上記の限りではない(採用選考時にご説明いたします)
無料
直接質問しづらいこともお任せください!
※企業に問い合わせ内容が伝わることはありません。
知りたい内容をお選びください(複数選択可)
募集要項
- 募集職・職位
-
- フロントエンドエンジニア
- 業界
-
- IT・通信
- Webサイト
- メディア・エンターテイメント
- 広告・デザイン・イベント
- サービス
- 人材・教育
- 雇用形態
-
正社員
- 予定勤務地
- <東京本社>東京都品川区東五反田2-5-9 CIRCLES with 島津山 3F、<大阪本社>大阪府大阪市西区新町1-28-3 四ツ橋グランスクエア6階 ※選考の過程で配属地についてご相談をさせていただく予定です。
- 予定勤務地
(変更の範囲) - 株式会社PLAN-Bの全拠点
- 就業時間
- 10:00~19:00 フレックスタイム制 コアタイム10:00~18:00
- 就業時間備考
-
・時差勤務制
・通常勤務時間:10:00~19:00
・標準労働時間:8時間/日
※当社規定の等級によりコアタイムが異なります。
※コアタイムに合わせて時差勤務が可能です。 - 平均残業時間
- 30時間以上
- 年間休日
- 120日
- 服装
- 私服
- リモート
ワーク -
一部リモート
- フレックス
- あり
- 福利厚生
-
■保険制度
健康保険 / 厚生年金 / 雇用保険 / 労災保険 / 通勤手当 / 残業手当 / 慶弔休暇 / 年末年始 / 夏季休暇 / 有給休暇■制度
・アニバーサリー制度:年間に9千円分のお花を大切な人へ贈ることができる制度
・クラブ活動支援:仕事以外でも熱くなれる趣味を見つけてもらう制度
・社員食堂:大阪勤務の社員はPLAN-Bが誇る社員食堂「でんらく」を昼食時に利用できます。
絶品日替わりメニューを300円から楽しめます。
・Family健康管理制度:社員や社員の家族の健康を考えた福利厚生の制度です。
人間ドック、インフルエンザ予防接種については、家族分の負担を会社側で行ないます。
・社内FA制度:通称プランナップ(UP)/条件を満たせば、行きたい事業部または行きたいユニットに異動をすることが可能。
・スポーツクラブJOYFIT法人会員:法人会員価格で全国のJOYFITが利用できます。■福利厚生備考
働く社員だけでなく、社員の家族も大切にするユニークな制度
大阪本社には、社員食堂『でんらく』があり、日替わりメニューを300円から楽しむことができます。東京オフィスでは20時以降、会議室がバースペースになり、お酒を飲みながら仕事の話からプライベートまでたくさんの会話が生まれる場になっています。
また、仕事以外にも打ち込める趣味を持つことが推奨されており、社員同士でのクラブ活動が盛んです。大会出場料などのクラブ活動費を社内で負担する制度も設けています。
そのほかにも、社員だけでなく社員の家族も大切にする制度があります。両親やお世話になっている方に対して年間9,000円分のお花を贈ることができるアニバーサリー制度のほか、人間ドック・インフルエンザ予防接種にかかる家族分の費用を負担する健康管理制度、パートナーの誕生日に特別休暇を取得できる「ラブ休」などの制度が整備されています。 - 試用期間
- 3ヶ月
- 休日休暇
-
■休日制度
完全週休2日制(土・日)、祝、GW、夏季休暇(3日)、年末年始休暇、有給休暇、慶弔休暇、特別休暇、LOVE休暇、産前産後・育児・介護休暇■休暇備考
・LOVE休暇:愛するパートナー(配偶者や恋人)の誕生日に特別休暇を取得可
・育児休暇:取得実績有り - 手当
-
交通費(全額支給)、東京手当、業績手当、残業手当、役職手当
- 選考場所
-
本社
- 検査・試験
-
適性検査、リファレンスチェック
- 提出書類
-
履歴書、職務経歴書
- 選考方法備考
-
書類選考、適性検査、面接複数回(2~3回)、リファレンスチェックを実施いたします。
さらに表示する
株式会社PLAN-Bが募集している求人・転職・採用情報
-
株式会社PLAN-B
【フロントエンドエンジニア】TypeScript/React/Next.js/自社プロダクト開発/リモート可
400 ~ 600 万円
五反田駅 (東京都)
Java/ PHP/ TypeScript/ MySQL/ Redis/ DynamoDB/ Amazon Aurora/ Amazon ElastiCache/ Laravel/ React/ Spring Boot/ Next.js/ Figma/ AWS/ Windows Azure/ Amazon SQS/ AWS Lambda/ AWS RDS/ Firebase/ Amazon CloudWatch/ Amazon CloudFront/ Memcache/ GitHub/ Docker/ Terraform
フロントエンドエンジニア
-
株式会社PLAN-B
【リードエンジニア】AIエージェント開発/モダン技術に挑戦/VPoE/CTO候補
500 ~ 800 万円
五反田駅 (東京都)
Java/ PHP/ Python/ Go/ C#/ TypeScript/ Linux/ Unix/ AWS/ Windows Azure/ Docker/ Terraform
幹部候補
-
株式会社PLAN-B
【事業責任者候補】AI×SaaS領域の新規事業/AIを使いこなす次世代経営人材へ/経営直下で経験
700 ~ 1,000 万円
五反田駅 (東京都)
マーケティング
-
株式会社PLAN-B
【Webディレクター/アートディレクター候補】デザイン基盤を構築/多様なブランドに関われる/クリエイティブ品質向上
480 ~ 650 万円
五反田駅 (東京都)
Photoshop/ Illustrator/ Figma
Webディレクター
-
株式会社PLAN-B
【マーケティングコンサルタント】顧客課題解決/SNS戦略立案/チーム体制強化
500 ~ 700 万円
五反田駅 (東京都)
Windows
マーケティング
-
株式会社PLAN-B
【Webエンジニア】AIを用いたプロダクト開発/リモート可/開発工程の広い範囲を担当
500 ~ 800 万円
五反田駅 (東京都)
Java/ PHP/ Python/ Go/ C#/ TypeScript/ Linux/ Unix/ Windows Azure/ Terraform
サーバーサイドエンジニア
-
株式会社PLAN-B
【UI/UXデザイナー】自社SaaSプロダクト開発/リモート可/裁量大きく成長できる環境
400 ~ 600 万円
五反田駅 (東京都)
Figma
UI・UXデザイナー
-
株式会社PLAN-B
【デジタルプロダクト企画】自社SaaS開発/リモート可/裁量大きく成長できる環境
400 ~ 600 万円
五反田駅 (東京都)
Figma
Webディレクター
-
株式会社PLAN-B
500 ~ 800 万円
五反田駅 (東京都)
Java/ Python/ TypeScript/ Linux/ Unix/ DynamoDB/ Amazon Aurora/ React/ Spring Boot/ Next.js/ AWS/ Windows Azure/ Amazon SQS/ AWS Lambda/ AWS RDS/ Amazon CloudWatch/ Amazon CloudFront/ GitHub/ Docker/ Terraform
幹部候補
-
株式会社PLAN-B
【エンジニアリングマネージャー】チームマネジメント/メンバー育成/開発組織づくり
800 ~ 1,200 万円
五反田駅 (東京都)
Java/ PHP/ TypeScript/ MySQL/ Redis/ DynamoDB/ Amazon Aurora/ Amazon ElastiCache/ Node.js/ Laravel/ React/ Vue.js/ Spring Boot/ AWS/ Windows Azure/ Amazon SQS/ AWS Lambda/ AWS RDS/ Amazon CloudWatch/ Amazon CloudFront/ Memcache/ GitHub/ Docker/ kubernetes/ fluentd
幹部候補
-
株式会社PLAN-B
【PM】SaaS型Webマーケティング支援ツール開発/リモート可/裁量権大
500 ~ 900 万円
五反田駅 (東京都)
Java/ PHP/ TypeScript/ MySQL/ Redis/ DynamoDB/ Amazon Aurora/ Amazon ElastiCache/ Node.js/ Laravel/ React/ Vue.js/ Spring Boot/ AWS/ Windows Azure/ Amazon SQS/ AWS Lambda/ AWS RDS/ Amazon CloudWatch/ Amazon CloudFront/ Git/ Memcache/ GitHub/ Docker/ kubernetes/ fluentd
プロジェクトマネージャー(PM)
-
株式会社PLAN-B
【リードエンジニア】SaaS開発/AI活用/組織拡大フェーズ
500 ~ 800 万円
五反田駅 (東京都)
Java/ PHP/ Python/ Kotlin/ TypeScript/ MySQL/ Redis/ DynamoDB/ Amazon Aurora/ Amazon ElastiCache/ Node.js/ Laravel/ React/ Vue.js/ Spring Boot/ AWS/ Windows Azure/ Amazon SQS/ AWS Lambda/ AWS RDS/ Amazon CloudWatch/ Amazon CloudFront/ Memcache/ GitHub/ Docker/ kubernetes/ fluentd
幹部候補
-
株式会社PLAN-B
【テックリード】オフショア開発リード/自社プロダクト開発/スキルアップ可能
600 ~ 1,000 万円
五反田駅 (東京都)
Java/ PHP/ TypeScript/ MySQL/ Redis/ DynamoDB/ Amazon Aurora/ Amazon ElastiCache/ Node.js/ Laravel/ React/ Vue.js/ Spring Boot/ AWS/ Windows Azure/ Amazon SQS/ AWS Lambda/ AWS RDS/ Amazon CloudWatch/ Amazon CloudFront/ Memcache/ GitHub/ Docker/ kubernetes/ fluentd
その他
-
株式会社PLAN-B
【バックエンドエンジニア】CastMe!開発/DevOps領域も経験可/成長中の組織でスキルアップ
500 ~ 800 万円
五反田駅 (東京都)
Java/ TypeScript/ Linux/ DynamoDB/ Amazon Aurora/ React/ Spring Boot/ Next.js/ AWS/ Windows Azure/ Amazon SQS/ AWS Lambda/ AWS RDS/ Amazon CloudWatch/ Amazon CloudFront/ GitHub/ Docker/ Terraform
サーバーサイドエンジニア
さらに表示する
株式会社PLAN-Bについて
- 設立年月日
- 2003年10月22日
- 代表者
- 代表取締役 鳥居本 真徳
- 資本金
- 10,000万円
- 従業員情報
- 227名
- 事業内容
-
株式会社PLAN-Bは、「世界中の人々に『!』(驚き)と『♡』(感動)を」を理念に掲げ、デジタルマーケティングを通じて企業の成長を支援する会社です。 普段目にする広告や検索結果にも関わっており、企業のWeb上での集客や売上向上に貢献しています。
■自社SaaSプロダクトの開発・提供
『SEARCH WRITE(サーチライト)』: SEO支援ツールで、企業のマーケティングインハウス化を支援します。効果の可視化からコンテンツ立案までの機能設計やタスク管理を集約し、マーケターの業務効率化に貢献しています。
『Cast Me!(キャストミー)』: インフルエンサーマーケティングプラットフォームで、企業とインフルエンサーを結びつけ、効率的なマーケティング活動を実現します。
■SEOコンサルティング:
累計5,000社以上の取引実績を持ち、検索エンジン最適化を通じてクライアントの集客力を最大化します。
■インターネット広告運用
データ分析や市場調査に基づいた広告運用で、クライアントの新規顧客獲得や売上向上をサポートします。
■Webサイト制作
デザインだけでなく、成果を重視したWebサイト構築でビジネスゴール達成に貢献しています。制作したWebサイトは世界的なWebデザインアワード『CSS Design Awards』の特別賞を受賞するなど、高いデザイン力も強みです。
■オウンドメディア運営
ドッグフードや家事代行などをテーマにした自社メディアの運営や、Webマーケティングに関する情報を発信するサービスサイト『PINTO!』を運営しています。
他の求人と比較してみる
| 300万円〜400万円 | 2096件 |
| 400万円〜500万円 | 3564件 |
| 500万円〜600万円 | 1887件 |
| 600万円〜700万円 | 981件 |
| 700万円〜800万円 | 358件 |
| 800万円〜900万円 | 188件 |
| 900万円〜1000万円 | 22件 |
| 1000万円〜 | 48件 |
Javaの求人数
この求人は赤色の分布帯です。
出典:レバテックキャリアが保有する対象求人を下限年収で算出(2024年9月地点)
| 300万円〜400万円 | 410件 |
| 400万円〜500万円 | 764件 |
| 500万円〜600万円 | 476件 |
| 600万円〜700万円 | 282件 |
| 700万円〜800万円 | 97件 |
| 800万円〜900万円 | 58件 |
| 900万円〜1000万円 | 6件 |
| 1000万円〜 | 7件 |
フロントエンドエンジニアの求人数
この求人は赤色の分布帯です。
出典:レバテックキャリアが保有する対象求人を下限年収で算出(2024年9月地点)
同じ職種の似ている求人で探す
-
BPS株式会社
【バックエンドエンジニア】Railsでの受託開発事業/業務系をはじめ幅広い案件あり/国内フルリモート可リモートOK- 350~500万円
- 西新宿五丁目駅 (東京都)
- PHP/ Ruby/
- サーバーサイドエンジニア
-
株式会社プログデンス
【フロントエンドエンジニア・サーバーサイドエンジニア(開発)】企画、設計、開発、テスト、運用/フロントエンドエンジニア、バックエンドエンジニアリモートOK- 350~900万円
- 御茶ノ水駅 (東京都)
- PHP/ Python/ C#/ VBA/ JavaScript/ TypeScript/
- サーバーサイドエンジニア
-
株式会社SI&C
【フロントエンドエンジニア】モダン技術/Webサービス開発/リーダー経験者歓迎/キャリアパス豊富リモートOK- 450~650万円
- 浜松町駅 (東京都)
- Java/ Python/ TypeScript/
- フロントエンドエンジニア
-
LINEヤフー株式会社
【フロントエンドエンジニア】LINEギフト開発/TypeScript,JavaScript/スクラム開発リモートOK- 700~1,000万円
- 永田町駅 (東京都)
- Java/ JavaScript/ CSS/ HTML/ Sass/ Kotlin/ TypeScript/
- フロントエンドエンジニア
-
株式会社L is B
【フロントエンドエンジニア】サーバーサイドのAPI開発/フロントエンドのUI開発/上長や関連部署と相談しながら、取り組むチケットを選定/リモー...リモートOK- 600~750万円
- 岩本町駅 (東京都)
- JavaScript/ CSS/ HTML/ TypeScript/
- フロントエンドエンジニア
-
株式会社オプティム
【フロントエンドエンジニア】React,Laravel,Go,Next.js,TypeScript使用/顧客接点DXプロダクト開発/裁量大きく...リモートOK- 530~630万円
- 大門駅 (東京都)
- C++/ Java/ Python/ Ruby/ Go/ C#/ Kotlin/ TypeScript/
- フロントエンドエンジニア
-
AMBL株式会社
【フロントエンドエンジニア】顧客直案件でスキルアップ/フルフレックス/副業可能リモートOK- 450~800万円
- 大崎駅 (東京都)
- JavaScript/ CSS/ HTML/ TypeScript/
- フロントエンドエンジニア
-
セルプロモート株式会社
【バックエンドエンジニア】急成長中のベンチャー企業で開発エンジニア募集中!/7割リモート案件/キャリアアップしたい方歓迎リモートOK- 411~818万円
- 新宿御苑前駅 (東京都)
- Java/ Python/ Ruby/ SQL/ VBA/ JavaScript/ CSS/ Kotlin/ TypeScript/
- フロントエンドエンジニア