1. サイバーエージェントグループ
  2. サイバーエージェントグループ 採用情報
  3. サイバーエージェントグループ の求人一覧
  4. ABEMAでサービス開発を牽引するWebフロントエンドエンジニア募集中！

ABEMAでサービス開発を牽引するWebフロントエンドエンジニア募集中！

  • 【メディア事業部】フロントエンドエンジニア /ABEMA
  • 正社員

サイバーエージェントグループ の求人一覧

ABEMAでサービス開発を牽引するWebフロントエンドエンジニア募集中！ | サイバーエージェントグループ

会社概要

「ABEMA」は、テレビのイノベーションを目指し「新しい未来のテレビ」として展開する動画配信事業です。開局9年目に入り、FIFAワールドカップやMLB（メジャーリーグベースボール）など世界的なコンテンツを始め、ニュース、アニメ、恋愛番組、格闘、バラエティなど、多彩なジャンルの約25チャンネルを24時間365日放送しています。

オリジナルエピソード数は国内発の動画サービスで日本No.1（※1）を誇り、注目の新作映画、国内外の人気ドラマなど豊富なラインナップの作品や、様々な音楽や舞台のオンラインライブも展開しています。テレビ、オンデマンドなど、時間にとらわれることなくいつでも作品をお楽しみいただけるほか、スマートフォンやPC、タブレット、テレビデバイスで、場所にとらわれることなくライフスタイルに合わせて番組を視聴いただけます。

また、DAZN、WOWOW、 J SPORTSなど、外部のOTTサービスと連携したプラットフォーム配信事業や、災害時のニュース報道では社会的インフラを担うメディアとしての役割も果たしています。

誰もがいつでもどこでも、それぞれのライフスタイルに最適な形で様々なコンテンツを享受できるよう、現在約140名の開発エンジニアやデザイナーが日々サービスの改善を行っています。

業務内容

マルチデバイス展開をしているABEMAのうち、以下のアプリケーションの開発・運用を行います。

  • Webブラウザ版アプリケーションの開発・運用
  • スマートテレビ向けHTML5アプリケーションの開発・運用
  • 番組の編成やコンテンツ管理を行う運用管理システムの開発・運用

クライアント Web アプリケーションの UI 開発だけでなく、配信を行う CDN から、Google Cloud 内のWebサーバーまで、Webに関わる多くの領域を担当します。プロダクトマネージャー・デザイナー・QAと連携した機能開発や高パフォーマンスで快適なユーザー体験の実現に取り組んでいます。

開発チームは技術を大切にするのと同じく、チームで働くメンバーを大切にしています。
定期的な 1on1、Web 技術共有会、KPT、Web チーム横断の横軸活動などの取り組みを通じてチームを強くする取り組みが盛んです。
「新しい技術にチャレンジしたい」「チームに新しい仕組みを導入したい」などプロダクトをより良くし、チームを成功に導こうとする人を歓迎します。

応募時にはGitHubアカウント、Qiitaアカウント、登壇資料などアウトプットがわかるものをご用意ください。

チームの文化や体制、働く環境について

「21世紀を代表する会社を創る」ためのABEMA本体であるサイバーエージェント流のカルチャーがあります。「挑戦と安心はセット」という組織文化、そして挑戦においては「自由と責任をセットで」という考え方です。
「社会のインフラ」になり「世界に誇れる新メディア」を目指すABEMAでは、安心して個人やチームが挑戦をし続けれる環境を大事にしており、そのための制度や抜粋制度などを用意します。
社会や会社が大きく変化していく中で、スキルだけで選ぶのではなく、私たちのカルチャーにフィットする人を求める方針は変わりません。

開発組織全体では150名以上で、所属するプロジェクトによって、プロダクトマネージャー、クライアントエンジニア、サーバーサイドエンジニア、デザイナーなど様々なロールのメンバーと連携して業務を行います。実際の開発だけでなく、プロダクトの方針や仕様などについてのコミュニケーションも盛んです。
Webフロントエンドエンジニアは2024年7月現在で15名程度で、Webブラウザ版アプリケーションとスマートテレビ向けHTML5アプリケーションの開発で大きく2チームに分かれています。

