Frontend Engineer / フロントエンドエンジニア

Job Description

About the Organization/Team・組織/チームについて

PayPay Bank is responsible for developing the financial infrastructure that supports the financial services of the PayPay Group.
Our team is driven by our in-house engineers, from the design and development of the core system to its operation.

Our role is not just to develop functions, but to:

• Evolve the system while maintaining high reliability
• Design an architecture that anticipates future service expansion
• Create the development organization and development process itself

Because it is a new organization, you can proactively participate in technology selection and the creation of development culture.

※ After joining the company, you are expected to be seconded to PayPay Bank as a member of the above project.

PayPay銀行は、PayPayグループの金融サービスを支える金融基盤の開発を担っています。
私たちのチームは、コアシステムの設計・開発から運用までを自社エンジニアが主体となって推進しています。

単に機能を開発するだけではなく、

• 高い信頼性を維持しながらシステムを進化させること
• 将来のサービス拡張を見据えたアーキテクチャを設計すること
• 開発組織や開発プロセスそのものをつくること

までが私たちの役割です。

新しい組織だからこそ、技術選定や開発文化づくりにも主体的に関わることができます。

【Engineering for New Bank Project】Recruiting Factbook

※入社後に上記プロジェクトメンバーとしてPayPay銀行への出向を予定しています。

Background of Recruitment・募集の背景

We are accelerating the modernization of PayPay Bank’s customer-facing website and internal back-office systems.

To support this transformation, we are looking for hands-on and collaborative Frontend Engineers who can take ownership of product delivery, work closely with cross-functional teams, and help us build scalable foundations for future development.

You will have the opportunity to contribute not only to individual product features, but also to frontend architecture, development processes, and engineering standards across the organization.

PayPay銀行の顧客向けWebサイトおよび社内バックオフィスシステムのモダン化を加速度的に推進しています。

この変革を支えるため、プロダクトのデリバリーに責任を持ち、クロスファンクショナルなチームと密に連携しながら、将来の開発に向けたスケーラブルな基盤構築を推進できる、ハンズオンで協調性のあるフロントエンドエンジニアを募集しています。

個別プロダクトの機能開発にとどまらず、組織全体のフロントエンドアーキテクチャ、開発プロセス、エンジニアリング標準の策定・向上にも貢献いただける環境です。

Job Responsibilities・具体的な業務内容

• Work with Product Managers, Designers, Backend Engineers, and QA Engineers to deliver features.
• Review product requirements and Figma designs, and suggest improvements.
• Design and implement frontend solutions using Vue.js and TypeScript.
• Align API requirements with Backend Engineers.
• Work with QA Engineers on testing and issue resolution.
• Monitor released features and resolve production issues.
• Participate in code reviews and improve frontend best practices.
• プロダクトマネージャー、デザイナー、バックエンドエンジニア、QAエンジニアと協力して機能をリリースする。
• プロダクト要件やFigmaのデザインをレビューし、改善案を提案する。
• Vue.jsおよびTypeScriptを用いてフロントエンドのソリューションを設計・実装する。
• バックエンドエンジニアとAPI要件をすりあわせる。
• QAエンジニアと連携してテストを実施し、課題を解決する。
• リリースされた機能をモニタリングし、本番環境の課題を解決する。
• コードレビューに参加し、フロントエンドのベストプラクティスを向上させる。

Attractiveness of This Position・本ポジションの魅力

[Tech Challenges]

Legacy System Modernization

Some important banking services still run on legacy JSP systems. Their business rules and workflows may be spread across old code, documents, and team knowledge.
Frontend Engineers work with Product Managers and business teams to understand the current behavior, clarify hidden requirements, and simplify complex workflows.
Based on this understanding, engineers propose modern and maintainable technical solutions.

The challenge is not simply rewriting old code. It is to:

• Understand the existing business rules and dependencies.
• Decide what should be kept, improved, or removed.
• Design modern frontend architecture and API integrations.
• Migrate step by step without disrupting banking operations.
• Turn complex legacy systems into solutions that are easier to maintain and develop.

