募集要項
ABEMAでサービス開発を牽引するWebフロントエンドエンジニア募集中！
会社名
ポジション名
【メディア事業部】フロントエンドエンジニア /ABEMA
仕事内容
■会社概要
「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技術を中心とした大規模アプリ開発・運用の経験
・大規模チームを率いるテックリード・マネジメントの経験
・動画配信サービスの知識と経験を活かしたエンジニアリング
「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、リライアビリティなど）への高い専門性
・開発環境や開発プロセスの継続的な改善を通じた開発生産性向上の取り組み
・Web フロントエンドエンジニアとしての2年以上の実務経験
・React の設計思想の理解に基づくベストプラクティスの実践経験
・CSR/SSR/SSG などのレンダリングモデルの理解に基づく適切な設計・実装経験
・CI/CD、自動テスト、ビルドツールなどの開発環境の設計・構築
・技術やデザインへの高い興味関心、新しい事柄の自発的なキャッチアップ
・他の職種（ビジネス職、デザイナー、バックエンドエンジニアなど）との円滑なコミュニケーション能力
・複数人での機能開発におけるエンジニアリングのリード経験
・チームメンバーの育成や、チームパフォーマンスを向上する取り組み
■歓迎要件
・サーバーサイド・インフラに関する知見（Docker, Kubernetes, GCP, AWS, など）
・Web 動画プレイヤーやストリーミング技術に関する知見（HLS、MPEG-DASH）
・TC39, W3C, WHATWG, WICG などを通じた Web 標準の最新仕様や動向のキャッチアップ
・ソフトウェア品質（パフォーマンス、アクセシビリティ、セキュリティ、SEO、リライアビリティなど）への高い専門性
・開発環境や開発プロセスの継続的な改善を通じた開発生産性向上の取り組み
求める人物像
■求められるマインド
私たちは開発組織として仕事をする上で大事にする事を、開発本部ミッション・ステートメントとして5つ掲げています。
大小のタスク関わらず自分たちのしている事はどのような事に向かっているのか？
技術者として学び続けレベルの高い仕事を目指し、技術の力でサービスを前進させ永く続くサービスを目指して行こうという思いが込められています。
開発本部ミッション・ステートメント
１．なぜ？から始めよう
２．プロの仕事をしよう
３．すべてのサービスを技術で前進させよう
４．チーム・アベマの意識を忘れない
５．10年間進化し続けるサービスを創ろう
「世界に誇れる新メディア」を目指し、私たちと一緒に挑戦し続けてくれる人をお待ちしております
私たちは開発組織として仕事をする上で大事にする事を、開発本部ミッション・ステートメントとして5つ掲げています。
大小のタスク関わらず自分たちのしている事はどのような事に向かっているのか？
技術者として学び続けレベルの高い仕事を目指し、技術の力でサービスを前進させ永く続くサービスを目指して行こうという思いが込められています。
開発本部ミッション・ステートメント
１．なぜ？から始めよう
２．プロの仕事をしよう
３．すべてのサービスを技術で前進させよう
４．チーム・アベマの意識を忘れない
５．10年間進化し続けるサービスを創ろう
「世界に誇れる新メディア」を目指し、私たちと一緒に挑戦し続けてくれる人をお待ちしております
語学力
英語力:
不要
勤務時間
残業時間：有
10時～19時（職種によっては裁量労働制適用）
10時～19時（職種によっては裁量労働制適用）
勤務地
東京都
勤務地詳細
東京都渋谷区宇田川町40-1
東京本社
※屋内の受動喫煙対策
有(喫煙室あり)
東京本社
※屋内の受動喫煙対策
有(喫煙室あり)
働き方
部分的にリモートワーク可
転勤
転勤の有無：無
雇用形態
正社員
この求人にご興味をお持ちの方は
「転職支援サービス」にお申し込みください。
求人情報は変更が入り次第速やかに更新しています。また定期的（1～3ヵ月毎）に最新情報を確認し、更新しています。