$30 off During Our Annual Pro Sale. View Details »

cluster_SwiftUI

 cluster_SwiftUI

Cluster, Inc.

March 10, 2022
Tweet

More Decks by Cluster, Inc.

Other Decks in Technology

Transcript

  1. clusterͰͷSwiftUI׆༻ྫ
    2022೥3݄3೔ ڮຊ

    View Slide

  2. Cluster, Inc. All Rights Reserved.
    ࣗݾ঺հ
    2
    • ϓϥοτϑΥʔϜࣄۀ෦GrowthTeamॴଐ


    • ໿1೥ؒͷΠϯλʔϯظؒΛܦͯɺ2017೥ʹ
    ৽ଔͰೖࣾ


    • ιϑτ΢ΣΞΤϯδχΞ⚡


    • iOS/Unity

    View Slide

  3. Cluster, Inc. All Rights Reserved.
    ࠓ೔࿩͢͜ͱ
    3
    • SwiftUIಋೖͷܦҢ΍ํ਑


    • clusterͰͷSwiftUIಋೖࣄྫ


    • ಋೖͯ͠ײͨ͡ྑ͍఺ɾ஫ҙ఺


    • ࠓޙऔΓ૊Έ͍ͨ͜ͱ

    View Slide

  4. SwiftUIಋೖͷܦҢ΍ํ਑ 🗺

    View Slide

  5. Cluster, Inc. All Rights Reserved.
    ಋೖͷܦҢ
    5
    • Ϟμϯͳٕज़Λ࢖͍͔ͨͬͨ


    • ٕज़తͳνϟϨϯδWelcomeͳࣾ෩


    • UIύʔπͷίϯϙʔωϯτԽ͕༰қ


    • ։ൃ଎౓ͷ޲্


    • ࢖༻͍ͯ͠ΔطଘϥΠϒϥϦ͕SwiftUIʹରԠ͍ͯͨ͠


    • Lottie, SDWebImage, etc…

    View Slide

  6. Cluster, Inc. All Rights Reserved.
    ಋೖͷํ਑
    6
    • Collection/TableViewͷCellͷ಺෦ΛSwiftUIԽ͍ͯ͘͠


    • ৽ͨʹ࣮૷͢Δը໘ʹ͸ੵۃతʹ࢖༻͢Δ


    • UIHostingControllerΛCellʹ৐ͤΔ


    View Slide

  7. clusterͰͷSwiftUIಋೖࣄྫ 🚀

    View Slide

  8. Cluster, Inc. All Rights Reserved.
    ͜Μͳͱ͜ΖͰ࢖ΘΕ͍ͯ·͢
    8
    ϝοηʔδػೳ ϫʔϧυΫϥϑτ

    View Slide

  9. Cluster, Inc. All Rights Reserved.
    ৽͍͠APIͷ࢖༻ࣄྫ
    9
    ϝοηʔδػೳ contextMenu
    Long Tap

    View Slide

  10. ಋೖͯ͠ײͨ͡ྑ͍఺ 🙆ɾ஫ҙ఺ ⚠

    View Slide

  11. Cluster, Inc. All Rights Reserved.
    ྑ͍఺
    11
    • Previewػೳ


    • UI࣮૷ͷΠςϨʔγϣϯߴ଎Խ


    • UIύʔπͷίϯϙʔωϯτԽ


    • ڞ௨෦෼Λ͋ͱ͔Β੾Γग़͠΍͍͢


    • ίʔυϨϏϡʔ͠΍͘͢


    • XMLΑΓ͸Δ͔ʹಡΈ΍͍͢

    View Slide

  12. Cluster, Inc. All Rights Reserved.
    ϝοηʔδػೳͰͷ׆༻ྫ
    12
    • ϝοηʔδόϒϧͷ۠ผɺจࣈͷݟ੾Εɺෳ਺ߦɺϦϯΫςΩετ

    View Slide

  13. Cluster, Inc. All Rights Reserved.
    ஫ҙ఺
    13
    • Previewػೳ


    • දࣔ͞Εͳ͘ͳΓ͕ͪ


    • ࢖͑ΔAPIͷਫ਼ࠪ


    • iOSόʔδϣϯʹΑͬͯ࢖͑ΔAPI͕ҧ͏


    • ViewͷαΠζऔಘ͕ࠔ೉


    • GeometryReader͕Ή͍ͣ

    View Slide

  14. ࠓޙऔΓ૊Έ͍ͨ͜ͱ 💪

    View Slide

  15. Cluster, Inc. All Rights Reserved.
    ࠓޙऔΓ૊Έ͍ͨ͜ͱ
    15
    • SwiftUIͷίϯϙʔωϯτ؅ཧ


    • ݱঢ়Ͳ͜ͰԿ͕࢖ΘΕ͍ͯΔͷ͔͕෼͔ΓͮΒ͍


    • ModuleԽɺStorybook


    • ΞʔΩςΫνϟ౷Ұ


    • SwiftUI + Combine Ͱ MVVM

    View Slide

  16. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠

    View Slide