Online Conference-Rookies LT-オズビジョン天野

Transcript

1. ハピタスのフロントリプレイス戦略
2. Strictly Confidential ©2023 OZVISION 
 ・担当しているプロダクト ・本日お伝えしたいこと ・ビッグバンプロジェクトではなくフロントエンド 　リプレイスを選択した経緯 ・新たな課題に直面 ・まとめ 目次

3. Strictly Confidential ©2023 OZVISION 
 はじめに
 技術的負債が多すぎて ... どこから手をつけていくべきかわからない
4. Strictly Confidential ©2023 OZVISION 
 はじめに
 どのように解決していったのか
5. Strictly Confidential ©2023 OZVISION 
 はじめに
 天野勇弥/アマノ (@Yuya2218) 2022年 株式会社オズビジョン 入社 2023年4月 ハピタスのフロントリプレイス PJを担当 自己紹介
6. 担当しているプロダクト
7. Strictly Confidential ©2023 OZVISION 
 「いつものネットショッピング、旅行やレストランの予約、引っ越しや保険の見積もりまで、 どこを利用しても特典ポイントが貯まる」会員サービス 2012年リリース 会員数470万人 ハピタスについて 
 担当しているプロダクト 

8. 本日お伝えしたいこと
9. Strictly Confidential ©2023 OZVISION 
 ビッグバンリリースに固執せずに スコープを限定する 本日お伝えしたいこと 

10. ビッグバンリリースではなく フロントエンドに限定したリプレイスを 選択した経緯
11. Strictly Confidential ©2023 OZVISION 
 サービスの成長と技術的負債の歴史 
 PC ガラケー SP APP 創業18年。ハピタスのビジネスは右肩上がりで成長 主流のデバイスが移り変わるごとに、対象デバイスを拡張してきた歴史があります 2010年頃 2023年 ビジネス成長 ★サイトクローズ
12. Strictly Confidential ©2023 OZVISION 
 現在の構成は「デバイス毎に環境が分かれている」 
 Web/API API ① ② ③ PC SP APP DB
13. Strictly Confidential ©2023 OZVISION 
 抱えている課題 
 ハピタスならではの課題 ・PC、SP、APPの3環境を別リポジトリで開発しなければならない ・影響調査や修正に、3環境分の工数が必要 ・環境が分かれているため、ログが一元的に追えず調査が難航 こうしたユニバーサルな課題も、もちろんあります ・環境が古いバージョンであるため、古いバージョンの知識が必要 ・意図が分からない独自実装が残っている ・UnitTest がほとんどなく修正リスクが高い、デグレが起きやすい ・影響範囲の知見が特定の人に依存しているので、まず聞くしかない
14. Strictly Confidential ©2023 OZVISION 
 当初思い描いたのはビッグバンリリース 
 API サーバ BFF DB ALL Next.js NestJS デザインもアプリも基盤も、すべてを完全リニューアルすることを目指す！ ところが、ビッグバンリリースを成し遂げるためには 　・エンジニアリソースを全投入する必要がある 　・ビジネスを成長させるための開発を止めることを意味する 　・それが半年〜1年半に及ぶことになる 　・プロジェクトが高難度化（デスマーチになるリスクも） これでは「筋の良い解決策」とは言えないのではないか ...
15. Strictly Confidential ©2023 OZVISION 
 ビッグバンをやめ、スコープをフロントエンドに限定 
 APIサーバ群 ② BFF ① ③ DB ALL Next.js NestJS ビジネスの成長とプロダクトの改善を止めずに技術的負債の解消に立ち向かう！ フロント、BFF それぞれ1リポジトリ化 スコープアウト
16. Strictly Confidential ©2023 OZVISION 
 ビジネスの成長とプロダクトの改善を止めずに ↓ ということは ...
17. Strictly Confidential ©2023 OZVISION 
 並行開発を 許容するということ
18. Strictly Confidential ©2023 OZVISION 
 素直に考えると 
 フロントリプレイスprj 現環境 新環境 フロントリプレイス prjは、ある時点の画面仕様で prjを開始し 並行開発の差分をまとめて反映し終えたら、新環境に切り替える
19. Strictly Confidential ©2023 OZVISION 
 まとめて差分反映プラン 
 ・差分管理が発生し、ミスなく漏れなく反映するのが難しい ・切り替え前に一時的に開発を止める必要が生じそう
20. Strictly Confidential ©2023 OZVISION 
 1ページずつリリースする フロントエンドprjもビッグバンを避ける戦略 

