Let's refactoring my old app with new android tech !

Slide 1

Slide 1 text

ۦ͚ग़͠ͷࠒ࡞ͬͨAndroidΞϓϦΛ ࠷৽ٕज़ͰϦϑΝΫλϦϯάͯ͠Έͨ Takanori Sato@ YUMEMI Inc. 2021/12/16 ʲYUMEMI x Sansan Tech MeetupʳAndroid։ൃʹ͓͚ΔνϟϨϯδΛޠΔ

Slide 2

Slide 2 text

ࣗݾ঺հ 2

Slide 3

Slide 3 text

ࠤ౻ɹوൣ ✦ ͸Μ·ʔͱ͍͏HNͰ׆ಈ ✦ 2019೥8݄גࣜձࣾΏΊΈத్ೖࣾ ✦ લ৬͕ϝΠϯϑϨʔϜΤϯδχΞ(ҟۀछ͔Βస৬) ✦ AndroidΤϯδχΞྺ3೥໨ ✦ 1ࣇͷύύ👶 ✦ Twitter : @watashi_desu_82 ✦ Qiita : @hammer0802 3

Slide 4

Slide 4 text

ࠓ೔࿩͢͜ͱ ✦ۦ͚ग़࣌͠୅ʹ࡞ͬͯ์ஔͨ͠ΞϓϦͷϦϑΝΫλϦϯάʹ νϟϨϯδͨ͠࿩ ✦ͦͷࡍʹಘͨ࠷৽ٕज़ͷ஌ݟ΍tips ✦Jetpack Compose, Dagger HiltͳͲ ✦ࠓճͷνϟϨϯδͰײͨ͜͡ͱ 4

Slide 5

Slide 5 text

લஔ͖ 5

Slide 6

Slide 6 text

6 օ͞Μɺۦ͚ग़͠ΤϯδχΞͷࠒͲΜͳ ίʔυΛॻ͍͍͔ͯͨࢥ͍ग़ͤ·͔͢ʁ

Slide 7

Slide 7 text

7 ͲΜͳ͜ͱΛ΍͍͔ͬͯͨ͸ࢥ͍ग़ͤͯ΋ɺͲΜͳ ίʔυ͔ͩͬͨ͸खݩʹͳ͍ͱࢥ͍ग़ͤͳ͍Ͱ͢ΑͶ

Slide 8

Slide 8 text

8 ࢲɺΘ͔Γ·͢(ެ։ͯ͠·͢)

Slide 9

Slide 9 text

SUBWAYγϛϡϨʔλʔ ✦Google Play Store ✦https://play.google.com/store/apps/ details?id=com.hammer.app.subwaysimulator ✦GitHub ✦https://github.com/hammer0802/SubwaySimulator ✦SUBWAYͷαϯυ΢ΟονͷϨγϐΛ࡞੒͢ΔΞϓϦ ✦લ৬(ඇϓϩάϥϚʔ৬)࣌୅ʹݸਓͰ։ൃ ✦ΞΠίϯ΋ؤுͬͯඳ͍ͨ 9

Slide 10

Slide 10 text

10 ΞϓϦެ։·Ͱ͍͚ͨ͠ɺศརػೳ΋ೖΕΒΕͨ ॳΊͯͷΞϓϦ։ൃʹͯ͠͸্ग़དྷͩΖ͏ (ࣗըࣗࢍ) ౰࣌ͷࢲ͸͜͏ࢥ͍ͬͯͨʜ

Slide 11

Slide 11 text

ποίϛͲ͜Ζ͔͠ͳ͍ σʔλߏ଄ શ ෦xm lͰ ॻ ͘ ε τ ϩ ϯ ά ε λ Π ϧ Ϩ Π Ξ ΢ τ શͯͷॲཧΛߦ͏ ਆActivity apply͕ σ Χ ա ͗ Μ ͩ Ζ ʜ 11 ͦͯ͠ݱࡏ ࢲ͸ݱ࣮Λ஌ͬͨ ΞʔΩςΫνϟ͕ ଘࡏ͠ͳ͍ੈքઢ ม਺ʹ਺ࣈೖΕͪΌ͏

Slide 12

Slide 12 text

12 աڈͱܾผ͢ΔͨΊ ಆ͍(ϦϑΝΫλϦϯά)͸࢝·ͬͨʜ

Slide 13

Slide 13 text

ຊ୊ 13

Slide 14

Slide 14 text

