大規模プロダクトにおける組織作りと技術ポートフォリオマネジメント

Slide 1

Slide 1 text

Slide 2

Slide 2 text

• マスターテキストの書式設定 • 第 2 レベル • 第 3 レベル • 第 4 レベル • 第 5 レベルマスタタイトルの書式設定 2 2 (C) Recruit Co., Ltd. All rights reserved. • 中里直人 • ビューティー領域エンジニアリング部部長 • 2015年〜2017年 Webサービス開発会社に新卒入社 • 2017年に株式会社リクルートに中途入社 • ホットペッパービューティーのAndroidアプリ開発を経て 2021年10月よりマネージャー、2024年4月より部長 • 休日は3人の子どもと遊んでます自己紹介

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

• マスターテキストの書式設定 • 第 2 レベル • 第 3 レベル • 第 4 レベル • 第 5 レベルマスタタイトルの書式設定 5 5 (C) Recruit Co., Ltd. All rights reserved. • 国内最大級のヘアサロン・リラク＆ビューティーサロン検索・予約サイト • 2007年4月にWebサービスを開始し現在は年間1.8億回予約されるサービスに成長ホットペッパービューティーについて ※2024年9月11日時点 https://beauty.hotpepper.jp/doc/guide/saishindata.html

Slide 6

Slide 6 text

• マスターテキストの書式設定 • 第 2 レベル • 第 3 レベル • 第 4 レベル • 第 5 レベルマスタタイトルの書式設定 6 6 (C) Recruit Co., Ltd. All rights reserved. • 10年ほど経った頃には急速なプロダクト成長の裏でシステムがレガシーで複雑な状態になりつつあった • 当時150人以上のエンジニアが携わるシステム • さらなる成長に向けてやりたいことがたくさんあるが莫大な工数がかかる状況 • システム規模の大きさや仕様とアーキテクチャの複雑さから学習コストが高く優秀なエンジニアが活躍するまで時間がかかる状況ホットペッパービューティーを支えるシステム

Slide 7

Slide 7 text

• マスターテキストの書式設定 • 第 2 レベル • 第 3 レベル • 第 4 レベル • 第 5 レベルマスタタイトルの書式設定 7 7 (C) Recruit Co., Ltd. All rights reserved. • 初期は業務委託中心の開発体制だったが、 2012年頃よりエンジニア採用を開始し内製化を推進 • これまで実施してきた事例を3つ紹介し、裏側でどういったことを考えてきたかを紹介しますホットペッパービューティーを支えるシステム

Slide 8

Slide 8 text

Slide 9

Slide 9 text

• マスターテキストの書式設定 • 第 2 レベル • 第 3 レベル • 第 4 レベル • 第 5 レベルマスタタイトルの書式設定 9 9 (C) Recruit Co., Ltd. All rights reserved. • これまで大小様々な改善を実施してきたが、大規模にシステムを変更したのは以下の3つ • モバイルアプリのリプレイス • モバイルアプリ向けAPIのリプレイス • Webサイトのリアーキテクチャ技術的改善に投資した3つの事例 2007 サービス開始 2024 現在 2016 2018 モバイルアプリのリプレイスモバイルアプリ向けAPIのリプレイス Webサイトのリアーキテクチャ 2020 2022 プロダクト成長と技術的負債の蓄積

Slide 10

Slide 10 text

• マスターテキストの書式設定 • 第 2 レベル • 第 3 レベル • 第 4 レベル • 第 5 レベルマスタタイトルの書式設定 10 10 (C) Recruit Co., Ltd. All rights reserved. • 2010年にiOSアプリ・Androidアプリを提供開始 • アプリからの予約が増えて改善が急がれる中で技術的負債が溜まり開発スピードが遅かった • Objective-C / Javaで書かれたコード • 明確なアーキテクチャがない • デッドコードが多い • テストコードが少ない etc... • 2016年からシステムリプレイスを検討開始モバイルアプリのリプレイス

Slide 11

Slide 11 text