21. 新たな課題に直面
22. Strictly Confidential ©2023 OZVISION 
 新たな課題に直面 
 現環境と新環境が共存 ①現環境と新環境をまたぐ画面遷移を捌き切る必要 ②環境またぎで認証情報を持ち回る必要
23. Strictly Confidential ©2023 OZVISION 
 ①環境間の画面遷移の課題 
 画面遷移 同一環境 TOPページ マイページ hapitas.jp hapitas.jp/mypage 画面遷移 現環境から新環境 TOPページ マイページ hapitas.jp hapitas.jp/mypage これを上手いこと捌く必要が出てくる
24. Strictly Confidential ©2023 OZVISION 
 ①の解決策「ルーティング制御」 
 ALBに「ホスト +パス」のルール設定を 行いルーティングを制御
25. Strictly Confidential ©2023 OZVISION 
 既存の認証をどのように 引き継ぐのか ②環境間の認証情報の持ち回り 

26. Strictly Confidential ©2023 OZVISION 
 選択肢 ・既存のセッションを引き継ぐ仕組みを新サーバにも実装する メリ：既存 webサーバへの修正が不要 デメ：メンテナンスコストもかかる ・Cognitoを使い新たに認証の基盤を作る メリ：セキュリティ等のアップデートを Cognitoに任せる デメ：費用がかかる (50,000 MAUを超えると有料 ) 
 既存の認証をどのように引き継ぐのか 
 

27. Strictly Confidential ©2023 OZVISION 
 選択肢 ・既存のセッションを引き継ぐ仕組みを新サーバにも実装する (むりやり) メリ：既存 webサーバへの修正が不要 デメ：メンテナンスコストもかかる ・Cognitoを使い新たに認証の基盤を作る メリ：セキュリティ等のアップデートを Cognitoに任せる デメ：費用がかかる (50,000 MAUを超えると有料 ) 
 既存の認証をどのように引き継ぐのか 
 
 採用理由 ・アップデートをマネージドサービスにまかせる ・他AWSサービスとの連携も容易 ・ソーシャルログイン機能がある
28. まとめ
29. Strictly Confidential ©2023 OZVISION 
 まとめ
 ①システムの完全リニューアルを 避ける ②限定したスコープに対しても なるべく分割する フロントエンドにスコープを限定 １画面単位でリリースする作戦 これに伴う課題も工夫しながら突破 1. 環境を跨いだ画面遷移 2. 環境を跨いだ認証情報の持ち回り 29 ビッグバンリリースに固執せずにスコープを限定する
30. Strictly Confidential ©2023 OZVISION 
 補足資料 株式会社オズビジョンについて
31. Strictly Confidential ©2023 OZVISION 
 社名 設立 所在地 従業員数 株式会社オズビジョンについて 株式会社オズビジョン 2006年5月（現在18期目） 東京都渋谷区神宮前 111名 会社紹介 31
32. Strictly Confidential ©2023 OZVISION 
 事業概要 ポイントモール ECユーザーとEC事業者を マッチング どこで買ってもWで ポイントが貯まる 株式会社オズビジョンについて 買取アプリ モノを捨てない人とリユースを買いたい人を マッチング 簡単/気軽にモノを手放せる 事業 2 ネット広告代理店 メディアやインフルエンサーとEC事業者を マッチング 成果報酬型でコスパ良く集客 事業 3 32 事業 1
33. Strictly Confidential ©2023 OZVISION 
 ビジネスモデル 〜EC利用者とEC事業者のマッチングプラットフォーム〜 ECプラットフォーム 
 （マッチング） 
 400万人 株式会社オズビジョンについて 
 EC利用者 モノを捨てない人 メディア/ インフルエンサー EC事業者 リユース事業者 EC事業者 サービス利用 
 サービス利用 
 サービス利用 
 流通取引総額 （GMV） 
 1,700 億円
 送客手数料/広告費 (TakeRate) 
 約4%
 購買
 中古買取 
 広告
 3,000社 33
34. Strictly Confidential ©2023 OZVISION 
 株式会社オズビジョンについて 事業紹介：ポイントモール「ハピタス」 「いつものネットショッピング、旅行やレストランの予約、引っ越しや保険の見積もりまで、 どこを利用しても特典ポイントが貯まる」会員サービスです。 34
35. Strictly Confidential ©2023 OZVISION 
 競争が激しい （成長市場×参入障壁低） 株式会社オズビジョンについて ハピタスの事業環境(BtoCリボンモデル) EC利用者 （400万/5,000万） EC事業者 （3,000/400万） サイト経由
 ポイントバック
 送客
 成果報酬費用
 当時は競合他社が100社以上…
 競合A社 
 競合B社 
 競合C社 
 35