【Webブラウザ版アプリケーション開発チーム】

開発業務はプロダクトやプロジェクトごとに分かれて携わっており、目標をもとに開発マイルストーンを決めたり、スプリントをベースに開発を進めたりと、プロジェクト管理や開発手法は様々です。
チームのビジョンとして「プロダクトの可能性を牽引するチーム」、ポリシーとして「遊び心を振り回す」「品質・スピードを追求する」「挑戦を恐れない」を掲げており、メンバー一人一人の創造性を大切にして新しい未来のテレビを創ること、そして共に成長することを理想としています。
実際の業務では、事業優先度に応じたプロジェクトごとに分かれて開発を行うことが多く、各プロジェクトごとに他の職種（プロダクトマネージャー、デザイナー、バックエンドエンジニア、データサイエンティストなど）と密に連携してプロジェクトを遂行していきます。

プロダクトの機能開発とは別に、リアーキテクチャやテストエンジニアリングなど開発生産性の向上に専門的に向き合うメンバーも存在します。
チーム内ではお互いのコードレビューはもちろんのこと、Design Doc を用いた事前設計のすりあわせや、最新ライブラリへの追従などの取り組みを行っており、スキルアップの機会が多くあります。

【Webブラウザ版アプリケーションの開発環境・ツール】

  • 開発言語：TypeScript, JavaScript, CSS, HTML, VCL
  • アーキテクチャ：RxJSを用いたFluxパターン、Jotai と Bunshi を用いたリアクティブアーキテクチャ
  • クライアントサイド: React, RxJS, Jotai, Bunshi
  • サーバーサイド・インフラ: Node.js, Fastify, nginx, Google Cloud, Fastly
  • 開発環境: npm, Storybook, ESLint, stylelint, Prettier, esbuild, webpack, PostCSS
  • CI/CD：CircleCI, GitHub Actions, PipeCD
  • その他: GitHub, Slack, Zoom, Google Workspace, esa, Notion, Figma, JIRA

【スマートテレビ向けHTML5アプリケーション開発チーム】

チームのビジョンとして「Pioneering & Recreation」、ポリシーとして「遊び心を振り回す」「新しい世界を空想する」「失敗は成功の母」を掲げており、コネクテッドTVという新しい分野において、創造性を発揮して愉しみながら未来を開拓していく姿を理想としています。

開発面ではコーディングルールやポリシーがドキュメント化されており、大半のルールをESLintやstylelintで自動的に検知することで、バグが生まれにくく品質の高いコードを書けるようになっています。高品質なコードを書くことにかなり力を入れており、2名のコードレビューを必須としています。コードを読むだけでは他人が挙動を推測しにくいと感じた場合には、仕様の方を簡略化できないかPMやデザイナーと擦り合わせることもしばしばあります。

また、一般的なブラウザでもある程度の動作確認は行えますが、バージョンやスペックの違いにより完全にテレビデバイスでの動作を再現できるわけではありません。
そのため、テレビデバイスに搭載されたブラウザエンジンが動くDocker環境を用意したり、開発中のコードを実機で確認しやすくする仕組みを作ったりするなど、開発効率の改善も積極的に行っています。

【スマートテレビ向けHTML5アプリケーション開発の環境・ツール】

  • 開発言語: TypeScript, JavaScript, CSS, HTML, VCL
  • アーキテクチャ: Jotai と Bunshi を用いたリアクティブアーキテクチャ
  • クライアントサイド: React
  • サーバーサイド: Fastly, Google Cloud Storage
  • 開発環境: pnpm, Node.js, Storybook, ESLint, stylelint, Prettier, webpack, CSS Modules, falco
  • CI/CD: CircleCI
  • その他: GitHub, Slack, Zoom, Google Workspace, esa, Notion, Figma

【得られる経験・キャリアパス例】

  • 世界規模のイベントを捌くサービス上での、Web技術を中心とした大規模アプリ開発・運用の経験
  • 大規模チームを率いるテックリード・マネジメントの経験
  • 動画配信サービスの知識と経験を活かしたエンジニアリング

【参考資料】

求めるスキル・経験など