• マスターテキストの書式設定 • 第 2 レベル • 第 3 レベル • 第 4 レベル • 第 5 レベルマスタタイトルの書式設定 11 11 (C) Recruit Co., Ltd. All rights reserved. • 2018年にリプレイスが完了 • 今では当たり前のSwift / Kotlinの採用 • アーキテクチャの刷新による責務分離とテスト容易性の獲得 • コード量を4割程度削減 • 人材要件や開発プロセスも見直すことで、企画組織・開発組織が一体となって高速なプロダクト開発に向き合う状態を作ることができたモバイルアプリのリプレイス https://techblog.recruit.co.jp/article-1061/ https://techblog.recruit.co.jp/article-1071/

Slide 12

Slide 12 text

• マスターテキストの書式設定 • 第 2 レベル • 第 3 レベル • 第 4 レベル • 第 5 レベルマスタタイトルの書式設定 12 12 (C) Recruit Co., Ltd. All rights reserved. • モバイルアプリの開発スピードが格段に向上したことで、裏側のAPIの開発スピードがボトルネックになっていた • アプリが1〜2週間で改修できても、APIの改修に3ヶ月かかる、など • 2018年からAPIのシステムリプレイスを検討開始モバイルアプリ向けAPIのリプレイス

Slide 13

Slide 13 text

• マスターテキストの書式設定 • 第 2 レベル • 第 3 レベル • 第 4 レベル • 第 5 レベルマスタタイトルの書式設定 13 13 (C) Recruit Co., Ltd. All rights reserved. • 2021年に全てのAPIをリプレイス完了 • モノリシックなアプリケーションをBFFとBackendに分割 • BFFにはサーバーサイドKotlinを採用 • WebViewで提供していた予約導線をネイティブで提供できるようになり、導線設計を見直すことでCVRを大きく向上させる取り組みに繋げられたモバイルアプリ向けAPIのリプレイス https://speakerdeck.com/recruitengineers/jjug2019spring

Slide 14

Slide 14 text

• マスターテキストの書式設定 • 第 2 レベル • 第 3 レベル • 第 4 レベル • 第 5 レベルマスタタイトルの書式設定 14 14 (C) Recruit Co., Ltd. All rights reserved. • Webサイトの開発工数が相対的に大きくなってきた • 社内独自フレームワーク • Java 8で書かれたコード • Webサイトとモバイルアプリでほぼ同じ機能を提供 • 同じ目的でも別々のシステムをそれぞれ開発する必要がある • 意図せず細部の仕様が異なり要件検討や問い合わせ対応にも時間がかかる • 2022年からWebサイトのリアーキテクチャを検討開始 Webサイトのリアーキテクチャ

Slide 15

Slide 15 text

• マスターテキストの書式設定 • 第 2 レベル • 第 3 レベル • 第 4 レベル • 第 5 レベルマスタタイトルの書式設定 15 15 (C) Recruit Co., Ltd. All rights reserved. • 2024年8月にクーポン画面のみリリース • Backend APIをアプリと共通化することで仕様を統一し工数を削減 • WebフロントもSpring Boot / Java 17を利用する形へ • 今後に向けたアーキテクチャの基礎を作りあげた Webサイトのリアーキテクチャ iOS Android BFF Backend DB Web 二重開発 iOS Android BFF Backend DB Web

Slide 16

Slide 16 text

• マスターテキストの書式設定 • 第 2 レベル • 第 3 レベル • 第 4 レベル • 第 5 レベルマスタタイトルの書式設定 16 16 (C) Recruit Co., Ltd. All rights reserved. • 内製化も進みアジャイルで柔軟な開発が進められるように • 新規参画者やインターン学生がすぐに活躍できるチームへ • エンジニアが増えてもスピードを落とさず開発できているこれらの取り組みによって

Slide 17

Slide 17 text

Slide 18

Slide 18 text

• マスターテキストの書式設定 • 第 2 レベル • 第 3 レベル • 第 4 レベル • 第 5 レベルマスタタイトルの書式設定 18 18 (C) Recruit Co., Ltd. All rights reserved. • 今回紹介することは以下の5つ • 技術的改善においてベースとなる考え方 • 技術的改善の方向性 • 技術的改善の進め方 • 技術的改善の評価方法 • 技術的改善を生み出す組織と文化技術的改善に投資し続けるための仕組み

Slide 19

Slide 19 text