໰୊఺ͷચ͍ग़͠(Ұ෦) ✦ΞʔΩςΫνϟ͕ͳ͍ ✦ActivityͰը໘ॲཧҎ֎ʹ΋σʔλอଘͳͲશॲཧ΍ͬͯΔ ✦ભҠ͕શ෦startActivity ✦๲େͰ൥ࡶͳϨΠΞ΢τ ✦etc… 14

Slide 15

Slide 15 text

ରԠࡦͷݕ౼ - ࠓͬΆͦ͏ͳ΋ͷΛยͬ୺͔Β࢖͍ͬͯ͘ ✦ΞʔΩςΫνϟ͕ͳ͍ ✦AAC(Android Architecture Component)ϥΠϒϥϦ܈Λ࢖༻ͨ͠MVVM ✦ActivityͰը໘ॲཧҎ֎ʹ΋σʔλอଘͳͲશॲཧ΍ͬͯΔ ✦ViewModel, RoomͳͲΛ࢖༻ͯ͠ॲཧΛ෼཭ ✦DI͸Dagger HiltΛ࠾༻ ✦ભҠ͕શ෦startActivity ✦NavigationͰભҠॲཧ ✦๲େͰ൥ࡶͳϨΠΞ΢τ ✦Jetpack ComposeΛ࢖ͬͯϨΠΞ΢τߏங 15

Slide 16

Slide 16 text

ૣ଎ϦϑΝΫλϦϯά։࢝ʂ …ͱࢥͬͨΒ 16 TargetSdkVersion্͛ͨΒ support library͔Β AndroidXʹҠߦ͠ΖͱݴΘ ΕͯΔɻϨΠΞ΢τͷྔ΋ଟ ͍͠ɺେมͦ͏ͩͳ͊ʜ

Slide 17

Slide 17 text

௒؆୯ͩͬͨ 17 ίʔυ΍ϨΠΞ΢τ΋ࣗಈͰAndroidXʹҠߦ ΄΅खमਖ਼ແ͠ͰϏϧυͰ͖ͨ🎉

Slide 18

Slide 18 text

18 σʔλߏ଄ͷमਖ਼΍σΟϨΫτϦߏ੒ͷݟ௚͠ͳ ͲɺϥΠϒϥϦʔΛ࢖Θͳ͍मਖ਼͸লུͯ͠ʜ

Slide 19

Slide 19 text

Step1. ϨΠΞ΢τΛ࠶ߏங ✦Jetpack ComposeΛ࢖͏ ✦એݴతUI ✦ϨΠΞ΢τϑΝΠϧ(xml)ෆཁ ✦2021೥7݄ʹstable🎉 19

Slide 20

Slide 20 text

Jetpack Composeͷجຊతͳ࢖͍ํ ✦setContent ϒϩοΫ಺ʹίϯϙʔβϒϧΛݺͼग़ ͯ͠ϨΠΞ΢τΛఆٛ͢Δ ✦onCreate಺Ҏ֎ʹ΋ɺComposeView͔Β set΋Ͱ͖Δ ✦ίϯϙʔβϒϧͱ͸ @Composable Λ͚ͭͨؔ਺ ✦@Preview Λ͚ͭΔͱӈʹϓϨϏϡʔදࣔ ✦Modifier ͰαΠζͳͲΛௐ੔͠ɺϨΠΞ΢τΛߏ ੒͢Δ 20

Slide 21

Slide 21 text

Ϧετදࣔ΋ʜ ౰࣌Α͘Θ͔Βͳ͍··࣮૷͍ͯͨ͠RecyclerViewॲཧ 21

Slide 22

Slide 22 text

LazyColumnͰͱͯ΋γϯϓϧʹʂ 22

Slide 23

Slide 23 text

ঢ়ଶΛίϯϙʔβϒϧʹ౉͢͜ͱͰঢ়ଶʹԠ͡ ͨߋ৽͕Ͱ͖Δ ✦remember Λ࢖ͬͯঢ়ଶΛ ࠶ίϯϙʔζޙ΋อଘ ✦LiveData΍FlowͳͲͷ observableͳܕ͔ΒStateΛ ࡞੒Մೳ 23

Slide 24

Slide 24 text

AndroidViewΛ࢖ͬͯComposeͰ·ͩར༻Ͱ͖ͳ ͍UIཁૉΛදࣔͰ͖Δ ✦AdView΍MapViewͳͲ͸ ·ͩར༻Ͱ͖ͳ͍ ✦AndroidViewͷfactoryΛ ࢖ͬͯදࣔՄೳ 24

Slide 25

Slide 25 text

