フロントエンドプラットフォームエンジニア

6ヶ月
※条件面に変更はございません

【募集背景】
HEARTBEATSでは、スポーツ・エンターテインメント領域のパートナーとともに、電子トレカ(R)コレクションサービス「ORICAL(R)（オリカル）」を開発・提供しています。

「ORICAL(R)」は、パートナーごとに異なるブランドやファン体験を、一つのプロダクト基盤から提供しています。カードや動画、アニメーション、ゲーム要素などを取り入れたリッチなUIを、各パートナーの特性に合わせて展開できることが強みです。

一方、サービスの成長に伴って、パートナー固有のコンポーネントや設定、提供機能が増加し、コードベースやビルド・デプロイ、品質保証の複雑性も高まっています。

これまではフロントエンドチームが機能開発と並行して改善を進めてきましたが、今後も継続的かつ安全にプロダクトを成長させるためには、個別の機能開発だけでなく、フロントエンド全体を支える基盤への継続的な投資が必要です。

そのため、フロントエンド基盤を専任で担う一人目の「フロントエンドプラットフォームエンジニア」を募集します。

【業務内容】
「ORICAL(R)」のフロントエンド開発を支える基盤の整備と改善を担当していただきます。

Webパフォーマンス、ビルド・デプロイ、テスト、モニタリングなどの課題を可視化し、優先順位の策定から設計・実装、チームへの展開、効果検証までを一貫してリードするポジションです。

目の前の技術的負債を解消するだけではなく、フロントエンドチームがより速く、安全に、継続的に価値を届けられる開発環境をつくることをリードいただきます。

【具体的な業務】
（1）Webパフォーマンスの改善
・バンドルサイズ、表示速度、レンダリングパフォーマンスの計測・改善
・カード画像、動画、アニメーション、大量のDOM要素を扱う画面のパフォーマンス最適化
・メモリ使用量やフロントエンド上の不具合の調査・改善
・パフォーマンス指標の設計および継続的なモニタリング

（2）開発基盤・開発者体験の改善
・ビルド時間やCI／CDパイプラインの計測・高速化
・複数のパートナーへ安全かつ効率的にリリースするための仕組みづくり
・ローカル開発環境や開発ツールの改善
・フレームワークや周辺ライブラリの継続的なアップデート
・開発時に生じる反復作業の自動化

（3）品質保証・テスト基盤の整備
・ユニットテスト、インテグレーションテスト、E2Eテストの方針策定
・Jest、Vitest、Playwrightなどを用いたテストの設計・実装
・手動テストへの依存を減らすための自動化
・影響範囲の大きな変更を安全に行える仕組みの整備

（4）フロントエンドアーキテクチャの改善
・コードベースやコンポーネント構成の分析・改善
・パートナー固有の要件と、プロダクト共通基盤を両立する設計
・技術的負債の可視化と、段階的な改善計画の策定
・フロントエンドチームへの設計方針や知見の共有
※これまでのご経験や専門性を踏まえ、優先度の高いテーマから順に担当いただくことを想定しています。

【開発環境】
・言語：TypeScript／JavaScript
・フレームワーク：Vue／Nuxt.js
・ソースコード管理：Git
・プロジェクト管理：GitHub／Jira
・情報共有ツール：Slack／Google Docs／Confluence

【ポジションの面白さ】
「一つの機能をつくるだけでなく、チーム全体がより速く、安全に開発できる状態をつくりたい」
「繰り返し発生する問題に対処するのではなく、仕組みから解決したい」
「プロダクトの成長によって生まれた複雑な技術課題に、腰を据えて向き合いたい」

そんな方にとって、これまで培ってきたフロントエンドの専門性を活かしながら、プロダクトと開発組織の両方に大きな変化を生み出せるポジションです。

（1）基盤改善を主役として推進できる
基盤改善をを「余裕があるときに取り組む改善」ではなく、継続的なプロダクト成長に欠かせない仕事として担っていただきます。決められた改善タスクをこなすだけではなく、現状を計測・分析し、何から取り組むべきかを考え、ロードマップの策定から設計・実装、チームへの展開、効果検証までを一貫してリードできます。

（2）改善の成果が、ユーザー体験とチームの開発体験の両方に届く
表示速度やレンダリングパフォーマンスを改善すれば、ファンがカードや動画、アニメーションをより快適に楽しめるようになります。ビルドやテスト、デプロイの仕組みを改善すれば、開発チームが新しい機能や体験を、より速く安全に届けられるようになります。
自らの改善が、日々一緒に働くエンジニアの開発体験を変え、その先にいるユーザーの体験と事業の成長にもつながっていく。技術的な成果の広がりを実感できる仕事です。

