株式会社サイバーエージェント

マルチデバイス展開をしている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ブラウザ版アプリケーションの開発環境・ツール】
開発言語：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アプリケーション開発の環境・ツール】
開発言語: 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 フロントエンドエンジニアとしての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 

7,440百万円 

1998年3月18日 

東京都渋谷区宇田川町40番1号 Abema Towers 

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

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

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

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

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

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

33679