Step2. ViewModelΛಋೖ ✦Dagger HiltΛ׆༻͍ͨ͠ ✦DI(Dependency Injection)ϥΠϒϥϦʔ ✦DIͷఆ൪ͩͬͨDagger2 Λ͞Βʹվྑ ✦2021೥5݄ʹstable🎉 25

Slide 26

Slide 26 text

DIͷϋʔυϧ͕֨ஈʹԼ͕ͬͨ ✦ApplicationΫϥεʹ@HiltAndroidApp Λ͚ͭΔ ✦ݺͼग़͠ଆͷActivityͳͲͰ @AndroidEntryPointΛ͚ͭΔ ✦Inject͍ͨ͠΋ͷ͸constructorͷલʹ @InjectΛ͚ͭΔ ✦ViewModelͷ৔߹͸ߋʹ @HiltViewModelΛ͚ͭΔ ✦େମ͜ΕͰͰ͖ͪΌ͏ 26

Slide 27

Slide 27 text

Hilt͸Jetpack ComposeͱҰॹʹ࢖͑Δ ✦viewModel()Ͱίϯϙʔβϒϧ ͷҾ਺Ͱ΋औΕΔ ✦Composeʹ͓͚ΔHilt͸ NavigationͱϥΠϒϥϦ͕౷߹ ͞Ε͍ͯΔ ✦hilt-navigation-compose 27

Slide 28

Slide 28 text

Step3. ભҠಋઢͷܨ͗ࠐΈ ✦NavigationͰ֤ը໘ʹભҠ ✦Ҏલ͸destinationΛxml Ͱఆ͍ٛͯͨ͠ ✦ComposeͰ͸Kotlinίʔ υͰఆٛͰ͖Δ 28

Slide 29

Slide 29 text

NavigationΛ࢖ͬͨભҠ ✦NavHostΛ࣋ͬͨίϯϙʔβϒϧΛఆٛ ✦composableͷrouteͰߦ͖ઌΛࢦఆ ✦hiltViewModelͰ@HiltViewModel ͕͍ͭͨViewModelΛऔಘͰ͖Δ ✦NavHostControllerͰߦ͖ઌ΁ navigate ✦NavHostController͕ࢀর͢Δඞཁ ͕͋Δ͢΂ͯͷίϯϙʔβϒϧ͕ΞΫ ηεͰ͖ΔҐஔʹஔ͘ 29

Slide 30

Slide 30 text

શը໘΁ͷಋઢ͕ͭͳ͕ͬͨ🎉 30

Slide 31

Slide 31 text

ϦϑΝΫλϦϯάνϟϨϯδ Λܦͯ 31

Slide 32

Slide 32 text

ओʹJetpack ComposeͰײͨ͡ϝϦοτ ✦ϦετͳͲ͔ͳΓ؆ܿʹॻ͚Δ෦෼͕ଟ͔ͬͨ ✦ίʔυྔ͕શମతʹݮͬͨ(ޙड़) ✦એݴతUI͕௚ײతͰॳ৺ऀͷϋʔυϧ͕௿ͦ͏ ✦ࠓճॳΊͯ৮Ε͕ͨͱ͖ͬͭ΍͍͢ҹ৅ͩͬͨ(Flutter΍͔ͬͯͨΒ͔΋͠ Εͳ͍͚ΕͲ) ✦طଘΞϓϦͷ1ը໘͚ͩɺ·ͨ͸ը໘ͷҰ෦෼͚ͩJetpack ComposeͰϦϑΝ ΫλϦϯά͕Ͱ͖Δ ✦εΫϥοϓ&ϏϧυͰ1͔Β࡞Βͳͯ͘΋͍͍ 32

Slide 33

Slide 33 text

ͲΕ͘Β͍ίʔυྔ͕ݮ͔ͬͨ ✦ϨΠΞ΢τϑΝΠϧશ෦ফ͠ ͨͷͰ͍ͩͿݮͬͨ ✦ࠓճؒʹ߹ΘͣʹҰ୴ফͨ͠ ॲཧ΋͋ΔͷͰɺͦΕΛ෮׆ ͤͨ͞Β݁ߏ૿͑Δʁ ✦͕ͩݮগΛ௒͑Δ͜ͱ͸ͳ͞ ͦ͏ 33

Slide 34

Slide 34 text

