cluster_SwiftUI

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