Five things you can do with SwiftUI v2

WWDC Extended Tokyo 2020

Transcript

1. AKKEY / AKIO ITAYA
   SwiftUI v2 ͰՄೳʹͳΔ͜ͱ̑બʂ
   WinTicket, Inc.
   

   View Slide

2. ໊લɿ൘୩ ߊྑɹ/ɹ͖͋ͬʔ
   झຯɿυϥΠϒ
   ׆ಈɿ@AkkeyLab
   Cyberagent, Inc.
   WinTicket, Inc.
   ۝भʢ෱Ԭʣग़਎ɹ̍̔೥৽ଔ iOS ΤϯδχΞ
   ࣗݾ঺հ
   

   View Slide

3. ◆ UIKit Λϥοϓ͢Δճ਺͕ܹݮʂ
   ◆ Navigation Graph ͕΍ͬͯ͘Δʂ
   ◆ Xcode Previews ύϑΥʔϚϯεUPʂ
   ◆ Compositional Layout ͕ར༻Մೳʹʂ
   ◆ ScrollView ͕࢖͑ΔϨϕϧʹʂ
   SwiftUI v2 ͰՄೳʹͳΔ͜ͱ̑બʂ
   

   View Slide

4. UIKit Λϥοϓ͢Δճ਺͕ܹݮʂ
   

   View Slide

5. UIKit Λϥοϓ͢Δճ਺͕ܹݮʂ
   

   View Slide

6. UIKit Λϥοϓ͢Δճ਺͕ܹݮʂ
   Activity Indicators, Search Bars, Multiline Text Views, Refresh Controls, …
   

   View Slide

7. ScrollView ͕࢖͑ΔϨϕϧʹʂ
   

   View Slide

8. ScrollView ͕࢖͑ΔϨϕϧʹʂ
   ݱঢ়ɺ௥ՃಡΈࠐΈ΋Ұۤ࿑
   Offset ͷ֓೦͸௥Ճ͞ΕΔ͸ͣʂ
   

   View Slide

9. Compositional Layout ͕ར༻Մೳʹʂ
   

   View Slide

10. Compositional Layout ͕ར༻Մೳʹʂ
    ҰԠɺͦΕͬΆ͍ͷ͸࡞ΕΔ
    

    View Slide

11. Compositional Layout ͕ར༻Մೳʹʂ
    https://akkeylab.com/2020/05/10/perform-full-scale-application-development-with-swiftui/
    

    View Slide

12. Compositional Layout ͕ར༻Մೳʹʂ
    https://akkeylab.com/2020/05/10/perform-full-scale-application-development-with-swiftui/
    

    View Slide

13. Compositional Layout ͕ར༻Մೳʹʂ
    Ͱ΋ɺύϑΥʔϚϯεඍົ
    

    View Slide

14. Compositional Layout ͕ར༻Մೳʹʂ
    https://developer.apple.com/documentation/uikit/views_and_controls/collection_views/layouts
    SwiftUI ͱಉ͡ WWDC19 Ͱൃද
    SwiftUI ͕ରԠ͠ͳ͍Θ͚͕ͳ͍ʂ
    

    View Slide

15. Xcode Previews ύϑΥʔϚϯεUPʂ
    

    View Slide

16. Xcode Previews ύϑΥʔϚϯεUPʂ
    Xcode
    Simulator Simulator Simulator Simulat
    

    View Slide

17. Xcode Previews ύϑΥʔϚϯεUPʂ
    Xcode
    Simulator Simulator Simulator Simulat
    

    View Slide

18. Xcode Previews ύϑΥʔϚϯεUPʂ
    Xcode
    Simulator Simulator Simulator Simulat
    

    View Slide

19. Xcode Previews ύϑΥʔϚϯεUPʂ
    ࢀߟจݙɿHow Xcode Previews works
    https://akkeylab.com/2020/02/11/how-xcode-previews-works/
    

    View Slide

20. Xcode Previews ύϑΥʔϚϯεUPʂ
    macOS ΠϯετʔϧͷࣄલษڧඞਢͰ͢Αʂ
    https://support.apple.com/ja-jp/HT208891
    

    View Slide

21. Navigation Graph ͕΍ͬͯ͘Δʂ
    

    View Slide

22. Navigation Graph ͕΍ͬͯ͘Δʂ
    Storyboard ͷػೳ͕ SwiftUI ΁
    

    View Slide

23. Navigation Graph ͕΍ͬͯ͘Δʂ
    https://developer.android.com/guide/navigation/navigation-design-graph
    

    View Slide

24. WWDC20 ͷৼΓฦΓͱ͍͑͹…
    

    View Slide

25. iOS Developer’s
    CyberAgent
    TXJG
    ̓ / ̍ʢਫʣ̍࣌̕ΑΓ׬શΦϯϥΠϯ։࠵ʂ
    

    View Slide

26. ࠷ޙʹ
    

    View Slide

27. ࠷ޙʹ
    ༧૝ͳͷͰ֎Εͯ΋ౖΒͳ͍ͰͶ
    

    View Slide

28. Thank you !!
    

    View Slide