Famm Android改善記

2023/3/22 Ebisu.mobile #1
スライド内に一部動画が含まれているので、YouTubeの閲覧をおすすめします。

Transcript

1. Famm Android
   
   
   ٕज़ෛ࠴ղফه
   Ebisu.mobile #1
   
   
   @akatsuki174
   

   View Slide

2. ֓ཁ
   

   View Slide

3. ֓ཁ
   • Android൛FammͰͲΜͳٕज़ෛ࠴͕͋ΓɺͲΜͳ
   ۤ࿑͕͋ͬͨͷ͔Λ঺հ
   
   
   • ΈΜͳͷ໾ʹཱͨͳ͍͜ͱʢݹ͍Ҩ࢈͕ͳ͍͜ͱʣ
   Λف͍ͬͯΔΑ…
   

   View Slide

4. ࣗݾ঺հ
   

   View Slide

5. • Android/iOS/FlutterΤϯδχΞ
   
   
   • 1ࣇͷ฼
   
   
   • εϓϥτΡʔϯ3͸΋Έ͡ɹɹ
   γϡʔλʔ
   

   View Slide

6. ThreeTenABPͷ࡟আ
   

   View Slide

7. ThreeTenABPͱ͸
   • Java8͔Βಋೖ͞ΕͨDate and Time APIΛAndroid
   Ͱར༻ՄೳͳΑ͏ʹόοΫϙʔτͨ͠΋ͷ
   
   
   • ৄ͘͠͸ͪ͜ΒΛͲ͏ͧ
   
   
   • https://techblog.timers-inc.com/entry/
   2016/06/27/121939
   

   View Slide

8. View Slide

9. ࠩ͠ସ͑࡞ۀ
   • جຊతʹ͸org.threeten.bpΛjava.timeʹ͢Δ͚ͩ
   ͰOK
   

   View Slide

10. ViewPager->
    
    
    ViewPager2΁ͷҠߦ
    

    View Slide

11. ViewPagerʢ2ʣͱ͸
    • JetpackϥΠϒϥϦͷதͷ̍ͭ
    
    
    • ը໘εϫΠϓͰϏϡʔ΍ϑϥάϝϯτΛ੾Γସ͑Δ
    ͜ͱ͕Ͱ͖Δ
    

    View Slide

12. Nested Scroll͕ޮ͔ͳ͍໰୊
    • ViewPagerͷதͰViewPagerΛ࢖͍ͬͯΔͱ͜Ζ͕
    ͋ͬͨ
    
    
    • ViewPagerͰ͸໰୊ͳ͔͕ͬͨɺViewPager2ʹ͠
    ͨͱ͜Ζ਌ͷεΫϩʔϧ͕༏ઌ͞Εͯ͠·͍ɺࢠͷ
    εΫϩʔϧ͕Ͱ͖ͳ͘ͳͬͯ͠·ͬͨ
    

    View Slide

13. View Slide

14. Nested Scroll͕ޮ͔ͳ͍໰୊
    IUUQTEFWFMPQFSBOESPJEDPNEFWFMPQVJWJFXTBOJNBUJPOTWQNJHSBUJPO IMFOOFTUFE
    TDSPMMBCMFT
    

    View Slide

15. IUUQTHJUIVCDPNBOESPJEWJFXTXJEHFUTTBNQMFTCMPCNBTUFS7JFX1BHFSBQQTSDNBJOKBWB
    BOESPJEYWJFXQBHFSJOUFHSBUJPOUFTUBQQ/FTUFE4DSPMMBCMF)PTULU
    

    View Slide

16. ίʔυྫ
    

    View Slide

17. View Slide

18. ࣍View͕νϥݟͤͰ͖ͳ͍໰୊
    • ԣεΫϩʔϧ͕Ͱ͖ΔΑ͏ʹͨ͠Pager෦෼Ͱى͖
    ͨ໰୊
    
    
    • ࣍ͷView͕νϥݟ͑͢ΔUIʹ͍ͯͨ͠͸͕ͣɺ࣍
    ͷView͕ݟ͑ͳ͍ঢ়ଶʹͳ͍ͬͯͨ
    

    View Slide

19. View Slide

