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
960
cluster_Android_JetpackCompose
Cluster, Inc.
March 10, 2022
Tweet
Share
More Decks by Cluster, Inc.
See All by Cluster, Inc.
iOSDC2023_Cluster
clusterinc
1
2.1k
Cluster_Extended Tokyo_WWDC 2023
clusterinc
0
3k
2023-05-24_Qiita_Night_AWS_vol.2_Cluster
clusterinc
0
320
gocon-2022-spring_sponsor-session.pdf
clusterinc
0
1.3k
cluster_SwiftUI
clusterinc
0
1k
AvatarMakerを支える技術 / cluster_avatarmaker_engineering
clusterinc
0
1.6k
clusterでLOD対応したときの話 / cluster LOD
clusterinc
0
1.8k
クラスター会社紹介資料 / We are hiring
clusterinc
5
310k
Other Decks in Technology
See All in Technology
あの日俺達が夢見たサーバレスアーキテクチャ/the-serverless-architecture-we-dreamed-of
tomoki10
0
430
20241220_S3 tablesの使い方を検証してみた
handy
3
360
Amazon Kendra GenAI Index 登場でどう変わる? 評価から学ぶ最適なRAG構成
naoki_0531
0
100
GitHub Copilot のテクニック集/GitHub Copilot Techniques
rayuron
26
11k
レンジャーシステムズ | 会社紹介(採用ピッチ)
rssytems
0
150
UI State設計とテスト方針
rmakiyama
2
450
開発生産性向上! 育成を「改善」と捉えるエンジニア育成戦略
shoota
1
290
KubeCon NA 2024 Recap: How to Move from Ingress to Gateway API with Minimal Hassle
ysakotch
0
200
AI時代のデータセンターネットワーク
lycorptech_jp
PRO
1
280
LINEヤフーのフロントエンド組織・体制の紹介【24年12月】
lycorp_recruit_jp
0
530
watsonx.ai Dojo #5 ファインチューニングとInstructLAB
oniak3ibm
PRO
0
160
Jetpack Composeで始めるServer Cache State
ogaclejapan
2
170
Featured
See All Featured
Docker and Python
trallard
42
3.1k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
26
1.9k
The Cost Of JavaScript in 2023
addyosmani
45
7k
Gamification - CAS2011
davidbonilla
80
5.1k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.9k
We Have a Design System, Now What?
morganepeng
51
7.3k
Embracing the Ebb and Flow
colly
84
4.5k
KATA
mclloyd
29
14k
A Philosophy of Restraint
colly
203
16k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Faster Mobile Websites
deanohume
305
30k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
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アプリ開発エンジニア募集中です!