Navigation ComponentとFluxをnanaに導入した

社内勉強会 #深いい勉強会 の資料です

Transcript

1. Navigation Componentͱ FluxΛnanaʹಋೖͨ͠
2. Young @ nana music Android Engineer
3. Navigation Component
4. Navigation Componentͱ͸ • Google I/O 2018Ͱ௥Ճ • ը໘ભҠͷॲཧΛ؆୯ʹ࣮૷Ͱ͖Δ • 2019/03/14 Stable Release
5. Pros • Navigaton Graphʹը໘ભҠ͕໌ࣔతʹදݱ͞ΕΔͨΊɺ࢓༷ͷڞ༗͕؆୯ʹ • XML͚ͩͰભҠઌɾ໭ΓઌɾભҠ࣌ͷҾ਺ΛΑΓ҆શʹఆٛͰ͖Δ • ભҠ࣌ͷϝιουΛࣗಈੜ੒ͯ͘͠ΕΔͷͰɺόάΛੜΈʹ͍͘ • AndroidͳΒͰ͸ͷը໘ભҠͷۤ࿑Λղফͯ͘͠ΕΔ • ը໘ભҠ΍ը໘ͷελοΫ؅ཧ͸Programmaticʹಠࣗʹॻ͘ඞཁ͕͋ͬͨ • Activity : Fragment 1:nͷߏ੒͸ɺ؅ཧ͸ෳࡶͰόάΛੜΈ΍͍͢ͷͰආ͚ΒΕΔ܏޲ʹ͋ͬͨ • Activity : Fragment 1:1ͷߏ੒͸ɺ؅ཧߏ଄͕γϯϓϧͰਓؾ͕ࠜڧ͍ҹ৅͕͋ͬͨ • NavigationͰ͸Activity : Fragment 1:n͕جຊߏ੒ɻ͜Ε͔Β͸Activity / Fragmentͷ૊Έ ํ͕มΘͬͯ͘ΔͱࢥΘΕΔ
6. Cons • ݟ౰ͨΒͳ͍ • ࢥΘ͵ͱ͜ΖͰ͍᪴ͨΓόάΛ౿Έͦ͏ʁ
7. Refs • Navigation Codelab • https://codelabs.developers.google.com/ codelabs/android-navigation/#0
8. ΍ͬͨ͜ͱ • ϩάΠϯϑϩʔͷϦϓϨΠε
9. Navigation Graph
10. Demo
11. Flux
12. Fluxͱ͸ • Facebook͕ఏএͨ͠ϑϩϯτͷWebΞϓϦ έʔγϣϯͷΞʔΩςΫνϟ • Droidkaigi2019ͷConference app 2019Ͱ΋࠾ ༻ • Androidͷ։ൃʹ͓͍ͯ΋ಋೖࣄྫ͕૿͍͑ͯ Δ
13. Fluxͱ͸ Refs : https://github.com/DroidKaigi/conference-app-2019
14. Pros • σʔλ͕Ұํ޲ʹྲྀΕɺෳࡶͳॲཧͰ΋͖ͬ͢Γͱॻ͘͜ͱ ͕Ͱ͖Δ • ϏδωεϩδοΫΛݺͿॲཧɺViewʹঢ়ଶΛ൓ө͢Δॲ ཧ͕෼཭͞ΕΔ • ഥखͷΑ͏ͳΞϓϦ಺ΞΫγϣϯͷෳ਺ը໘΁ͷViewͷ൓ өॲཧͳͲΛɺڞ௨Խ͖ͭͭ͠Ε͍ʹॻ͘͜ͱ͕Ͱ͖Δ • FluxͷϑϩʔͷதͰɺView΁ͷ൓өॲཧΛఆٛͰ͖Δ
15. Cons • FluxΛߏ੒͢Δ࢓૊Έʹର͢Δֶशίετ͕ ͔͔Δ • ߏ੒ཁૉͱͳΔLiveDataɺViewModelɺ Coroutines/RxJavaͳͲͷ஌ࣝ΋ඞཁ • MVP΍MVVM͔ΒͷҠߦ͸গ͠େม
16. Refs • DroidKaigi / conference-app-2019 • https://github.com/DroidKaigi/conference- app-2019
17. ΍ͬͨ͜ͱ • Fluxͷࠎ૊Έ෦෼ΛConference app 2019ͷιʔείʔυΛࢀߟʹ࣋ͬ ͯ͘Δ • MVVM͔ΒҠߦ • ViewModelΛActionCreatorʹஔ͖׵͑Δ • ViewModel಺ʹఆٛͨ͠LiveDataΛStoreʹҠ͢ • Databinding͸ViewͷInstanceੜ੒ͷΈʹݶఆ͢Δ • ViewͷΠϯλϥΫγϣϯ͸FragmentͰ؅ཧ͢Δ
18. Demo
19. Conclusion • ϘΠϥʔϓϨʔτίʔυ͕ݮΓɺ։ൃ͕γϯϓϧʹͳ͍ͬͯ͘ • αϯϓϧ͕ެ։͞Ε͍ͯΔͷͰಋೖ͕؆୯ • Android։ൃʹ͓͍ͯConference app΍CodelabͳͲͷ໌ࣔతͳࢦ਑ΛϑΥϩʔ ͢Δ͜ͱ͸౰વʹͳΓɺڞ௨ݴޠʹͳΓͭͭ͋Δ • JavaͰॻ͔ΕͨϨΨγʔͳίʔυ΋গͣͭ͠ϦϓϨΠεΛਐΊΒΕΔͱྑͦ͞͏ • KotlinԽ -> DatabindingԽ -> FluxԽ • nana ͷAndroid։ൃ͸ࠓޙɺNavigationͱFluxͰ