（3）リッチなUIと複数パートナーへの展開を両立する、「ORICAL(R)」ならではの技術課題に挑戦できる
「ORICAL(R)」では、カード、動画、アニメーション、バインダー、ガチャ、ランキングなど、ファンが楽しめる多彩な体験を提供しています。
また、同じコードベースをもとに、各パートナーのブランドやファン層に合わせて、異なるデザインや機能を展開しています。
高度にカスタマイズされたUIを実現しながら、表示速度、保守性、再利用性、開発効率をどのように両立するか。一般的なWebサービスとは異なる、複雑で解きごたえのある課題に向き合えます。

（4）成長したプロダクトを、さらに進化させる経験ができる
「ORICAL(R)」は、すでに多くのユーザーに利用され、継続的に新しい機能が追加されているプロダクトです。そのため、理想的な基盤をゼロから自由につくるわけではありません。
日々のサービス提供や機能開発を止めることなく、既存のコードや設計、チームの開発プロセスを理解し、優先順位を見極めながら段階的に改善していく必要があります。
簡単な仕事ではありませんが、成長を続けるプロダクトを安全に進化させ、次の数年を支える土台をつくる経験ができます。

※週1回出社
※週4回リモート可能

【必要な経験／スキル】
・Webフロントエンド開発経験：5年以上
・TypeScriptを用いたWebアプリケーション開発経験
・次のいずれかに関する設計・改善の経験
　- Webパフォーマンスの計測・改善
　- ビルドまたはCI／CDパイプラインの改善
　- テスト自動化・テスト基盤の整備
　- 大規模なコードベースのリファクタリング
・VueやReactのフレームワークや関連ライブラリのソースコードリーディングの経験
・技術課題を整理し、関係者と合意形成しながら改善を推進した経験

【歓迎する経験／スキル】
・Vue.js／Nuxtを用いた大規模なWebアプリケーションの開発経験
・Jest、Vitest、Playwrightなどを用いたE2Eテスト設計・実装の経験
・Sentry、Datadogなどを用いたフロントエンドの監視・分析の経験
・大量のDOM要素や画像、動画、アニメーションを扱うUIのパフォーマンスチューニング経験
・フロントエンド基盤チームの立ち上げやテックリードの経験

【こんな人と働きたい】
・スポーツやエンターテインメント領域に関心を持ち、プロダクトへの理解を深められる方
・技術的負債を一度に解消しようとするのではなく、現実的な改善計画を立てて継続的に取り組める方
・フロントエンドチームや他職種のメンバーと対話しながら、仕組みを定着させられる方
・課題を定量・定性の両面から捉え、改善前後の効果を検証できる方
・業務で学んだ経験を自らに閉じず、他者と積極的に共有できる方
・他者志向で物事に取り組める方
・環境の変化を楽しみながら、挑戦や価値観のアップデートができる方

東京都文京区本郷1-33-13春日町ビル7階
最寄駅：【最寄り駅】都営地下鉄各線 春日駅から徒歩5分
東京メトロ各線 後楽園駅から徒歩5分
各線 水道橋駅から徒歩8分
各線 本郷三丁目駅から徒歩8分

想定年収600万円〜1200万円
特記事項：固定残業代45時間分込み

▼残業手当：有
※固定残業代制、超過分別途支給
※固定残業代の相当時間：45時間／月

▼固定残業手当の額とその趣旨	
所定外労働
※時間外労働及び法定休日以外の所定休日労働を含むに対する賃金として予め定額で支給する

10:00〜19:00
休憩時間：60分
特記事項：フルフレックスタイム制（コアタイムなし）
※1日の標準労働時間：8時間
※22：00～翌5：00の間に勤務する場合は上長の許可が必要
フレックスタイム制

【休日】
・完全週休2日制
・土曜、日曜、祝日
※月1回程度休日出勤の可能性あり
※休日出勤が発生した場合は振替休日を取得

【休暇】
・有給休暇（入社後半年で10日間付与）
・夏季休暇（最大3日）※7月〜10月の間で取得
・年末年始休暇（12月28日～1月3日）
・産前産後休暇
・育児休暇
・介護休暇
・慶弔休暇

健康保険,厚生年金保険,労災保険,雇用保険
交通費：通勤費支給
諸手当：・通勤手当（実費）
・住宅手当（条件あり、15,000円／月）
・ワークアウト手当（10,000円／月）
・エンタメ手当（スポーツ観戦等への補助、上限5,000円／月）
・リファラル手当
※各種手当は社内規定に準ずる
特記事項：【福利厚生】
・野球観戦シーズンシート
・チーム懇親会補助制度
・産業医面談
・健康診断（子宮頸がん・乳がん検診全額補助）
・インフルエンザ予防接種補助
・The Care

【受動喫煙対策】
屋内全面禁煙

【受動喫煙防止情報】
屋内受動喫煙対策：対策あり

経験者優遇  駅から徒歩5分以内  10時以降出社OK  土日祝日休み  交通費支給  社会保険完備  育児支援制度  完全週休二日制  リモートワーク（在宅勤務）可  フルフレックス  家賃補助・住宅手当