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
cluster_Android_JetpackCompose
Search
Cluster, Inc.
March 10, 2022
Technology
0
940
cluster_Android_JetpackCompose
Cluster, Inc.
March 10, 2022
Tweet
Share
More Decks by Cluster, Inc.
See All by Cluster, Inc.
iOSDC2023_Cluster
clusterinc
1
2k
Cluster_Extended Tokyo_WWDC 2023
clusterinc
0
2.9k
2023-05-24_Qiita_Night_AWS_vol.2_Cluster
clusterinc
0
290
gocon-2022-spring_sponsor-session.pdf
clusterinc
0
1.3k
cluster_SwiftUI
clusterinc
0
990
AvatarMakerを支える技術 / cluster_avatarmaker_engineering
clusterinc
0
1.5k
clusterでLOD対応したときの話 / cluster LOD
clusterinc
0
1.8k
クラスター会社紹介資料 / We are hiring
clusterinc
5
310k
Other Decks in Technology
See All in Technology
エムスリーマネジメントチーム紹介資料 / Introduction of M3 Management Team
m3_engineering
0
250
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
2
200
【swonet.conf_】NOCメンバーが語るSTMの実態!! ~ShowNetから若者への贈り物~
shownet
PRO
0
230
Sansanにおける全社横断データ分析基盤の挑戦と未来 / Challenges and Future of Cross-Organizational Data Analytics Platform at Sansan
sansan_randd
2
310
【shownet.conf_】持続可能な次世代Wi-Fi運用に向けて
shownet
PRO
0
260
不感対策ソリューション
jtes
0
240
Causal Impactを用いたLINE Pay UIの効果検証とABテスト実施への貢献
lycorptech_jp
PRO
3
500
OPENLOGI Company Profile for engineer
hr01
1
12k
【shownet.conf_】3Dアプローチで守るセキュリティ
shownet
PRO
0
280
低コストで実現する社内文書RAG機能を搭載したAIチャットボット開発
takapy
3
610
ITエンジニアとして知っておいてほしい、電子メールという大きな穴
logica0419
2
320
Create Inquiry via Bedrock / 生成 AI で問い合わせ品質は変わるのか?思いついてぱっと作ったものを供養してみる
kazzpapa3
1
200
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2k
Building Your Own Lightsaber
phodgson
102
6k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
327
21k
Git: the NoSQL Database
bkeepers
PRO
425
64k
StorybookのUI Testing Handbookを読んだ
zakiyama
26
5.1k
How STYLIGHT went responsive
nonsquared
94
5.1k
Fireside Chat
paigeccino
32
2.9k
Optimising Largest Contentful Paint
csswizardry
31
2.8k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
26
4k
Into the Great Unknown - MozCon
thekraken
30
1.4k
The Language of Interfaces
destraynor
154
24k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.8k
Transcript
clusterのAndroidアプリ JetpackCompose導入事例 REALITY Engineer’s Meeting with Cluster @kyokomi
Cluster, Inc. All Rights Reserved. 2 自己紹介 • きょこみ(kyokomi) •
経歴: ◦ clusterに2016年10月Join ◦ 昔はserver開発をメインにインフラみたり Unityやったり、なんでも屋でした ◦ 最近は、Androidアプリ開発をメインにやっ ていきたい • 趣味: ◦ FF14(メインジョブは侍) ◦ 麻雀 / ポーカー/アニメ / RPGゲーム全般 ◦ 好きな漫画は、HxH
Cluster, Inc. All Rights Reserved. 3 おしながき JetpackCompose導入検討中、導入中の方 向けの内容となってます。 •
clusterで導入している箇所の紹介 • 利用しているバージョンの話 • UiStateでのコンポーザブルとのデータのや り取り
4 clusterのアプリで JetpackCompose導入箇所の紹介
Cluster, Inc. All Rights Reserved. 5 TwitterとかのDMチャットする画面 以下などの条件で、リストアイテムの表 示が異なる •
メッセージの種類 • 自分が投稿したか? メッセージ機能
None
Cluster, Inc. All Rights Reserved. 7 ログイン・新規登録画面のリニューアル 名前、アイコン、SNS連携設定のロ グインフロー •
NavHostでの画面切り替え • 背景はLottieでアニメーション
None
Cluster, Inc. All Rights Reserved. 9 ワールドクラフト機能 自分がクラフトしたワールドを管理する機能 • クラフト一覧
• クラフト編集 • クラフト公開 • クラフトメンバー管理画面 • etc…
None
Cluster, Inc. All Rights Reserved. 11 ワールド詳細の一部だけCompose化
Cluster, Inc. All Rights Reserved. 12 RecyclerViewのListItemをCompose化 •
Cluster, Inc. All Rights Reserved. 13 JetpackCompose対応の進捗 • Activity数: 39
• Compose製の画面: 18 • xml内で一部Compose利用: 4 => 約50%くらい
14 JetpackComposeのバージョン について
Cluster, Inc. All Rights Reserved. 15 • 2022/2/12: 1.2.0-alpha02(現在) •
2021/12/16: 1.1.0-rc01 • 2021/10/01: 1.1.0-alpha05 • 2021/7/20: 1.0.0-beta08 • 2021/6/1: 1.0.0-beta07(初回導入時) clusterが利用したバージョン
Cluster, Inc. All Rights Reserved. 16 踏んだバグたち(抜粋) • キーボードがbackキー2回押さないと閉じれない ◦
1.1.0-alpha03で直った • 特定機種のゲーミングモードON時にUIのタップ判定 の位置が大幅にずれる ◦ 1.1.0-alpha05で直った • キーボードのdeleteキー長押しでTextFieldの内容 が削除できない ◦ 1.2.0-alpha02で直った
Cluster, Inc. All Rights Reserved. 17 バージョンアップどうしていくのがいいか? Jetpack ライブラリは Android
OS とは別にリリースされるた め、ライブラリの更新は独立して頻繁に行われます。 アルファ版 • アルファ版リリースは機能的に安定していますが、機能が完 成していないことがあります。 • リリースがアルファ版の間は、API が追加、削除、変更され ることがあります。 参考: https://developer.android.com/jetpack/androidx/versions?hl=ja 公式にはこう書いてある
Cluster, Inc. All Rights Reserved. 18 できるだけ最新バージョンを使っていく 弊社は、できるだけ最新バージョンを使うというルールにしました (以下理由) •
アルファ版の基準に「機能的に安定」との記載があるので、 最新機能を使うときは要注意すれば問題ないはず • composeのバージョンを上げる時にKotlinのバージョンも 上げる必要がでることがある(逆もしかり) • 過去に出たバグが再発したことは今のところなし!!!
Cluster, Inc. All Rights Reserved. 19 • JetpackCompose導入ガンガンやっていくと良い ◦ まずは、新規画面で使ってみる
◦ 慣れてきたら既存画面の改修時に CustomViewのノリで部分的に使う • Composeライブラリのバージョンは、アルファを信 じてガンガン上げていこう まとめ
おわり Androidアプリ開発エンジニア募集中です!