WantedlyでのCompose導入 / Introducing Jetpack Compose at Wantedly

https://teamlab.connpass.com/event/274800/

Transcript

1. ©2023 Wantedly, Inc.
   8BOUFEMZͰͷ$PNQPTFಋೖ
   ϞόΠϧษڧձ
   2023/03/07 ٱอग़ խढ़
   

   View Slide

2. ©2023 Wantedly, Inc.
   XXXXBOUFEMZDPNJELVCPEF
   

   View Slide

3. ©2023 Wantedly, Inc.
   w +FUQBDL$PNQPTFͷͭͷಋೖࣄྫ঺հ
   • ಋೖϩʔυϚοϓ
   
   
   • ͏·͍ͬͨ͘͜ͱ
   
   
   • ݟ͑ͯΔ՝୊
   ࿩͢͜ͱ
   

   View Slide

4. ©2023 Wantedly, Inc.
   લճͷ%SPJE,BJHJΞϯέʔτʢ
   👉
   

   View Slide

5. ©2023 Wantedly, Inc.
   w ೥݄͔ΒಋೖΛਪਐ
   • Androidϝϯόʔ͕૿͑ͨ
   
   
   • ෭ۀϝϯόʔ΍Πϯλʔϯ͔ΒͷϑΟʔυόοΫ
   
   
   • ࣾ֎ࣄྫͷ૿ՃɺҰൠԽ
   ಋೖ൑அ
   

   View Slide

6. ©2023 Wantedly, Inc.
   ϩʔυϚοϓ
   

   View Slide

7. ©2023 Wantedly, Inc.
   Ͳ͏ਐΊͨΒ͍͍͔Θ͔Βͳ͔ͬͨ
   👉෭ۀϝϯόʔʹެࣜͷҠߦઓུΛקΊΒΕͨ
   ϩʔυϚοϓΛཱͯΔ·Ͱ
   

   View Slide

8. ©2023 Wantedly, Inc.
   ެࣜͷҠߦઓུ
   https://developer.android.com/jetpack/compose/migrate/strategy
   

   View Slide

9. ©2023 Wantedly, Inc.
   ϩʔυϚοϓ
   

   View Slide

10. ©2023 Wantedly, Inc.
    ࠷ॳʹܾΊͨ͜ͱ
    

    View Slide

11. ©2023 Wantedly, Inc.
    w ϓϩμΫτͰখ͘͞ݕূ
    • ίʔυϥϘ΍PoCͯͯ͠΋Θ͔Βͳ͍͜ͱ͕ଟ͔ͬͨ
    
    
    • ϓϩμΫτ͡Όͳ͍ͱΘ͔Βͳ͍͜ͱ͕ଟ͍ͨΊ
    
    
    • ෛ࠴Λڐ༰͢Δ
    
    
    w ૣ͗͢Δ࠷దԽΛආ͚Δ
    • ͍͖ͳΓTheme΍ڞ௨ίϯϙʔωϯτΛ࡞Βͳ͍
    
    
    • ϊ΢ϋ΢͕ͳ͍ঢ়ଶͰ࡞ͬͯ΋ෛ࠴ʹͳΔͨΊ
    ܾΊͨ͜ͱ
    

    View Slide

12. ©2023 Wantedly, Inc.
    ಋೖ
    

    View Slide

13. ©2023 Wantedly, Inc.
    7JFX୯Ґ
    

    View Slide

14. ©2023 Wantedly, Inc.
    γϯϓϧͳը໘
    ը໘શମ
    
    
    ViewModel
    
    
    Rx
    

    View Slide

15. ©2023 Wantedly, Inc.
    ෳࡶͳը໘
    طଘͷViewPagerͷ1ը໘
    
    
    ViewModel
    
    
    KMM
    
    
    Coroutine
    

    View Slide

16. ©2023 Wantedly, Inc.
    ײͨ͡ར఺
    

    View Slide

17. ©2023 Wantedly, Inc.
    w ମײഒͷ6*։ൃޮ཰
    • Մಡੑ͕ஈҧ͍
    
    
    • ॻ͖৺஍
    
    
    • PreviewʹΑΔදࣔύλʔϯ֬ೝ
    ײͨ͡ར఺
    

    View Slide

18. ©2023 Wantedly, Inc.
    ՝୊
    

    View Slide

19. ©2023 Wantedly, Inc.
    w ѹ౗త஌ࣝෆ଍
    • ֶͼͳ͕Β࡞Δ
    
    
    • ෭ۀϝϯόʔ͔Βͷαϙʔτ
    
    
    • ࣾ಺ษڧձ
    ՝୊
    

    View Slide

20. ©2023 Wantedly, Inc.
    ՝୊
    NestedScroll
    
    
    ௥ՃಡΈࠐΈ
    
    
    ύϑΥʔϚϯε
    
    
    ΧϧʔηϧUI
    

    View Slide

21. ©2023 Wantedly, Inc.
    ·ͱΊ
    

    View Slide

22. ©2023 Wantedly, Inc.
    w $PNQPTFಋೖͷҰྫΛ঺հ
    w ։ൃޮ཰ͷ޲্Λ࣮ײ
    • Մಡੑ͕޲্
    
    
    • ίʔυྔ͕େ෯ʹ࡟ݮ
    
    
    • Preview
    
    
    w ૣ͗͢Δ࠷దԽΛ͠ͳ͍͜ͱ͸Α͔ͬͨ
    w কདྷతʹ͸σβΠϯγεςϜΛঃʑʹߏங
    ·ͱΊ
    

    View Slide