• マスターテキストの書式設定 • 第 2 レベル • 第 3 レベル • 第 4 レベル • 第 5 レベルマスタタイトルの書式設定 19 19 (C) Recruit Co., Ltd. All rights reserved. • 技術的改善の目的はプロダクト価値の最大化 • 今後の開発スピードを向上させるための投資 • プロダクト価値（あるいは売上）に繋がるか繋がらないかではなく、短期で繋がるか長期で繋がるかを考える • 長期でも繋がらない場合は目的や仮説を再考する技術的改善においてベースとなる考え方

Slide 20

Slide 20 text

• マスターテキストの書式設定 • 第 2 レベル • 第 3 レベル • 第 4 レベル • 第 5 レベルマスタタイトルの書式設定 20 20 (C) Recruit Co., Ltd. All rights reserved. • 再利用性の高いAPIベースのアーキテクチャを指向 • 市場の変化に応じてスピーディにプロダクトを進化させるための土台 • 全く新しいプロダクトを提供する場合は新規システム開発になるが、既存のアセットを活用したビジネス戦略では既存システムの再利用性がキモ • どちらの手段も選べる状態を作ることで今後の機会に対応できる技術的改善の方向性

Slide 21

Slide 21 text

• マスターテキストの書式設定 • 第 2 レベル • 第 3 レベル • 第 4 レベル • 第 5 レベルマスタタイトルの書式設定 21 21 (C) Recruit Co., Ltd. All rights reserved. • ターゲットとスコープの選定 • スピーディで柔軟な開発がプロダクト価値の向上に最も繋がるのはどこか？ • 開発規模や影響範囲をコントロール可能なレベルまで小さくできるか？ • 短期的にも成果を得ることを大事にする（Quick Win） • “ステークホルダーを納得させるため”だけでなく、 “自分たちが自信を持って進められるようにするため”にも重要技術的改善の進め方

Slide 22

Slide 22 text

Slide 23

Slide 23 text

Slide 24

Slide 24 text

• マスターテキストの書式設定 • 第 2 レベル • 第 3 レベル • 第 4 レベル • 第 5 レベルマスタタイトルの書式設定 24 24 (C) Recruit Co., Ltd. All rights reserved. • Quick Winの具体例 • モバイルアプリ向けAPIのリプレイスではフェーズを3つに分けてフェーズ1では主要な機能をリプレイス • Webサイトのリアーキテクチャでもフェーズを分けて最初のフェーズではクーポン機能のみリリース • 影響が小さい機能から……と考えがちだが、主要な機能からやることを大事にしている • プロダクト価値向上効果を早期に得られる • 意志を持った精鋭たちが集結している最初のフェーズが山場となるように技術的改善の進め方

Slide 25

Slide 25 text

• マスターテキストの書式設定 • 第 2 レベル • 第 3 レベル • 第 4 レベル • 第 5 レベルマスタタイトルの書式設定 25 25 (C) Recruit Co., Ltd. All rights reserved. • 技術的改善によって削減できた工数を評価する方法は2つ • 削減工数をそのままコスト削減に繋げる評価手法（コストアプローチ） • 削減工数を再投資して新たな価値に繋げる評価手法（インカムアプローチ） • 前者を悲観的な予測、後者を楽観的な予測として活用技術的改善の評価方法

Slide 26

Slide 26 text

• マスターテキストの書式設定 • 第 2 レベル • 第 3 レベル • 第 4 レベル • 第 5 レベルマスタタイトルの書式設定 26 26 (C) Recruit Co., Ltd. All rights reserved. 技術的改善の評価方法技術的改善の価値（円）コスト（円/年）時間（年）コストアプローチインカム（円/年）時間（年）インカムアプローチ削減工数ｘ単価再投資再投資再投資価値価値価値削減工数ｘ単価ｘ平均ROI

Slide 27

Slide 27 text

• マスターテキストの書式設定 • 第 2 レベル • 第 3 レベル • 第 4 レベル • 第 5 レベルマスタタイトルの書式設定 27 27 (C) Recruit Co., Ltd. All rights reserved. 技術的改善の評価方法価値（円）時間（年）コストアプローチ価値（円）時間（年）インカムアプローチ価値は時間に対して一次関数的に積み上がる価値は時間に対して二次関数的に積み上がる

Slide 28

Slide 28 text

