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

必須

• JavaScriptおよび／またはJavaScriptへトランスパイルされる言語を用いた、安全なWebフロントエンドアプリケーション開発の実務経験4年以上。
• Vue.js（歓迎）またはReactを用いた実務経験1年以上。
• ソフトウェアエンジニアリングのベストプラクティスに関する理解、およびコンピュータサイエンスの基礎知識。
• ビジネスレベルの英語力。
• ChatGPT、GitHub Copilot、Gemini、CodeWhispererなどのAI／LLMツールを活用した、プロフェッショナルなソフトウェア開発における実務経験。

歓迎

• フロントエンドのパフォーマンス監視および最適化の経験。
• iOSまたはAndroidの開発経験。ネイティブツールキット、もしくはReact Nativeなどのフレームワークを使用した開発を含む。
• サーバーサイドのRESTful API設計の経験。
• CDNなどのWebホスティングインフラに関する経験。
• 日本語での業務遂行が可能な方（母国語、または日本語能力試験N1／N2相当）
• AI支援開発をシステム設計およびデリバリーに統合した実績。
• AI関連のオープンソースプロジェクトへの貢献、またはAIを活用したワークフロー自動化の経験があれば尚可。

求める人物像

• ものごとを論理的に組み立ててコミュニケーションが取れる方
• 当事者意識をもって何事も取り組むことができる方

使用ツール

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.
• PayPay銀行は、PayPayグループの金融サービスを支える金融基盤の開発を担っています。
• 私たちのチームは、コアシステムの設計・開発から運用までを自社エンジニアが主体となって推進しています。
• 単に機能を開発するだけではなく、
• 高い信頼性を維持しながらシステムを進化させること
• 将来のサービス拡張を見据えたアーキテクチャを設計すること
• 開発組織や開発プロセスそのものをつくること
• までが私たちの役割です。
• 新しい組織だからこそ、技術選定や開発文化づくりにも主体的に関わることができます。
• ※入社後に上記プロジェクトメンバーとして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エンジニアと連携してテストを実施し、課題を解決する。
• リリースされた機能をモニタリングし、本番環境の課題を解決する。
• コードレビューに参加し、フロントエンドのベストプラクティスを向上させる。

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

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