AbemaTVアプリ開発の裏側──若手エンジニアを磨き上げる「改善志向型エンジニア文化」とは？

──波戸さんはAbemaTVのチームにはどのような形で参加したのですか？

波戸　AbemaTVリリース後1カ月というタイミングでチームに参加しました。「一緒にやらないか？」と以前から誘われていたので。AWAをリリースして1年ほど経って、落ち着いたタイミングだったので引き受けたんです。AbemaTVチームに参加した当初は、細かな機能の改善が多かったですね。大きな機能開発としては（動画をChromecastのような外部デバイスに送る）Google Cast対応やApple TV対応などです。

──AbemaTVは動画サービスなので、ChromecastやApple TVのようなテレビ向けデバイスの対応は重要ですよね。鈴木さんはどうでしたか？

鈴木　AbemaTVチームに参加する前は、別のチームでiOS開発のリーダーをしていて、後輩もいたんです。当時思っていたことは、入社3年目の私が（コードを書いて）Pull Requestを出しても、後輩の「いいね！」というコメントがついてマージされてしまう（笑）。職制上、自分の技術の進歩が感じにくかったんです。仕事は滞りなく進んでいましたが、20代半ばで必要なスキルが身についているかどうか、迷いがありました。そこで、もっと吸収できる現場を求めて、異動の希望を出したんです。

──成長する機会を求めて、あえてチームを移った形なのですね。AbemaTVのチームに参加して、まずどんな仕事をしましたか？

鈴木　2017年4月にリリースした（タイムシフト視聴できる）新機能の「Abemaビデオ」のリスト表示と検索画面を担当しました。従来の番組表検索機能と共通点はありますが、実はデータ構造が少し違うんです。そこで呼び出すAPIデータを変えるだけで共通になるよう、既存機能やAPI周りのリファクタリングをしながら進めました。当初の見積もりより、依存関係の切り離しが難しかったですね。

波戸　これで、作りがだいぶ変わりました。

──新機能を付け加えるだけでなく、既存コードのリファクタリングも進めて、今後の改善をしやすいようにした、というわけですね。

ハイスピードに醸成される、サイバーエージェントのエンジニア文化

お2人の座席位置は向かい合わせ。こうした会話の様子は日頃からよく見られるという

──鈴木さんが新卒で入社されて、どんなサポート体制があったのですか。

鈴木　1年目はトレーナーとして先輩が付いてくれて、一緒にやっていく形でした。学生時代にアルバイトをしていた頃は1人で開発することが多かったので新鮮な体験でしたね。自分が好きなように書いていたのですが、自分の仕事をちゃんと見てもらえるのは良かったですね。変数名など名前を適切に付ける、といった基本的なことを学べたのは大きいです。最初のうちは“Value1”、“Value2”みたいなネーミングをしてしまっていたこともあったので（笑）。

──そのあたりは社内でルールが設定されているのですか？

波戸　がっちりしたコーディングルールを設定しているわけではありません。Pull Requestのレビューの際に「この書き方はよくないよね」といった議論をする形で進めています。

──そうしたエンジニア文化は、そもそもサイバーエージェント社内にあったのでしょうか？

波戸　私が入社した2011年頃とは大きく変わり、エンジニアの存在感は増してきていますね。2012年頃からエンジニアの人数が大幅に増え、それ以前と比べて、ものづくり文化が社内に深く浸透してきたように感じます。

──エンジニアの増加とともに急速に文化が醸成されてきた、と。ところで、AbemaTVはFluxアーキテクチャを使っているということですが。

波戸　AbemaTVのネイティブアプリはFluxアーキテクチャを採用しています。AbemaTVは動画をリアルタイムに処理する場合が多いので、Fluxアーキテクチャを用いて、データの流れをシンプルにしています。こうすることで、アプリの作りが複雑化せず、整理された形でアプリを構成できます。

Fluxアーキテクチャは、もともとFacebookが提唱したWebクライアント向けの技術で、リアクティブプログラミングと相性がいい。ネイティブアプリでも、リアクティブは流行っていて、AbemaTVでもRxSwiftというリアクティブプログラミング向けのライブラリを使っています。

ただし、機能によってはFluxのアーキテクチャが合わないので、MVVM（Model-View-ViewModel）という別の設計で作っています。そのあたりは柔軟にやっています。

MVVMとFluxに関しては、鈴木さんが発表した資料に詳細がある

鈴木　Fluxでいいなと感じたのは、例えばリモート通知との相性がよさそうなところです。通知から画面遷移するルーティングを、Fluxアーキテクチャを使うことでうまく構成できました。3D touchで遷移したり、ユニバーサルリンクでSafariからクリックしてアプリを起動したり、汎用的な画面遷移に応用できます。

新技術を貪欲に取り入れる、エンジニア文化

──そうした最新のアーキテクチャや技術を採用できる文化なんですね。