20. ίʔυྫ
    

    View Slide

21. View Slide

22. View Slide

23. ͦͷଞमਖ਼
    • Listener΍Adapter΋ViewPager2ʹ߹͏Α͏ʹमਖ਼
    

    View Slide

24. ExoPlayerͷΞοϓσʔτ
    
    
    ʢr2.2.0->2.18.2ʣ
    

    View Slide

25. ExoPlayerͱ͸
    • AndroidͰಈը΍ԻָΛѻ͏ͨΊͷMediaPlayer
    
    
    • FammͰ͸ಈը࠶ੜͷͨΊʹಋೖ͍ͯ͠Δ
    

    View Slide

26. ϋϚΓϙΠϯτ
    • ͱʹ͔͘API͕͜Ζ͜ΖมΘΔ
    
    
    • ϚΠφʔόʔδϣϯΞοϓσʔτͰ΋มΘΔ
    
    
    • 2.4.0͔ΒSeekBar->DefaultTimeBarʹมΘͬͨ
    

    View Slide

27. ExoPlayer->Jetpack Media3
    ΁ͷҠߦ
    
    
    ʢதࢭʣ
    

    View Slide

28. Jetpack Media3ͱ͸
    • ಈըɺԻָ༻ͷϥΠϒϥϦ
    
    
    • ExoPlayer͕౷߹͞Ε͍ͯΔ
    
    
    • কདྷతʹ͸Media3΁ͷҠߦ͕ඞཁ
    

    View Slide

29. IUUQTTQFBLFSEFDLDPNNJYJ@FOHJOFFSTOJBOOPEPOHIVB[BJTIFOHBQVSJOP[VPSJGBOH
    

    View Slide

30. Ұ෦͏·͍͔͘ͳ͔ͬͨ
    • मਖ਼͕େ෯ʹඞཁͳՕॴ͸ͳ͘ɺجຊతʹ͸͏·͘
    ͍ͬͨ
    
    
    • ͕ɺҰ෦Ϙλϯλοϓʹ໰୊͕ൃੜͨ͠
    
    
    • ͷͪͷόʔδϣϯΞοϓͰมԽ͋Δ͔ͳ͊ͱࢥ͍
    ͍ͬͨΜอཹ
    

    View Slide

31. View Slide

32. View Slide

33. View Slide

34. IUUQTEFWFMPQFSBOESPJEDPNDPEFMBCTFYPQMBZFSJOUSP IMKB
    

    View Slide

35. Glide->Coil΁ͷҠߦ
    
    
    ʢதࢭʣ
    

    View Slide

36. Coilʹ͠Α͏ͱͨ͠
    • ͜Ε͔ΒJetpackComposeΛೖΕ͍͖͍ͯͨͷͰ
    Coilʹ͠Α͏ͱࢥͬͨ
    
    
    • ͕ɺCoil൛GlideFaceDetectionTransformationɹ
    ʢإͷҐஔΛத৺ʹBitmapΛੜ੒͢Δ
    Transformationʣ͕ݟ͔ͭΒͣɺͻͱ·ͣGlideΛ
    ࢖͍ଓ͚Δ͜ͱʹ
    

    View Slide

37. ͦͷଞ
    

    View Slide

38. ͱʹ͔͘Ξοϓσʔτ
    • όʔδϣϯ൪߸Λม͑Δ͚ͩͰOKͳϥΠϒϥϦ΋
    ؚΊͯͱʹ͔͘ݹ͍ϥΠϒϥϦΛΞοϓσʔτͨ͠
    
    
    • Kotlin΋JetpackComposeͷͨΊʹΞοϓσʔτ
    

    View Slide

39. ༨ஊɿDependabot
    • Ξοϓσʔτ͕ೖ͍ͬͯΔϥΠϒϥϦ͕͋ͬͨΒࣗ
    ಈͰPRΛ࡞ͬͯ͘ΕΔ΍ͭ
    
    
    • GitHub্Ͱϙνϙν͢Δ͚ͩͰઃఆͰ͖Δ
    
    
    • νϟϯε͕͋Ε͹ೖΕͯΈ͔ͨͬͨ
    

    View Slide

40. ͓ΘΓ
    

    View Slide