Upgrade to Pro — share decks privately, control downloads, hide ads and more …

cluster_Android_JetpackCompose

9e32efa81b675ecd55c166fb7b0a1890?s=47 Cluster Inc.
March 10, 2022
Technology
0
540

 cluster_Android_JetpackCompose

9e32efa81b675ecd55c166fb7b0a1890?s=128

Cluster Inc.

March 10, 2022
Tweet

More Decks by Cluster Inc.

See All by Cluster Inc.
gocon-2022-spring_sponsor-session.pdf
9e32efa81b675ecd55c166fb7b0a1890?s=48 clusterinc
0
550
cluster_SwiftUI
9e32efa81b675ecd55c166fb7b0a1890?s=48 clusterinc
0
550
AvatarMakerを支える技術 / cluster_avatarmaker_engineering
9e32efa81b675ecd55c166fb7b0a1890?s=48 clusterinc
0
1k
clusterでLOD対応したときの話 / cluster LOD
9e32efa81b675ecd55c166fb7b0a1890?s=48 clusterinc
0
860
クラスター会社紹介資料 / We are hiring
9e32efa81b675ecd55c166fb7b0a1890?s=48 clusterinc
3
87k

Other Decks in Technology

See All in Technology
ひとりでも安定して 組織を変える活動を続けていくための ストレスマネジメント
D1bae34031a7675147bc658967c3a4cb?s=48 pastelinc
0
750
miisan's career talk
253f81535853f9fddcadaec9b37dc1e0?s=48 mii3king
0
210
データチームの境界を考える
69152062a049e39ff6c00d36d2919650?s=48 yummydum
0
170
JSAI 2022チュートリアル講演 AI哲学マップ / JSAI 2022 Tutorial "AI Philosophy Map"
0d818b57f823b5a8d845eb5d085506d2?s=48 ykiyota
0
390
NFT(非代替性トークン)、DeFi(分散金融) の虚像と実像 / NFT (Non-Fungible Token), DeFi (Decentralized Finance): False and Real Images
847a328633b1df6b11cc2f72430025e6?s=48 ks91
PRO
0
240
GeoLocationAnchor and MKTileOverlay
61a68b2172503ecdf7a7f7757df56071?s=48 toyship
0
100
ソフトウェアライセンス 2022 / Software License 2022
A97eee01397705443a72a48ce29d3e19?s=48 cybozuinsideout
PRO
1
820
リファインメントは楽しいかね？
F4ea0f5f6211de72f79576d020308de5?s=48 kitamu_mu
1
330
サイボウズの アジャイル・クオリティ / Agile Quality at Cybozu
A97eee01397705443a72a48ce29d3e19?s=48 cybozuinsideout
PRO
4
1.7k
JDK Flight Recorder入門
484571ccba0db66b69dc11761afdd0c4?s=48 chiroito
1
480
1人目QAエンジニアよもやま話 / QA Test Talk Vol.1
1b7098127bb4872f5fa10415d88479b7?s=48 nametake
4
220
What's new in Vision
53e2d354b3299d64a54af680865516d5?s=48 satotakeshi
0
130

Featured

See All Featured
The Cult of Friendly URLs
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
68
4.8k
Building Better People: How to give real-time feedback that sticks.
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
344
17k
Making Projects Easy
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
98
4.3k
How GitHub (no longer) Works
78b475797a14c84799063c7cd073962f?s=48 holman
296
140k
Teambox: Starting and Learning
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
123
7.7k
How to name files
0a4f62e90c976eeb44d33add75cca5af?s=48 jennybc
40
60k
Design by the Numbers
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
271
17k
Documentation Writing (for coders)
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
48
2.5k
Rebuilding a faster, lazier Slack
C0b42577cfc2b321be3474618107e933?s=48 samanthasiow
62
7.2k
Fashionably flexible responsive web design (full day workshop)
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
396
62k
Designing for humans not robots
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
241
23k
Stop Working from a Prison Cell
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
261
17k

