Jetpack Composeを導入して見えた利点と課題

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Copyright © NIFTY Corporation All Rights Reserved.  主な技術スタック  5  従来マイニフティ言語 Java Kotlin UI View XML Jetpack Compose 画面遷移 FragmentTransaction Jetpack Compose Navigation 非同期処理 Volley Kotlin Coroutines / Flow / Retrofit JSON処理 Gson Kotlinx Serialization ローカル永続化 preference / sqlite DataStore / Room DI なし Hilt

Slide 6

Slide 6 text

Slide 7

Slide 7 text

良かったこと 

Slide 8

Slide 8 text

Copyright © NIFTY Corporation All Rights Reserved.  良かったこと  8  ● UIコーディングが爆速 ○ 記述がシンプル ○ レイアウトのネストの深さを気にする必要がない ○ リスト部分のコード量が激減 ● Reactに近い開発体験 ○ 書き味がほぼReact(Hooks) ○ Storybookのように使っていけるPreview ● 公式ドキュメントの充実 ○ Pathway・公式サンプルで十分な知識が得られる

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Copyright © NIFTY Corporation All Rights Reserved.  考慮事項  13  ● Accompanistでの補助が現状は必要 ○ https://github.com/google/accompanist ○ 公式composeライブラリで足りない機能を補う ○ 例: ■ Pager (ViewPager) ■ Swipe to Refresh (SwipeRefreshLayout) ■ Navigation Animation

Slide 14

Slide 14 text

微妙なところ 

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

Slide 23

Slide 23 text

Slide 24

Slide 24 text

Slide 25

Slide 25 text

Slide 26

Slide 26 text

Copyright © NIFTY Corporation All Rights Reserved.  まとめ  26  ● Jetpack Composeは開発速度向上に効果あり ○ コード量(特にリスト)の低減 ○ 新人の入りやすさ ● Navigation周りには正直難あり ○ 画面遷移は従来通りActivityとFragmentで行うのも一手 ○ 無理にFull Jetpack Composeにする必要はない

Slide 27

Slide 27 text