Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Android cookpadLiveの開発改善 / cookpad_tech_kitchen#23
Search
star_zero
January 30, 2020
Programming
1
850
Android cookpadLiveの開発改善 / cookpad_tech_kitchen#23
star_zero
January 30, 2020
Tweet
Share
More Decks by star_zero
See All by star_zero
今からはじめるAndroidアプリ開発 2024 / DevFest 2024
star_zero
0
1.3k
Jetpack Compose の Side-effect を使いこなす / DroidKaigi 2023
star_zero
5
6.1k
Android 14 新機能 / Android 14 Meetup Nagoya
star_zero
1
610
Android 14 と Predictive back gesture / Shibuya.apk #42
star_zero
0
400
Coroutines Test 入門 / Android Test Night #8
star_zero
2
1.2k
What's new in Jetpack / I/O Extended Japan 2022
star_zero
1
650
Kotlin 2021 Recap / DevFest 2021
star_zero
3
1.3k
Kotlin Symbol Processing (KSP) を使ったコード生成 / DroidKaigi 2021
star_zero
2
5.2k
What's new Android 12
star_zero
0
570
Other Decks in Programming
See All in Programming
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
250
Goで作る、開発・CI環境
sin392
0
230
The Modern View Layer Rails Deserves: A Vision For 2025 And Beyond @ RailsConf 2025, Philadelphia, PA
marcoroth
1
170
Is Xcode slowly dying out in 2025?
uetyo
1
270
Rubyでやりたい駆動開発 / Ruby driven development
chobishiba
1
730
MDN Web Docs に日本語翻訳でコントリビュートしたくなる
ohmori_yusuke
1
120
PipeCDのプラグイン化で目指すところ
warashi
1
280
#kanrk08 / 公開版 PicoRubyとマイコンでの自作トレーニング計測装置を用いたワークアウトの理想と現実
bash0c7
1
770
Node-RED を(HTTP で)つなげる MCP サーバーを作ってみた
highu
0
120
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
panda_program
6
2.1k
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
seike460
PRO
3
770
Blazing Fast UI Development with Compose Hot Reload (droidcon New York 2025)
zsmb
1
290
Featured
See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
RailsConf 2023
tenderlove
30
1.1k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
What's in a price? How to price your products and services
michaelherold
246
12k
Thoughts on Productivity
jonyablonski
69
4.7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Become a Pro
speakerdeck
PRO
29
5.4k
Balancing Empowerment & Direction
lara
1
430
How GitHub (no longer) Works
holman
314
140k
Practical Orchestrator
shlominoach
189
11k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Transcript
Android cookpadLiveの 開発改善 Cookpad Tech Kitchen #23 2020/01/30
About me •Kenji Abe •2018/07入社 •Android cookpadLive •Google Developers Expert
for Android •Twitter: @STAR_ZERO
話すこと •Android cookpadLiveで改善してきた色々なこと ‣ たくさんあるので一部抜粋して •今後やりたいこと
アーキテクチャの変更
VIPER MVVM
VIPER •View / Interactor / Presenter / Entity / Router
•iOS由来のアーキテクチャ •https://cheesecakelabs.com/blog/ios-project- architecture-using-viper/
View Presenter Interactor Entity Router
VIPERの問題点 •Jetpackとの相性 ‣ これらを活かせないため効率と品質を上げられない ‣ Lifecycleの管理が面倒でクラッシュも起きやすい •コード量が多い ‣ Interfaceによるやりとり ‣
あちこちにViewの更新コード
MVVM •Model / View / ViewModel •Google 推奨のアーキテクチャ •https://developer.android.com/jetpack/docs/guide
Activity / Fragment ViewModel Repository Room(DB) Retrofit(API) AppSync LiveData
MVVMの良いとこ •Jetpackが活用しやすい ‣ 特にViewModel, LiveData, DataBinding便利 ‣ これらを活用することでバグが減らせる ‣ 効率よく開発できる
‣ その他Jetpackライブラリも導入が簡単
Activity / Fragment ViewModel Repository Room(DB) Retrofit(API) AppSync LiveData Jetpack
Jetpack Jetpack
MVVMの良いとこ •Google推奨(デファクトスタンダード) ‣ 知見やサンプルがたくさんある ‣ 新しく来た人が理解しやすい(可能性が高い) ‣ 去っていく人も次に活かせる(可能性が高い)
Modularization
Single Module Multi Module
Single Module •スマートフォンアプリのみ ‣ AndroidTV / FireTVとコードが重複 •ビルドスピードの問題 •依存関係の絡まり
Multi Module •スマートフォンアプリ、AndroidTV、FireTV ‣ APIアクセスなどは共有 •ビルドスピードの改善 •関心事の分離
app 最初のSingleModule時代
core app 共通部分をcoreに分ける
core smarttv app androidtv firetv AndroidTV / FireTVをプロジェクト統合
core smarttv app androidtv firetv appsync AppSyncをcoreから分離
core smarttv appcore app androidtv firetv appsync app専用の共通モジュールを作成
core smarttv appcore app androidtv firetv features appsync 機能単位にモジュールを分ける
core smarttv appcore app androidtv firetv features appsync 機能単位にモジュールを分ける まだ途中
コメント表示改善
改善前 •受信したコメントをそのまま表示 ‣ 描画負荷が高い ‣ 場合によってはクラッシュを引き起こす •RecyclerViewのアニメーション ‣ デフォルトがそのまま ‣
大量のコメントで違和感
改善後 •受信したコメントを少しバッファリングして表示 ‣ ある程度まとめ描画させて、描画負荷を軽減 •RecyclerViewのアニメーションは無効に ‣ 無効にしたほうが自然な感じ
Activity Repository ViewModel AppSync LiveData
Activity Repository ViewModel AppSync LiveData RxJavaのObservableに変換
Activity Repository ViewModel AppSync LiveData ここで数msバッファリング
Activity Repository ViewModel AppSync LiveData LiveDataでコメントActivityへ
コード自動生成
コード自動生成 •現状、サーバー側がRails Garageを使ってる ‣ 欲しいレスポンスをGETパラメータで指定する ‣ 例: /api/episodes?fields=hoge,foo •面倒なので、Retrofitの戻り値から自動生成 ‣
Annotation Processing
/api/episodes?fields=hoge,foo interface APIService { @Garage @GET("/api/episodes") fun getEpisodes(): Single<List<Episode>> }
data class Episode( val hoge: String? val foo: String? ) このアノテーションから自動生成
デバッグツールの活用
デバッグツールの活用 •Hyperion ‣ アプリ実行中にデバッグメニューから色々できる ‣ 設定値をクリアしたり、APIのエンドポイントを切り替え たり ‣ https://github.com/willowtreeapps/Hyperion-Android
None
デバッグツールの活用 •Flipper ‣ デスクトップアプリを使ったデバッグツール ‣ Stethoみたいなもの ‣ ログ、Preferences、Layoutなどの確認 ‣ プラグインを作れる
‣ https://fbflipper.com/
None
デバッグツールの活用 •Flipper ‣ プラグインを作成して、ダミーのLive配信 • OkHttp Interceptorでダミーデータを差し込む ‣ 簡単な見た目の確認すぐできる ‣
ステージングの配信を作る必要がない
None
OkHttp API Server Flipper OkHttp Interceptor レスポンス 書き換え ダミーデータ
今後やりたいこと
今後やりたいこと •Coroutinesの導入 •テストを充実 •リソースの整理 •さらなる効率化
ありがとうございました