フロントエンドエンジニア（テックリード）

800万円〜1,200万円

東京都

募集背景

当社は、電子トレカ®コレクションサービス「ORICAL®（オリカル）」を主軸に、スポーツ・エンターテインメント領域でファンビジネスを展開しています。

「ORICAL®」は、一つのコードベースをもとに、複数のパートナーへそれぞれ異なるブランドやファン体験を提供しているプロダクトです。パートナーごとのデザインや機能の違いに対応しながら、カード、動画、アニメーション、バインダー、ガチャ、ランキングなど、多彩な機能を継続的に開発しています。

事業の成長とともに、新しいパートナーへのサービス提供や機能開発が増え、コードベースとプロダクトの複雑性も高まっています。複数の開発を並行して進めながら、設計やコードの品質を保ち、チームとして継続的に価値を届けられる体制をつくることが、これまで以上に重要になっています。

そこで今回、自ら実装を担いながら、設計、技術的な意思決定、コードレビュー、開発プロセスの改善を通じて、フロントエンド開発を技術とプロダクトの両面からチームを前へ進めるハンズオンのリードエンジニアを募集します。

業務内容

「ORICAL®」のフロントエンド開発において、新機能や既存機能の設計・実装を担いながら、技術的な意思決定と開発推進をリードしていただきます。

企画・デザイナー・バックエンドエンジニアなどと連携し、ユーザーへ届けたい体験を具体的な仕様と設計へ落とし込み、チームメンバーとともにリリースまで導くポジションです。

短期的な機能開発だけでなく、将来の変更や機能追加を見据えた設計、コード品質の向上、チームの開発プロセス改善にも取り組んでいただきます。

具体的な業務

① プロダクト・機能開発

Vue.js、Nuxt、TypeScriptを用いた新機能開発・既存機能改善
企画・デザイナーとの対話を通じた画面仕様・UXの設計
バックエンドエンジニアなどと連携したAPI・データ仕様の検討
パートナーごとに異なるデザイン・機能・導線への対応
設計、実装、テスト、リリース後の効果検証

② 技術設計・意思決定

新機能におけるフロントエンドアーキテクチャの設計
プロダクト共通機能とパートナー固有機能を両立する設計
コンポーネントの責務や再利用性を踏まえた設計方針の策定
技術的な課題の整理、解決方針・優先順位の検討
技術的負債を考慮した段階的な改善の推進
フレームワークやライブラリの選定・アップデートに関する検討

③ 開発推進

要件や仕様をもとにしたタスクの分解・見積もり
開発スケジュール・進捗・リリースの管理
スクラムイベントの設計・進行・改善
コードレビューを通じた設計・実装品質の向上
メンバーへの技術的な支援・フィードバック
設計方針や開発知識のドキュメント化・チームへの共有

④ 品質・運用改善

テスト方針の検討、ユニットテスト・E2Eテストの整備
CI/CDを含む開発・リリースプロセスの改善
ユーザーからのお問い合わせに伴う技術調査
フロントエンド領域の不具合調査・修正・再発防止
運用から得られた課題を踏まえた機能・設計の改善

※これまでのご経験や専門性を踏まえ、優先度の高いテーマから順に担当いただくことを想定しています。

開発環境

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

ポジションの面白さ

① コードを書き続けながら、チームの技術判断をリードできる
本ポジションは、自ら設計・実装に入り、コードベースとプロダクトへの理解を深めながら、設計方針の策定、コードレビュー、技術課題の解決をリードいただきます。

現場から離れずに技術を磨き続けながら、個人の成果だけでなく、チーム全体のアウトプットに影響を与えたい方にとって、専門性とリーダーシップの両方を発揮できるポジションです。

② 複数のファン体験を、一つのコードベースから生み出す
「ORICAL®」では、一つのコードベースをもとに、複数のスポーツチームやエンターテインメントコンテンツへサービスを提供しています。基本的なプロダクト構造は共通していますが、パートナーごとにブランド、デザイン、機能、ユーザー導線が異なります。

共通化を進めすぎれば、それぞれの魅力を表現できません。一方で、個別対応を増やしすぎれば、コードの複雑性や品質保証のコストが高まります。
「どこまでを共通化し、どこからを個別に設計するか」という、マルチパートナー型プロダクトならではの難しく、解きごたえのある設計課題に向き合えます。

③ リッチなUIを通じて、ファンの感情が動く瞬間をつくれる
「ORICAL®」には、カード、動画、アニメーション、ガチャ、ランキング、ミッション、バインダーなど、ファンが楽しめる多彩な機能があります。

単に情報を正しく表示するだけではなく、カードを獲得したときの高揚感や、コレクションが増えていく楽しさなど、ユーザーの感情まで考えながら体験をつくることが求められます。企画やデザイナーと一緒に試行錯誤し、自らが関わった機能をファンへ直接届け、その反応を数値や声として受け取れる仕事です。

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

簡単な仕事ではありませんが、成長を続けるプロダクトを安全に進化させ、次の数年を支える土台をつくる経験ができます。

⑤ 技術とプロダクト、両方の視点を持つリードを目指せる
今後の開発組織では、フロントエンドの専門性だけでなく、プロダクトの目的やユーザーへ届けたい価値を理解し、技術的な判断へつなげる力がより重要になります。
フロントエンド領域のテックリードとして専門性を深めることに加え、ご志向に応じて、技術領域を横断して機能開発をリードする役割へ広げていくことも可能です。

将来的に新しいプロダクトや開発チームを立ち上げる際には、これまでの経験や実績、ご本人の志向に応じて、その技術的なリードを担う機会もあります。

必要な経験／スキル
3年以上のWebフロントエンド開発経験
TypeScriptを用いたWebアプリケーション開発の実務経験
Vue.js、Reactなどのフレームワークを用いた開発の実務経験
数名規模のチームにおいて、タスク管理・進行管理または技術的なリードを担った経験
要件をもとにフロントエンドの設計方針を検討し、実装へ落とし込んだ経験
コードレビューを通じて、チームの設計・実装品質の向上に取り組んだ経験
Gitを利用したチーム開発経験
企画、デザイナー、バックエンドエンジニアなど、異なる職種と連携して開発を進めた経験
歓迎する経験／スキル
TailwindCSS/BootStrap/BulmaなどのCSSフレームワークの使用経験
Jest/Cypress等を用いたフロントエンドのテスト駆動開発の経験
AWSの各種サービスのPros/Consを考慮した運用経験
ソフトウェアのアーキテクチャ設計の経験
プロジェクトマネジメント経験
Docker等のコンテナ技術の利用経験
Webデザインの実務経験
こんな人と働きたい
スポーツやエンタメ領域に関心を持ってドメイン知識をキャッチアップできる方
業務で学んだ経験を自らに閉じず、他者と積極的に共有できる方
他者志向で物事に取り組める方
好奇心を持ち、さまざまなことに取り組める方
環境の変化を楽しみながら挑戦や価値観のアップデートができる方

【雇用形態】
正社員

【雇用形態補足】
期間の定めなし

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

株式会社HEARTBEATS

東京都文京区本郷1-33-13

正社員

健康保険 雇用保険 厚生年金 労災保険

【Holiday】 【休日】 完全週休2日制 土曜、日曜、祝日 ※月1回程度休日出勤の可能性あり ※休日出勤が発生した場合は振替休日を取得 【休暇】 ・有給休暇（入社後半年で10日間付与） ・夏季休暇（最大3日）※7月〜10月の間で取得 ・年末年始休暇（12月28日～1月3日） ・産前産後休暇 ・育児休暇 ・介護休暇 ・慶弔休暇

2026/09/19