公式「ハーフモーダル」がやってきた！

2021/06/28 YUMEMI.swift #12 feat. HAKATA.swift 〜WWDC Recap～

Transcript

1. ެࣜʮϋʔϑϞʔμϧʯ͕
   ΍͖ͬͯͨʂ
   YUMEMI.swift #12 feat. HAKATA.swift
   ʙWWDC Recapʙ
   @akatsuki174
   

   View Slide

2. ࣗݾ঺հ
   

   View Slide

3. • ਢ౻ຘʢ@akatsuki174ʣ
   • iOS→AndroidΤϯδχΞ
   • גࣜձࣾTimersॴଐ
   • 4݄ʹୈҰࢠग़࢈ɺҭٳத
   

   View Slide

4. ࠓ೔ͷ࿩
   

   View Slide

5. ͜ͷࢿྉͷݩʹͳͬͨಈը
   • Customize and resize sheets in UIKit
   • https://developer.apple.com/videos/play/
   wwdc2021/10063/
   • 12෼͘Β͍ͷಈը͔ͩΒαΫοͱݟΒΕΔΑ
   

   View Slide

6. ࠓ೔ͷࢿྉ
   

   View Slide

7. ࠓ೔ͷࢿྉ
   • SpeakerDeckʹ͋͛ͯ·͢
   • Qiitaʹ͸͋ͱͰจষ൛͋͛·͢
   

   View Slide

8. ֓ཁ
   

   View Slide

9. iOS 13ʙ
   

   View Slide

10. iOS 15ʙ ᶃ
    

    View Slide

11. iOS 15ʙ ᶄ
    

    View Slide

12. ୊ࡐͱͳ͍ͬͯΔΞϓϦ
    

    View Slide

13. View Slide

14. detentsΛ஌Δ
    

    View Slide

15. detentsͱ͸
    • γʔτ͕ࣗવʹࢭ·Δߴ͞ͷ͜ͱ
    • .mediumͱ.large͕͋Δ
    

    View Slide

16. .medium
    

    View Slide

17. .large
    

    View Slide

18. View Slide

19. detentsΛ༻͍࣮ͨ૷ྫ
    

    View Slide

20. ैདྷͷ৔߹
    

    View Slide

21. ैདྷͷ৔߹
    

    View Slide

22. iOS 15 ʙ
    

    View Slide

23. iOS 15 ʙ
    

    View Slide

24. ͨͩ͠…
    • ͜ͷ··ͩͱɺ্ʹεΫϩʔϧͨ࣌͠ʹɹ
    γʔτࣗମ΋εΫϩʔϧͯ͠ϑϧαΠζʹɹ
    ͳͬͯ͠·͏
    • ʮγʔτ͸൒෼ͷঢ়ଶͰɺεΫϩʔϧͯࣸ͠
    ਅબ୒ʯ͕Ͱ͖ͳ͍
    • →ϓϩύςΟΛ௥Ճઃఆ͢Δ
    

    View Slide

25. prefersScrollingExpands
    WhenScrolledToEdge
    

    View Slide

26. ࣍ͷෆຬ
    • .largeͰࣸਅΛબ୒ͨ͠ͱ͖ʹɺԿ͕ىͬͨ͜
    ͔Θ͔Γʹ͍͘
    • →ࣸਅ͕બ୒͞ΕͨΒ.mediumʹͳΔΑ͏ʹ
    ͯ͠ΈΔ
    

    View Slide

27. selectedDetentIdentifier
    

    View Slide

28. ࣍ͷෆຬ
    • γʔτ͕ҾͬࠐΉΑ͏ʹͳ͚ͬͨͲɺɹɹɹ
    Ξχϝʔγϣϯ͕ͳ͍ͷͰ͍͖ͳΓมΘͬͯ
    ͠·͏
    • →Ξχϝʔγϣϯ͚ͭΑ͏
    

    View Slide

29. animateChanges
    

    View Slide

30. ࣍ͷෆຬ
    • dimming͕͍ͭͯΔͱબ୒͞ΕͨࣸਅʹӨ͕
    ͍ͭͯ͠·͏
    • →औͬͯΈΑ͏
    

    View Slide

31. dimming͋Γ/ͳ͠
    

    View Slide

32. smallestUndimmed
    DetentIdentifier
    

    View Slide

33. ΩʔϘʔυͱͷซ༻
    • ΩʔϘʔυͱ.mediumγʔτΛಉ࣌ʹ࢖͏ɹ
    ৔߹ɺγʔτ͕ࣗಈͰ.largeʹͳͬͯ͘ΕΔ
    • ΩʔϘʔυඇදࣔ࣌͸.mediumʹ໭Δ
    

    View Slide

34. ΩʔϘʔυ͋Γ/ͳ͠
    

    View Slide

35. ࢹ֮తͳΧελϚΠζ
    

    View Slide

36. landscape
    

    View Slide

37. landscape࣌ͷදࣔ
    • iOS 13·Ͱ͸શը໘දࣔ͢Δ͔͠ͳ͔ͬͨ
    • iOS 15͔Β͸ௐઅ͢Δ͜ͱ͕Ͱ͖Δ
    • →prefersEdgeAttachedInCompactHeight
    

    View Slide

38. ʙ iOS 13
    

    View Slide

39. iOS 15 ʙ
    

    View Slide

40. widthFollowsPreferred
    ContentSizeWhenEdgeAttached
    

    View Slide

41. grabber
    

    View Slide

42. grabberͷදࣔඇදࣔ
    • γʔτ্ͷόʔͷදࣔඇදࣔΛૢ࡞Ͱ͖Δ
    • →prefersGrabberVisible
    

    View Slide

43. prefersGrabberVisible
    

    View Slide

44. radius
    

    View Slide

45. γʔτͷradiusมߋ
    • γʔτͷؙ֯۩߹Λௐ੔Ͱ͖Δ
    • →preferredCornerRadius
    

    View Slide

46. preferredCornerRadius
    

    View Slide

47. iPad
    

    View Slide

48. iPadͷ৔߹
    

    View Slide

49. iPadͷ৔߹
    

    View Slide

50. iPadͷ৔߹
    

    View Slide

51. delegateௐ੔
    

    View Slide

52. ·ͱΊ
    

    View Slide

53. ·ͱΊ
    • ϋʔϑϞʔμϧͬΆ͍ද͕ࣔඪ४APIΛ࢖ͬͯɹ
    ग़ͤΔΑ͏ʹͳͬͨΑ
    • ͍Ζ͍ΖΧελϚΠζͰ͖ΔΑ
    

    View Slide

54. એ఻
    

    View Slide

55. • αʔόʔαΠυΤϯδχΞ (PHP, Golang, AWS)
    • AndroidΤϯδχΞ (Kotlin)
    • iOSΤϯδχΞ (Swift)
    TimersͰ͸ݱࡏΤϯδχΞશ৬छ࠾༻தʂ
    ৄ͘͠͸”Timers”Ͱݕࡧ
    

    View Slide

56. 30೔΋ొஃ༧ఆ
    

    View Slide

57. ͝ਗ਼ௌ
    ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ
    

    View Slide