波戸　エンジニアに裁量権があります。検証をして、「これでいける」となれば採用します。そもそも、みんな新しい技術は好き、というのもありますが（笑）。

とはいえ、チームの目的はAbemaTVのサービスをユーザーに届けることであって、「技術を使うこと」が目的ではありません。技術ドリブンになりすぎてはいけない、ということは常に心がけています。一方で、技術をおろそかにして油断するとすぐレガシーになってしまうので、最新のアーキテクチャや技術と事業とのバランスをとっていきたいと思っています。

──技術や開発に関する意思決定は、リーダークラスからのトップダウンが多いのですか？

波戸　2つパターンがあります。トップダウンのこともあれば、現場の気付きから機能実装などが進む、ボトムアップのこともあります。

鈴木　波戸と私の2人で意思決定して、一気に開発した機能もあります。いま、AbemaTVのiOSアプリのトップ画面の右下にある、三角の矢印がそれです。過去の開発過程で「番組表ボタン」が「ビデオ番組ボタン」に置き換わり、番組表への導線は画面を上にスワイプするジェスチャーだけになっていました。でも、ランチのときに2人で「画面に小さな三角形の矢印のボタンをつけるだけで、番組表への導線が分かりやすくなりますよね」という話をしたんです。

アプリトップ画面右下の矢印をタップすると、このように番組表が立ち上がる

波戸　そして、ランチの後、1時間後には作ってデザイナーと上長に見せて「これなら分かりやすくていいね！」となり、後のアップデートで正式に採用されました。

──すごいスピード感ですね。

大事なのはコードを通じた対話と、直接の対話

──鈴木さんは成長の機会を求めてチームを移ったということですが、今のチームに来てから「成長した」感触はありますか？

鈴木　Pull Requestを出したとき、自分が書いたコードにしっかりコメントをもらえる、というのはすごく実感しています。Pull Requestを出す際には、「自分はこう考えて、こういうコードにした」という根拠はもちろんありますが、他の人の意見が入ってくると、「こんなやり方があるんだ！」というインプットが得られます。一つの事象に対してパターンとしてどういうやり方がベターか、といった知見が広がっていく感覚がありますね。

──コードを実装してPull Requestを出してからの議論が大事なのですね。

鈴木　例えば、「ある機能は、今後のことを考えると、独立させておいたほうがいい」のように、コードとして実装してみないと分からない問題もあるので。Pull Requestのタイミングの方が議論しやすいことは多いですね。

波戸　コードがあった方が、具体例が示されているので議論が発展しやすいですね。コードでアドバイスする人もいるし。エンジニア同士の議論ではそれが一番有効だと思います。

──波戸さんがチームリーダーとして大事にしていることは？

波戸　なるべく、直接話すようにしています。よく言われている「心理的安全性（気兼ねなく意見を発することができる気分や雰囲気）」のある状況を心がけるようにしています。

──お2人もよく話をしているんですか？

波戸　鈴木さんは、よくコミュニケーションをとってくれるなと思っています。特に最初のうち、細かい質問をたくさんしてきてくれました。だから、一緒に仕事を始めた頃の鈴木さんの印象は「質問の多い人」です（笑）。その分、やりやすいと感じます。

鈴木　まめにコミュニケーションをとるようにしています。相手がイヤホンを付けている時はチャットで、そうでないときは対面で（笑）。例えば「アプリ的にどっちにした方がいいですか？」といった話をします。

コミュニケーションをとっておけば、コードを書く前の段階で認識合わせができます。それを形にして固めてコードを書いて、Pull Requestを出した後にはコードを材料に突っ込んだ議論をする形です。

──口頭のコミュニケーションも、コードによるコミュニケーションも、それぞれ大事にしているのですね。その他に、ご自身が成長するために心がけていることはありますか？

鈴木　インプットに対して、定期的にアウトプットを作るようにしています。月1回は社外のイベントで発表するか、ブログなどで記事を書くようにしています。アウトプットするために、かみ砕いて説明することが理解を深めるのにいいと感じています。

波戸　鈴木さんのアウトプットには私も目を通しています。読んでいて、私自身も勉強になることや、発見があります。ものすごく成長していると感じますね。

──最後に、鈴木さんにお伺いしたのですが、AbemaTVのチームに入って、ご自身のどんな部分が強化されていると感じますか？

鈴木　AbemaTVのチームに入るまでは、MVCのデザインパターンに沿った開発しかしてきませんでした。自分の手を動かさなければ設計の根幹の良し悪しは判断しにくいものです。いまのチームでは、皆がAbemaTVのFluxやMVVMといった最新の設計に関われます。こうした経験を積むことで、自分自身でも少しずつ成長を感じられるようになってきました。

──手を挙げて異動したかいがあった、ということですね。ありがとうございました。

取材：星暁雄／写真：赤司聡

連載バックナンバー

employment.en-japan.com