必須要件

  • Web フロントエンドエンジニアとしての2年以上の実務経験
  • React の設計思想の理解に基づくベストプラクティスの実践経験
  • CSR/SSR/SSG などのレンダリングモデルの理解に基づく適切な設計・実装経験
  • CI/CD、自動テスト、ビルドツールなどの開発環境の設計・構築
  • 技術やデザインへの高い興味関心、新しい事柄の自発的なキャッチアップ
  • 他の職種（ビジネス職、デザイナー、バックエンドエンジニアなど）との円滑なコミュニケーション能力
  • 複数人での機能開発におけるエンジニアリングのリード経験
  • チームメンバーの育成や、チームパフォーマンスを向上する取り組み

歓迎要件

  • サーバーサイド・インフラに関する知見（Docker, Kubernetes, GCP, AWS, など）
  • Web 動画プレイヤーやストリーミング技術に関する知見（HLS、MPEG-DASH）
  • TC39, W3C, WHATWG, WICG などを通じた Web 標準の最新仕様や動向のキャッチアップ
  • ソフトウェア品質（パフォーマンス、アクセシビリティ、セキュリティ、SEO、リライアビリティなど）への高い専門性
  • 開発環境や開発プロセスの継続的な改善を通じた開発生産性向上の取り組み

求められるマインド

私たちは開発組織として仕事をする上で大事にする事を、開発本部ミッション・ステートメントとして5つ掲げています。

大小のタスク関わらず自分たちのしている事はどのような事に向かっているのか？
技術者として学び続けレベルの高い仕事を目指し、技術の力でサービスを前進させ永く続くサービスを目指して行こうという思いが込められています。

開発本部ミッション・ステートメント

  1. なぜ？から始めよう
  2. プロの仕事をしよう
  3. すべてのサービスを技術で前進させよう
  4. チーム・アベマの意識を忘れない
  5. 10年間進化し続けるサービスを創ろう

「世界に誇れる新メディア」を目指し、私たちと一緒に挑戦し続けてくれる人をお待ちしております

職種 / 募集ポジション 【メディア事業部】フロントエンドエンジニア /ABEMA
雇用形態 正社員
給与
応相談
経験・能力を考慮の上、当社規定により優遇致します。
勤務地 
東京本社
※屋内の受動喫煙対策
　有(喫煙室あり)
勤務時間 
10時～19時（職種によっては裁量労働制適用）
待遇 
■給与改定（年2回）
■各種社会保険完備
■通勤手当
■家賃補助制度
■従業員持株会
■慶弔見舞金制度
■社内親睦会費補助制度
■各種活性化制度 ※新規事業創出プロジェクト
■キャリアチャレンジ制度
■macalonパッケージ
■部活動支援制度　など

<家賃補助制度 2駅ルール・どこでもルール>
勤務オフィスの最寄駅から各線2駅圏内に住んでいる正社員に対し月3万円、5年以上勤続している正社員に対してはどこに住んでいても月5万円の家賃補助を支給します。

<部活動支援制度>
社員同士のコミュニケーション促進を目的に、部活動に対し補助金を支給。ダンス部、ゴルフ部、フットサル部、野球部、ランニング部、フラワーアレンジメント部など多種多彩な部活があります。

毎月末の表彰式、サイバーエージェントグループ全社社員総会など、一体感を創る場を多数設けている活発な組織です。
休日休暇 
■完全週休2日制（土曜・日曜）
■祝日
■夏期休暇（3日間）
■年末年始休暇（12月29日～1月3日）
■年次有給休暇（初年度10日間）
■慶弔休暇
■産前産後休暇
■育児休暇
■リフレッシュ休暇（勤続2年間で5日間）　など

社員一人ひとりが安心して活躍できる環境を整えています。
会社情報
会社名 サイバーエージェントグループ
本社所在地 
〒150-0042
東京都渋谷区宇田川町40番1号 Abema Towers
Tel：03-5459-0202（代表）　 Fax：03-5459-0222
代表者 
代表取締役社長　藤田 晋
設立 
1998年3月18日
事業内容 
メディア事業
インターネット広告事業
ゲーム事業
投資育成事業