Transcript

  1. clusterのAndroidアプリ JetpackCompose導入事例 REALITY Engineer’s Meeting with Cluster @kyokomi

  2. Cluster, Inc. All Rights Reserved. 2 自己紹介 • きょこみ（kyokomi） •

    経歴: ◦ clusterに2016年10月Join ◦ 昔はserver開発をメインにインフラみたり Unityやったり、なんでも屋でした ◦ 最近は、Androidアプリ開発をメインにやっ ていきたい • 趣味: ◦ FF14（メインジョブは侍） ◦ 麻雀 / ポーカー/アニメ / RPGゲーム全般 ◦ 好きな漫画は、HxH

  3. Cluster, Inc. All Rights Reserved. 3 おしながき JetpackCompose導入検討中、導入中の方 向けの内容となってます。 •

    clusterで導入している箇所の紹介 • 利用しているバージョンの話 • UiStateでのコンポーザブルとのデータのや り取り

  4. 4 clusterのアプリで JetpackCompose導入箇所の紹介

  5. Cluster, Inc. All Rights Reserved. 5 TwitterとかのDMチャットする画面 以下などの条件で、リストアイテムの表 示が異なる •

    メッセージの種類 • 自分が投稿したか？ メッセージ機能
  6. None

  7. Cluster, Inc. All Rights Reserved. 7 ログイン・新規登録画面のリニューアル 名前、アイコン、SNS連携設定のロ グインフロー •

    NavHostでの画面切り替え • 背景はLottieでアニメーション
  8. None

  9. Cluster, Inc. All Rights Reserved. 9 ワールドクラフト機能 自分がクラフトしたワールドを管理する機能 • クラフト一覧

    • クラフト編集 • クラフト公開 • クラフトメンバー管理画面 • etc…
  10. None

  11. Cluster, Inc. All Rights Reserved. 11 ワールド詳細の一部だけCompose化

  12. Cluster, Inc. All Rights Reserved. 12 RecyclerViewのListItemをCompose化 •

  13. Cluster, Inc. All Rights Reserved. 13 JetpackCompose対応の進捗 • Activity数: 39

    • Compose製の画面: 18 • xml内で一部Compose利用: 4 => 約50%くらい

  14. 14 JetpackComposeのバージョン について

  15. 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が利用したバージョン

  16. Cluster, Inc. All Rights Reserved. 16 踏んだバグたち（抜粋） • キーボードがbackキー2回押さないと閉じれない ◦

    1.1.0-alpha03で直った • 特定機種のゲーミングモードON時にUIのタップ判定 の位置が大幅にずれる ◦ 1.1.0-alpha05で直った • キーボードのdeleteキー長押しでTextFieldの内容 が削除できない ◦ 1.2.0-alpha02で直った

  17. Cluster, Inc. All Rights Reserved. 17 バージョンアップどうしていくのがいいか？ Jetpack ライブラリは Android

    OS とは別にリリースされるた め、ライブラリの更新は独立して頻繁に行われます。 アルファ版 • アルファ版リリースは機能的に安定していますが、機能が完 成していないことがあります。 • リリースがアルファ版の間は、API が追加、削除、変更され ることがあります。 参考: https://developer.android.com/jetpack/androidx/versions?hl=ja 公式にはこう書いてある

  18. Cluster, Inc. All Rights Reserved. 18 できるだけ最新バージョンを使っていく 弊社は、できるだけ最新バージョンを使うというルールにしました （以下理由） •

    アルファ版の基準に「機能的に安定」との記載があるので、 最新機能を使うときは要注意すれば問題ないはず • composeのバージョンを上げる時にKotlinのバージョンも 上げる必要がでることがある（逆もしかり） • 過去に出たバグが再発したことは今のところなし！！！

  19. Cluster, Inc. All Rights Reserved. 19 • JetpackCompose導入ガンガンやっていくと良い ◦ まずは、新規画面で使ってみる

    ◦ 慣れてきたら既存画面の改修時に CustomViewのノリで部分的に使う • Composeライブラリのバージョンは、アルファを信 じてガンガン上げていこう まとめ

  20. おわり Androidアプリ開発エンジニア募集中です！