• マスターテキストの書式設定 • 第 2 レベル • 第 3 レベル • 第 4 レベル • 第 5 レベルマスタタイトルの書式設定 28 28 (C) Recruit Co., Ltd. All rights reserved. • 新機能開発だけだとシステムの健全性が損なわれる一方で技術的改善だけやっていてもプロダクトは成長しない • 普段の改善活動では全体の2〜3割程度の工数を確保 • 理論上は新機能開発と改善活動を毎回比較することはできるがコストが高い • 小さな改善は半年ごとに活動を評価し改善工数を確保する形としている技術的改善の評価方法

Slide 29

Slide 29 text

Slide 30

Slide 30 text

• マスターテキストの書式設定 • 第 2 レベル • 第 3 レベル • 第 4 レベル • 第 5 レベルマスタタイトルの書式設定 30 30 (C) Recruit Co., Ltd. All rights reserved. • 技術的改善への投資と内製開発体制の強化のサイクルを回していくことが大事 • 体制やプロセスを見直して進化させるタイミングとしても活用技術的改善を生み出す組織と文化ブラックボックスの解消課題の特定・構造化・優先順位付け認知負荷の低い仕様・アーキテクチャ開発効率が高い技術スタック技術的改善への投資内製開発体制の強化

Slide 31

Slide 31 text

• マスターテキストの書式設定 • 第 2 レベル • 第 3 レベル • 第 4 レベル • 第 5 レベルマスタタイトルの書式設定 31 31 (C) Recruit Co., Ltd. All rights reserved. • エンジニアもビジネスやプロダクトの理解を深める • 企画組織と同じ目線で会話できるように半年ごとにキックオフやワークショップを開催 • もちろん普段の開発でも相互にディスカッションして要件を決める • 仕様自体の複雑さも減らしていく技術的改善を生み出す組織と文化

Slide 32

Slide 32 text

• マスターテキストの書式設定 • 第 2 レベル • 第 3 レベル • 第 4 レベル • 第 5 レベルマスタタイトルの書式設定 32 32 (C) Recruit Co., Ltd. All rights reserved. • 実際の開発を通して感じた課題を大きな取り組みへ繋げる • プロダクトをまたいだエンジニア同士のナレッジ共有 • エンジニア同士でも改善のためのワークショップやタスクフォースを実施 • どの役職でも事実・詳細を把握することを大切にしている技術的改善を生み出す組織と文化

Slide 33

Slide 33 text

Slide 34

Slide 34 text

• マスターテキストの書式設定 • 第 2 レベル • 第 3 レベル • 第 4 レベル • 第 5 レベルマスタタイトルの書式設定 34 34 (C) Recruit Co., Ltd. All rights reserved. • 大規模プロダクトにおいて技術的改善への投資は未来の可能性を大きく左右する • 技術的改善への投資は一朝一夕にはできないが日々の開発で気付いた課題を大きなテーマとして定義し直す仕組み・文化が重要 • 技術的改善を成功させるためにはビジネス目標と接続した目的定義に加えてステークホルダーの信頼獲得が大事まとめ

Slide 35

Slide 35 text

• マスターテキストの書式設定 • 第 2 レベル • 第 3 レベル • 第 4 レベル • 第 5 レベルマスタタイトルの書式設定 35 35 (C) Recruit Co., Ltd. All rights reserved. • 今回は3つの事例を共有させていただいたが個人的にはやりたいことの半分もできていない • 技術的改善と組織的成長のループを回して加速度的なプロダクト成長を実現し続けたい！今後の展望

Slide 36

Slide 36 text

• マスターテキストの書式設定 • 第 2 レベル • 第 3 レベル • 第 4 レベル • 第 5 レベルマスタタイトルの書式設定 36 36 (C) Recruit Co., Ltd. All rights reserved. • “キレイなコードを書きたい”という気持ちから始めて、様々な経験と周囲の人たちのアドバイスを経て、今回発表したことに気づき、成長することができました • 大規模システムのリアーキテクチャに挑戦したい方、キレイになったシステムでプロダクト開発していきたい方、募集しています！さいごに新卒採用 https://www.recruit.co.jp/employment/students/engineer/ 中途採用 https://www.recruit.co.jp/employment/mid-career/technology/