フロントエンドエンジニア（テックリード）
Save this role or tell us whether you want more jobs like it.
事業内容
株式会社HEARTBEATSは、「世界を鳴らす心臓であれ。」をフィロソフィーに掲げ、スポーツ・エンターテインメント領域で、世界中の人々の心を動かす新たな体験をファンの皆さまに届け続けることを目指しています。
現在、当社は公式電子トレカ®コレクションサービス「ORICAL®（オリカル）」を、プロ野球10球団を含むスポーツ・エンタメ領域の26のパートナーとともに展開しています（2026年8月時点）。
電子トレカ®︎ コレクションサービス 「ORICAL®（オリカル）」
「ORICAL®」は、スポーツチームやアーティストなどのIPとファンをつなぎ、新しい応援体験を生み出す公式電子トレカ®コレクションサービスです。
スマートフォンの位置情報を利用した「会場限定トレカ」の配布や、試合展開と連動したリアルタイムコンテンツの提供など、それぞれのIPの特性やファンの楽しみ方に合わせたデジタル体験を企画・開発しています。
電子トレカ®を集める楽しさにとどまらず、ファンの応援や熱量を新たな体験と収益機会につなげることで、ファンエンゲージメントの向上とIPの事業成長に貢献しています。
電子トレカ®コレクションサービス「ORICAL®（オリカル）」
主なパートナー・導入サービス（一部）
株式会社西武ライオンズ（L COLLECTION）
公益財団法人日本相撲協会（大相撲コレクション）
株式会社千葉ロッテマリーンズ（MARINES COLLECTION）
株式会社ヤクルト球団（スワローズトレカ）
株式会社中日ドラゴンズ（ドラゴンズコレクション）
株式会社スターダム（スターダムカードパーティー）
株式会社楽天野球団（イーグルストレカ）
株式会社北海道日本ハムファイターズ（ファイターズトレカ）
オリックス野球クラブ株式会社（Buffaloes TRADING CARDS COLLECTION）
株式会社広島東洋カープ（CARP TRADING CARDS）
株式会社アップフロントインターナショナル、株式会社アップフロントクリエイト（Hello! Project デジタルコレクション）
株式会社円谷プロダクション（ウルトラマンデジタルカードコレクション）
一般社団法人Mリーグ機構（M.LEAGUE OFFICIAL TRADING CARDS）
株式会社スターダストプロモーション（スタコミュプロデュースコレクション）
新日本プロレスリング株式会社（新日CARD RUMBLE）
東芝ブレイブルーパス東京株式会社（BRAVE LUPUSデジタルトレカー猛勇狼士録ー）
株式会社クリエイティブオフィスキュー（CUEコレ！）
アソビシステム株式会社（SUKISUKIトレカfor PEAK SPOT）
公益財団法人日本バドミントン協会（BAJ COLLECTION）
株式会社阪神タイガース（タイガースコレクション）
株式会社kt sports（wiz collection）
トヨタヴェルブリッツ（ヴェルトレ）
株式会社ネットドリーマーズ（ウマトレカ）
参考
- 会社説明資料（Company Deck）
- HEARTBEATS 公式note
- HEARTBEATS 採用サイト
- 動画：【為末大×梅澤優太】スポーツ好きだけでは変えられない。なぜスポーツ界に“よそ者”が必要なのか？
- 記事：【為末大氏×HEARTBEATS 代表取締役社長 梅澤優太 特別対談・完全版】スポーツが社会にもたらす価値と、これからのスポーツビジネスの可能性 〜競技を超えて新しい価値を創る人材・組織のあり方〜
- 動画：全力イノベーターズ～SDGsに挑むZ世代～スポーツ観戦の熱狂を｜テレビ東京
募集背景
当社は、電子トレカ®コレクションサービス「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デザインの実務経験
こんな人と働きたい
- スポーツやエンタメ領域に関心を持ってドメイン知識をキャッチアップできる方
- 業務で学んだ経験を自らに閉じず、他者と積極的に共有できる方
- 他者志向で物事に取り組める方
- 好奇心を持ち、さまざまなことに取り組める方
- 環境の変化を楽しみながら挑戦や価値観のアップデートができる方