SwiftUI Drag & Drop で困った話

【Sansan × YUMEMI】iOSランチタイムLT
https://yumemi.connpass.com/event/333140/

Transcript

1. ʲSansan ✖ YUMEMIʳiOSϥϯνLT 2024.11.14 SwiftUI Drag & Drop Ͱࠔͬͨ࿩ KAWASHIMA Yoshiyuki
2. ఻͍͑ͨ͜ͱ • iOS ΞϓϦ։ൃ͸೉͍͠
3. λʔήοτ OS ͸ʁ
4. iOS ΞϓϦ։ൃ͸೉͍͠
5. ೉͍ͯ͘͠͠Δ΋ͷ͸Կʁ
6. iOS ͕ಘҙͱ͍ͯ͠Δ΋ͷ
7. εΫϥοϓˍϏϧυ
8. Ӭ͘ϝϯςφϯε͞ΕΔ΋ͷ͸ۤख
9. ։ൃظ͕ؒ௕͍ͱͦΕ͚ͩͰ ϛεϚον͕ൃੜ͠΍͍͢
10. લఏ iOS ΞϓϦͷػೳͱͯ͠ Drag & Drop Λ࣮૷͢Δ͜ͱʹͳͬͨ SwiftUI ϕʔεͰ iOS 17 Ҏ্Λλʔήοτ
11. https://developer.apple.com/documentation/swiftui/drag-and-drop
12. https://developer.apple.com/documentation/swiftui/making-a-view-into-a-drag-source
13. https://developer.apple.com/documentation/swiftui/drag-and-drop
14. https://developer.apple.com/documentation/swiftui/drag-and-drop
15. https://developer.apple.com/documentation/CoreTransferable/Transferable
16. https://developer.apple.com/documentation/CoreTransferable/Transferable
17. https://developer.apple.com/documentation/CoreTransferable/Transferable
18. https://developer.apple.com/documentation/swiftui/drag-and-drop
19. https://developer.apple.com/documentation/swiftui/drag-and-drop
20. https://developer.apple.com/jp/design/Human-Interface-Guidelines/drag-and-drop
21. https://developer.apple.com/documentation/swiftui/view/draggable(_:)
22. https://developer.apple.com/documentation/swiftui/view/draggable(_:)
23. https://developer.apple.com/tutorials/app-dev-training/supporting-drag-and-drop/
24. Drag & Drop ϋϯυϦϯά͕Ͱ͖ͳ͍
25. https://developer.apple.com/documentation/swiftui/making-a-view-into-a-drag-source
26. https://developer.apple.com/documentation/swiftui/making-a-view-into-a-drag-source
27. https://developer.apple.com/documentation/swiftui/making-a-view-into-a-drag-source
28. https://developer.apple.com/documentation/swiftui/view/dropdestination(for:action:istargeted:)
29. https://developer.apple.com/documentation/swiftui/view/dropdestination(for:action:istargeted:)
30. https://developer.apple.com/documentation/swiftui/view/dropdestination(for:action:istargeted:)
31. ΋͏গ͠ϋϯυϦϯά͍ͨ͠
32. https://developer.apple.com/documentation/swiftui/drag-and-drop
33. https://developer.apple.com/documentation/swiftui/drag-and-drop
34. https://developer.apple.com/documentation/foundation/nsitemprovider
35. https://developer.apple.com/documentation/foundation/nsitemprovider
36. https://developer.apple.com/documentation/foundation/nsitemprovider
37. https://developer.apple.com/documentation/swiftui/view/ondrag(_:preview:)
38. https://developer.apple.com/documentation/swiftui/view/ondrag(_:preview:)
39. https://developer.apple.com/documentation/swiftui/dropdelegate
40. DragDelegate ͸ͳ͍
41. ΋ͬͱϋϯυϦϯά͍ͨ͠
42. https://developer.apple.com/documentation/swiftui/dropdelegate
43. https://developer.apple.com/documentation/swiftui/dropdelegate
44. https://developer.apple.com/documentation/swiftui/draggesture
45. https://developer.apple.com/documentation/swiftui/draggesture
46. https://developer.apple.com/documentation/swiftui/draggesture
47. https://developer.apple.com/documentation/swiftui/draggesture
48. https://developer.apple.com/documentation/swiftui/composing-swiftui-gestures
49. https://developer.apple.com/documentation/swiftui/composing-swiftui-gestures
50. https://developer.apple.com/documentation/swiftui/composing-swiftui-gestures
51. https://developer.apple.com/documentation/swiftui/composing-swiftui-gestures
52. https://developer.apple.com/documentation/swiftui/composing-swiftui-gestures
53. https://developer.apple.com/documentation/swiftui/composing-swiftui-gestures
54. SwiftUI Drag & Drop ซ༻͸Ͱ͖ͳ͍ API ࣮૷ ϋϯυϦϯά iOS 16 draggable/dropDestination ෆཁ Ͱ͖ͳ͍ iOS 14 onDrag/onDrop Ұ෦ඞཁ Drop͸Ͱ͖Δ iOS 13 DragGesture શͯ Ͱ͖Δ
55. SwiftUI Drag & Drop Λ೉͍ͯ͘͠͠Δ΋ͷ • બ୒ࢶ͕͋ͬͯࣗ༝Ͱ͋Δ • ҰํͰλʔήοτ OS ʹΑͬͯ͸੍ݶ͕͋Δ • OS ʹΑͬͯৼΔ෣͍͕ҧ͏ • API ͕ෆ׬શʹ΋ײ͡Δ • ໰୊ͷ੾Γ෼͚΍൑அج४͕ఆ·Γʹ͍͘
56. OS ʹΑͬͯҟͳΔৼΔ෣͍ • ScrollView + LazyVGrid + dropDestination • υϥοάͨ͠ΞΠςϜΛεΫϩʔϧͯ͠Ұ౓ϑϨʔϜΞ΢τͨ͠ dropDestination ʹυϩοϓ͕Ͱ͖ͳ͍ • iOS 17.5 Ͱൃੜ͢Δ • iOS 18 Ͱ͸ൃੜ͠ͳ͍ • Lazy Λ΍Ίͯ Stack Ͱ૊Ί͹ղফͰ͖Δ
57. ·ͱΊ • iOS ΞϓϦ։ൃͷείʔϓ͸Ͱ͖ΔݶΓখ͘͞͠Α͏ • ։ൃظؒ • ੜଘظؒ • ػೳ • εΫϥοϓˍϏϧυΛલఏʹܭը͠Α͏