一部の重要な銀行サービスは現在もレガシーなJSPシステムで動作しています。ビジネスルールやワークフローは、古いコードやドキュメント、チームのノウハウに分散している場合があります。
フロントエンドエンジニアはプロダクトマネージャーやビジネスチームと連携して現状の動作を理解し、隠れた要件を明確にして複雑なワークフローをシンプルにします。
その理解に基づいて、モダンで保守性の高い技術的ソリューションを提案します。

単に古いコードを書き直すだけでなく、以下に取り組むことが課題であり面白さです：

• 既存のビジネスルールや依存関係を理解すること。
• 維持・改善・削除すべきものを判断すること。
• モダンなフロントエンドアーキテクチャとAPI統合を設計すること。
• 銀行業務に支障をきたすことなく段階的に移行すること。
• 複雑なレガシーシステムを、開発や保守が容易なソリューションへと刷新すること。

End-to-End Ownership

For new features, you will not only receive a design and implement it.
You will be involved from the beginning to the end:

• Understand the product idea.
• Suggest product and design improvements.
• Review Figma designs with Designers.
• Design the frontend solution.
• Align API requirements with Backend Engineers.
• Implement and test the feature.
• Support QA and release.
• Monitor the feature after release.

You will have the freedom to propose solutions and take ownership of your feature.

新機能の開発において、単に提示されたデザインをそのまま実装するだけではありません。
最初から最後までのすべてのフェーズに関わることができます：

• プロダクトアイデアの理解
• プロダクトおよびデザインの改善案の提案
• デザイナーとのFigmaデザインのレビュー
• フロントエンドソリューションの設計
• バックエンドエンジニアとのAPI要件のすりあわせ
• 機能の実装およびテスト
• QAサポートおよびリリース
• リリース後のモニタリング

自由にソリューションを提案し、自らの機能にオーナーシップを持って取り組むことができます。

Open Engineering Culture

We encourage engineers to identify problems and create improvement proposals.
You can propose improvements to the product, user experience, architecture, or development process.
We also keep meetings simple and protect engineers’ focus time.

エンジニアが課題を発見し、改善提案を作成することを推奨しています。
プロダクト、ユーザー体験、アーキテクチャ、開発プロセスなどに対して自由に改善を提案できます。
また、会議はシンプルに保ち、エンジニアの集中できる時間を確保しています。

Project Examples・プロジェクト事例

Shared Pagination Standard / 共通ページネーション標準

Identified pagination inconsistencies across back-office systems and proactively collaborated with designers to establish a company-wide pagination standard, driving UI consistency and improving developer efficiency.

バックオフィス画面におけるページネーションの課題を主体的に発見し、デザイナーと連携して全社共通の標準UI仕様を確立。
UI/UXの統一と開発効率の向上を実現しました。

Tech Stack

We select the best combination of tech at times.

｜TypeScript, JavaScript, HTML/CSS
｜Vue.js, React, single-spa, JSP
｜AWS, GH Actions, Terraform
｜GitHub, npm/yarn, Webpack, Jest, i18n, Storybook
｜Sentry, Kibana, Google Analytics, Firebase
｜Figma, PlantUML, draw.io, Miro
｜Slack, Zoom, Confluence, Jira

Required Experience/Skills・必要な経験/スキル

• At least 4 years of industry experience developing secure web frontend applications in JavaScript and/or other transpile-to-JavaScript languages.
• At least 1 year of industry experience with VueJS (preferred), or React.
• Software engineering best practices and computer science knowledge.
• Business level of English.
• Hands-on experience with AI/LLM tools (e.g., ChatGPT, GitHub Copilot, Gemini, CodeWhisperer, or similar) in professional software development.
  
  
• JavaScriptおよび／またはJavaScriptへトランスパイルされる言語を用いた、安全なWebフロントエンドアプリケーション開発の実務経験4年以上。
• Vue.js（歓迎）またはReactを用いた実務経験1年以上。
• ソフトウェアエンジニアリングのベストプラクティスに関する理解、およびコンピュータサイエンスの基礎知識。
• ビジネスレベルの英語力。
• ChatGPT、GitHub Copilot、Gemini、CodeWhispererなどのAI／LLMツールを活用した、プロフェッショナルなソフトウェア開発における実務経験。