(ݸਓతʹײͨ͡)Jetpack ComposeͷΠϚΠνͳ఺ ✦ͦͷίϯϙʔβϒϧɺͦ͜(Material Design)ʹແ͚Ε͹ແ͍Ͱ͢Ͷ ✦SpinnerͳͲੲ͸͋ͬͨ΋ͷΛࣗલͰ࣮૷͢Δඞཁ͕͋ͬͨ ✦·ͩඍົʹᙱ͍ͱ͜Ζʹಧ͔ͳ͍ ✦TextFieldʹmaxLengthͳͯ͘ڻ͍ͨ ✦Previewؔ࿈ ✦ҰʑϏϧυ͕ඞཁɺFlutterͷHot Reload͕࿀͘͠ͳͬͨ ✦(࣮૷ͷ͍͔ͤ΋͠Εͳ͍͕)Previewͷද͕ࣔյΕ͍ͯΔ΋ͷ͕͋ͬͨ ✦NavigationͷΞχϝʔγϣϯͳͲɺଟ͘ͷ։ൃऀ͕࢖͍͍ͨͰ͋Ζ͏ػೳ͕·ͩఏڙ͞Ε͍ͯͳ͍ ✦Accompanistͱ͍͏ิॿϥΠϒϥϦʔͰఏڙ͞ΕͯΔ͕ɺʮকདྷతʹػೳ͕ഇࢭ͞ΕΔՄೳੑ͋Γ·͢ʯͱॻ͔ Ε͍ͯͯखΛग़ͮ͠Β͍ ͱݴ͍ͭͭɺ্هͷ఺Λ௒͑ͨϝϦοτ͸ײ͡ΒΕͨʂ 34

Slide 35

Slide 35 text

ࠓޙͷ༧ఆ ✦ؒʹ߹Θͳ͔ͬͨRoomͷಋೖ΍ɺҰ୴ফͨ͠ॲཧΛ෮׆ͤ͞ Δ ✦σβΠϯΛࠓͬΆ͍ͨ͘͠(Material YouͳͲ) ✦ࠓޙ΋͜ͷΞϓϦΛ৽ٕज़ͷ༡ͼ৔ֶशࡐྉͱͭͭ͠ϒϥο γϡΞοϓ͍͖͍ͯͨ͠ 35

Slide 36

Slide 36 text

ࠓճͷνϟϨϯδͰײͨ͜͡ͱ ✦ੲͷίʔυΛݟͯʮμϝͩͳʙʯͱࢥ͑ΔΑ͏ʹͳͬͨࣗ෼ͷ੒ ௕ ✦ίʔυͷΫΦϦςΟͱͯ͠͸ΠϚΠνͰ΋ɺΞϓϦϦϦʔε·Ͱ ͍͚࣋ͬͯͨੲͷࣗ෼ͷ೤ҙ ✦࠷৽ٕज़ʹ৮Εͨ͜ͱʹΑΔAndroidΞϓϦ։ൃ΁ͷϞνϕʔ γϣϯΞοϓ ✦AndroidΞϓϦ։ൃ͸ɺ΍ͬͺΓָ͍͠ʂ 36

Slide 37

Slide 37 text

37 օ͞Μ΋ۦ͚ग़࣌͠୅ͷίʔυΛݟฦͯ͠ɺ ॳ৺ʹฦͬͯΈͯ͸͍͔͕Ͱ͠ΐ͏͔

Slide 38

Slide 38 text

38 Fin...?

Slide 39

Slide 39 text

39 ݸਓΞϓϦͰࢼ͚ͩ͢͡Όͳͯ͘ɺۀ຿Ͱ ࠷৽ٕज़Λ࢖ͬͯษڧ͍ͨ͠ͳʙ ※͜Ε͸CMͰ͢

Slide 40

Slide 40 text

40 ͦΕɺΏΊΈͰͰ͖·͢Αʁ ※͜Ε͸CMͰ͢

Slide 41

Slide 41 text

ΏΊΈͰ͸Androidͷ࠷৽ٕज़Λ࢖͑Δɾֶ΂Δػձ͕ͨ͘͞Μʂ ✦ࠓճ঺հͨ͠࠷৽ٕज़Λ࠾༻ͨ͠Ҋ݅ଟ਺͋Γʂ ✦FlutterΛ׆༻ͨ͠಺੡ԽࢧԉΛຊ֨։࢝ʂ ✦֤࠷৽ٕज़ͷϫʔΩϯάάϧʔϓͰ஌ࣝΛਂ۷Γʂ ✦ຖ೔1ͭ͸ࣾ಺ษڧձΛ։࠵ʂ 41 ※͜Ε͸CMͰ͢ ͋ͳͨ΋ΏΊΈͰര଎੒௕͠·ͤΜ͔ʁ

Slide 42

Slide 42 text

42 Fin