React Native 卒業後の「スタディサプリ」の進路

by Ryosuke Ito

Slide 1

Slide 1 text

React Native 卒業後の「スタディサプリ」の進路 React Native 卒業後の「スタディサプリ」の進路 @manicmaniac モバイルアプリの技術的負債みんなで学ぶ Lunch LT

Slide 2

Slide 2 text

React Native 卒業後の「スタディサプリ」の進路 Agenda | 01 02 03 04 自己紹介 React Native 卒業学んだこと今後の計画

Slide 3

Slide 3 text

React Native 卒業後の「スタディサプリ」の進路自己紹介 01

Slide 4

Slide 4 text

React Native 卒業後の「スタディサプリ」の進路伊東良輔 @manicmaniac ➔ 株式会社リクルート ➔ 「スタディサプリ」iOS チーム ➔ 2019 年 iOS エンジニアとして Quipper 入社 ➔ 2021 年からエンジニアリングマネージャー

Slide 5

Slide 5 text

React Native 卒業後の「スタディサプリ」の進路スタディサプリの紹介

Slide 6

Slide 6 text

React Native 卒業後の「スタディサプリ」の進路スタディサプリ大学受験講座の紹介 ➔ 月額制のオンライン学習サービス ➔ 主に高校生がターゲット ➔ 2015-11-17 に最初のコミット ➔ Swift コードは約15万行 ➔ 2018 - 2021 React Native を一部画面で採用していた

Slide 7

Slide 7 text

React Native 卒業後の「スタディサプリ」の進路 React Native 卒業 02

Slide 8

Slide 8 text

React Native 卒業後の「スタディサプリ」の進路 React Native 卒業 https://blog.studysapuri.jp/entry/2021/07/21/080000

Slide 9

Slide 9 text

React Native 卒業後の「スタディサプリ」の進路 React Native 導入の経緯 ➔ モバイルエンジニア不足 ◆ Web エンジニアが開発に参加できた ➔ 開発の高速化の要請 ◆ Hot reload を利用した高速な UI 開発 ◆ Web フロントエンドのコード再利用

Slide 10

Slide 10 text

React Native 卒業後の「スタディサプリ」の進路 2年後

Slide 11

Slide 11 text

React Native 卒業後の「スタディサプリ」の進路 React Native 卒業のきっかけ ➔ モバイルエンジニア不足の解消 ◆ Swift エンジニアが十分採用できた ➔ 開発の高速化 ◆ ユーザー数が増えてスピードより品質を重視するようになった ◆ Web フロントエンドのコード再利用 ● 長期間メンテされない状態が続いていた

Slide 12

Slide 12 text

React Native 卒業後の「スタディサプリ」の進路 React Native 卒業の方法 ➔ 事業は止めない ➔ 事業側にリスクを説明、理解を得てロードマップに載せた ➔ 複数のメンバーでタスクを並列化した ➔ リリースを分割してビッグバンリリースを避けた

Slide 13

Slide 13 text

React Native 卒業後の「スタディサプリ」の進路学んだこと 03

Slide 14

Slide 14 text

React Native 卒業後の「スタディサプリ」の進路 React Native やってよかった ➔ 導入は正解だった ◆ 当時の大きな課題を解決した ● モバイルエンジニア不足 ● 開発高速化の要請 ◆ React Native がなければ成長期を乗り越えられなかったかも

Slide 15

Slide 15 text

React Native 卒業後の「スタディサプリ」の進路技術的負債との向き合い方 ➔ 技術的負債はなくせない ◆ ある時点での最適な選択が N 年後の未来でも最適とは限らない ➔ 計画的に返済する ◆ 技術的負債の返済計画を立て、関係者に説明する責任がある

Slide 16

Slide 16 text

React Native 卒業後の「スタディサプリ」の進路今後の計画 04

Slide 17

Slide 17 text

React Native 卒業後の「スタディサプリ」の進路新たな借入れ ➔ GraphQL (Apollo) ➔ SwiftUI ➔ Combine ➔ Swift Concurrency ➔ Swift Package

Slide 18

Slide 18 text

React Native 卒業後の「スタディサプリ」の進路借入れ方針 ➔ 標準技術に寄せていく ◆ アプリの寿命は多くのライブラリより長くなる可能性が高い ◆ エンジニア採用がしやすい ➔ チームで ownership を持つ ◆ 勉強会など知見を蓄積する機会を作る

Slide 19

Slide 19 text

React Native 卒業後の「スタディサプリ」の進路 iOS / Android エンジニア募集! https://brand.studysapuri.jp/career/ 🔍「スタサプ求人」

Slide 20

Slide 20 text

React Native 卒業後の「スタディサプリ」の進路ご清聴ありがとうございました