Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

Masatoshi Kubode

March 07, 2023
Tweet

More Decks by Masatoshi Kubode

Other Decks in Programming

Transcript

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

    View full-size slide

  2. ©2023 Wantedly, Inc.
    XXXXBOUFEMZDPNJELVCPEF

    View full-size slide

  3. ©2023 Wantedly, Inc.
    w +FUQBDL$PNQPTFͷͭͷಋೖࣄྫ঺հ
    • ಋೖϩʔυϚοϓ


    • ͏·͍ͬͨ͘͜ͱ


    • ݟ͑ͯΔ՝୊
    ࿩͢͜ͱ

    View full-size slide

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

    View full-size slide

  5. ©2023 Wantedly, Inc.
    w ೥݄͔ΒಋೖΛਪਐ
    • Androidϝϯόʔ͕૿͑ͨ


    • ෭ۀϝϯόʔ΍Πϯλʔϯ͔ΒͷϑΟʔυόοΫ


    • ࣾ֎ࣄྫͷ૿ՃɺҰൠԽ
    ಋೖ൑அ

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  11. ©2023 Wantedly, Inc.
    w ϓϩμΫτͰখ͘͞ݕূ
    • ίʔυϥϘ΍PoCͯͯ͠΋Θ͔Βͳ͍͜ͱ͕ଟ͔ͬͨ


    • ϓϩμΫτ͡Όͳ͍ͱΘ͔Βͳ͍͜ͱ͕ଟ͍ͨΊ


    • ෛ࠴Λڐ༰͢Δ


    w ૣ͗͢Δ࠷దԽΛආ͚Δ
    • ͍͖ͳΓTheme΍ڞ௨ίϯϙʔωϯτΛ࡞Βͳ͍


    • ϊ΢ϋ΢͕ͳ͍ঢ়ଶͰ࡞ͬͯ΋ෛ࠴ʹͳΔͨΊ
    ܾΊͨ͜ͱ

    View full-size slide

  12. ©2023 Wantedly, Inc.
    ಋೖ

    View full-size slide

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

    View full-size slide

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


    ViewModel


    Rx

    View full-size slide

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


    ViewModel


    KMM


    Coroutine

    View full-size slide

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

    View full-size slide

  17. ©2023 Wantedly, Inc.
    w ମײഒͷ6*։ൃޮ཰
    • Մಡੑ͕ஈҧ͍


    • ॻ͖৺஍


    • PreviewʹΑΔදࣔύλʔϯ֬ೝ
    ײͨ͡ར఺

    View full-size slide

  18. ©2023 Wantedly, Inc.
    ՝୊

    View full-size slide

  19. ©2023 Wantedly, Inc.
    w ѹ౗త஌ࣝෆ଍
    • ֶͼͳ͕Β࡞Δ


    • ෭ۀϝϯόʔ͔Βͷαϙʔτ


    • ࣾ಺ษڧձ
    ՝୊

    View full-size slide

  20. ©2023 Wantedly, Inc.
    ՝୊
    NestedScroll


    ௥ՃಡΈࠐΈ


    ύϑΥʔϚϯε


    ΧϧʔηϧUI

    View full-size slide

  21. ©2023 Wantedly, Inc.
    ·ͱΊ

    View full-size slide

  22. ©2023 Wantedly, Inc.
    w $PNQPTFಋೖͷҰྫΛ঺հ
    w ։ൃޮ཰ͷ޲্Λ࣮ײ
    • Մಡੑ͕޲্


    • ίʔυྔ͕େ෯ʹ࡟ݮ


    • Preview


    w ૣ͗͢Δ࠷దԽΛ͠ͳ͍͜ͱ͸Α͔ͬͨ
    w কདྷతʹ͸σβΠϯγεςϜΛঃʑʹߏங
    ·ͱΊ

    View full-size slide