Desired Experience/Skills・あると望ましい経験/スキル

• Experience with frontend performance monitoring and optimization.
• Experience with iOS or Android development, either with the native toolkits or with a framework such as React Native.
• Experience with designing server side RESTful APIs.
• Experience with web hosting infrastructure such as CDNs.
• Ability to conduct business in Japanese (native-level proficiency or equivalent to JLPT N1/N2).
• Proven track record of integrating AI-assisted development into system design and delivery.
• Contributions to AI-related open-source projects or automation of workflows with AI is a plus.
  
  
• フロントエンドのパフォーマンス監視および最適化の経験。
• iOSまたはAndroidの開発経験。ネイティブツールキット、もしくはReact Nativeなどのフレームワークを使用した開発を含む。
• サーバーサイドのRESTful API設計の経験。
• CDNなどのWebホスティングインフラに関する経験。
• 日本語での業務遂行が可能な方（母国語、または日本語能力試験N1／N2相当）
• AI支援開発をシステム設計およびデリバリーに統合した実績。
• AI関連のオープンソースプロジェクトへの貢献、またはAIを活用したワークフロー自動化の経験があれば尚可。

Desired Candidate Profile・求める人物像

• Individuals who can logically structure their thoughts and communicate effectively
• Individuals who can approach everything with a strong sense of ownership
  
  
• ものごとを論理的に組み立ててコミュニケーションが取れる方
• 当事者意識をもって何事も取り組むことができる方

PayPay 5 senses

• Please refer PayPay 5 senses to learn what we value at work

Working Conditions

Employment Status

• Full Time

Office Location

• Hybrid Workstyle
  ※ You will be expected to work in the office, in alignment with organizational guidelines and team objectives.
• LIFE in JAPAN FACTBOOK

Work Hours

• Super Flex Time (No Core Time)
• In principle, 9:00am-5:45pm + 1h break (actual working hours: 7h45m + 1h break)

Holidays

• Every Sat/Sun/National holidays (In Japan)/New Year's break/Company-designated Special days

Paid leave

• Annual leave (up to 14 days in the first year, granted proportionally according to the month of employment. Can be used from the date of hire)
• Personal leave (5 days each year, granted proportionally according to the month of employment）
  ＊PayPay's own special paid leave system, which can be used to attend to illnesses, injuries, hospital visits, etc., of the employee, family members, pets, etc.

Salary

• Annual salary paid in 12 installments (monthly)
• Based on skills, experience, and abilities
• Reviewed once a year
• Late overtime allowance
  
  ※Payroll payment can be changed to digital salary payment “PayPay Paycheck” for an amount set by you

Benefits

• Social Insurance (health insurance, employee pension, employment insurance and compensation insurance)
• 401K
• Translation/Interpretation support
• VISA sponsor + Relocation support

待遇・条件

雇用形態

• 正社員

勤務地

• Hybrid Workstyle
  ※所属組織のルールおよび業務指示に応じて出社対応頂きます。

勤務時間

• スーパーフレックス制（コアタイム無し）
• 原則：午前9時～午後5時45分（実働7時間45分＋休憩時間 1時間）

休日

• 土日祝日、年末年始および会社指定日

休暇（法定休暇および会社福利厚生）

• 年次有給休暇(初年度14日間、入社月に応じて按分付与。入社日から使用可）
• パーソナル休暇（毎年度５日間付与/初年度入社月により3日間もしくは5日間付与）
  ※PayPay独自の特別有給休暇制度で、本人/家族/ペットなどの病気/ケガ/通院付き添い等にご使用頂けます。

給与

• 年俸制（一部固定残業代含む）
• 経験、スキル、業績、貢献度に応じ当社規定により決定
• 毎年1回見直し
• 時間外勤務手当、深夜勤務手当有
  
  ※給与支給について、一部をPayPayアカウントで受け取ることが可能です（給与デジタル支払いに対応）

ベネフィット

• 社会保険（健康保険、厚生年金、雇用保険、労災保険）
• 企業型確定拠出年金制度
• 語学学習のサポート