Swift愛好会WWDC要約会 Build programmatic UI with Xcode Previews

Transcript

1. Build programmatic UI 
 with Xcode Previews Xcode Previews ͷվળ఺΍ Tips Λཁ໿ͯ͠঺հ͠·͢ SwiftѪ޷ձεϐϯΦϑ WWDC23ηογϣϯཁ໿ձ
2. ঺հ͢Δ͜ͱ • Xcode Previews ͱ͸ʁ • Xcode Previews ͷվળ఺ ‣ `#Preview` macro ͷొ৔ ‣ Widgets ͷ Preview ͕Մೳʹ ‣ Previews Λදࣔ͢ΔσόΠε͕બ୒Մೳʹ • Xcode Previews Λར༻͢Δࡍͷ Tips ‣ Library targets Ͱ Preview ͢Δํ๏ ‣ Previews Ͱ assets ͳͲΛར༻͢Δํ๏ ‣ Previews ͰσόΠεݻ༗ͷػೳΛར༻͢Δํ๏
3. Xcode Previews ͱ͸ʁ
6. Color Scheme Variants
7. Orientation Variants
8. Dynamic Type Variants
9. ҧ͏ View ʹҠΓͳ͕Β࡞ۀͰ͖Δ Pin Preview
10. https://developer.apple.com/wwdc23/10252
11. Xcode Previews ͷվળ఺
12. `#Preview` macro ͷొ৔ https://developer.apple.com/wwdc23/10252
13. Con fi gurations ΋ઃఆͰ͖Δ https://developer.apple.com/wwdc23/10252
14. UIKit ΍ AppKit Ͱ΋ Preview ͕؆୯ʹ https://developer.apple.com/wwdc23/10252
15. Widgets ͷ Preview ͕Մೳʹ - Timeline provider - https://developer.apple.com/wwdc23/10252
16. Widgets ͷ Preview ͕Մೳʹ - Timeline entries - https://developer.apple.com/wwdc23/10252
17. Widgets ͷ Preview ͕Մೳʹ - Live Activities - https://developer.apple.com/wwdc23/10252
18. Previews Λදࣔ͢ΔσόΠε͕બ୒Մೳʹ https://developer.apple.com/wwdc23/10252
19. Xcode Previews Λ 
 ར༻͢Δࡍͷ Tips
20. Xcode Previews Λར༻͢Δࡍͷ Tips • Library targets Ͱ Preview ͢Δํ๏ • Previews Ͱ data ΍ assets Λར༻͢Δํ๏ • ࣮ػͰ͔͠Ͱ͖ͳ͍͜ͱΛ Previews Ͱࢼ͢ํ๏
21. Library targets Ͱ Preview ͢Δ • Library targets ‣ Frameworks, Packages, Dynamic libraries • Library targets Λར༻͢Δ໨తྫ ‣ ϚϧνϞδϡʔϧԽ ‣ ϥΠϒϥϦͷ։ൃ • Library targets Ͱ Preview ͢Δʹ͸Ͳ͏͢Ε͹ʁ
22. Xcode Previews ͷ࢓૊Έ • ௨ৗɺPreviews Λىಈͯ͠ϨϯμϦϯά͢ΔͨΊʹ͸ App ΍ 
 Widget ͳͲͷExecutable ͕ඞཁ • Previews ͸ Executable Λݟ͚ͭΔͨΊʹҎԼͷ 3 ͭΛ࢖༻͢Δ ‣ Edited source fi les - ࡞ۀ͍ͯ͠ΔιʔεϑΝΠϧ ‣ Target dependencies - ࡞ۀ͍ͯ͠ΔϑΝΠϧΛؚΉ target ͓Αͼ target ͷશͯͷґଘؔ܎ ‣ Selected scheme - બ୒͞Ε͍ͯΔ scheme ͱ Target dependencies Λ૊Έ߹ΘͤΔ
23. App target ʹ 1 ͚ͭͩͷϑΝΠϧ͕͋Δ৔߹ https://developer.apple.com/wwdc23/10252
24. ผͷ target ͕͋Δ৔߹ https://developer.apple.com/wwdc23/10252
25. ผͷ target ͕͋Δ৔߹ https://developer.apple.com/wwdc23/10252
26. 2 ͭͷϑΝΠϧ͕ผʑͷ package ʹ͋Δ৔߹ https://developer.apple.com/wwdc23/10252
27. Executable ͕ݟ͔ͭΒͳ͍৔߹ https://developer.apple.com/wwdc23/10252
28. XCPreviewAgent ͕ࣗಈͰ࡞੒͞ΕΔ https://developer.apple.com/wwdc23/10252 • ࣗಈͰ XCPreviewAgent 
 ͱ͍͏ΞϓϦΛ࡞Γɺ 
 library ΛಡΈࠐ΋͏ͱ͢Δ • Previews ͰΫϥογϡͨ࣌͠ 
 ͳͲɺXCPreviewAgent ͱ͍͏ 
 ϓϩηεΛ஌͓ͬͯ͘ͱศར • ໰୊͕ى͖ͨݪҼΛߜΕΔ͔΋
29. Library targets Ͱ Previews ΛΑΓշదʹ 
 ಈ࡞ͤ͞ΔͨΊͷํ๏ • Previews ͷ࢓૊ΈΛར༻͢Ε͹ɺ͍͔ͭ͘ͷํ๏Ͱ Previews Λ 
 շదʹಈ࡞ͤ͞ΒΕΔ • ঺հ͞Ε͍ͯͨ 2 ͭͷํ๏ ‣ ίʔυΛ library targets ʹϞδϡʔϧԽͯ͠খ͞ͳ scheme Λ࡞Δ ‣ Preview ઐ༻ͷখ͞ͳΞϓϦ (executable) Λ࡞੒͢Δ - ࡞੒ํ๏ʹ͍ͭͯ͸ηογϣϯͷதͰղઆ͞Ε͍ͯ·͢
30. Previews Ͱ assets ͳͲΛར༻͢Δ https://developer.apple.com/wwdc23/10252
31. Development Assets Ͱ App Store ༻ͷΞϓϦ 
 ͔ΒPreviews ༻ assets ͳͲΛࣗಈͰ࡟আ͢Δ https://developer.apple.com/wwdc23/10252
32. Previews ͰσόΠεݻ༗ͷػೳΛར༻͢Δํ๏ • Previews ͰΧϝϥ΍ηϯαʔɺ৭ʑͳσʔλʹΞΫηε͍ͨ͠ • ͦΜͳ࣌͸ Previews Λ࣮ػͰ࢖͏͜ͱ͕Ͱ͖·͢ ‣ લ͔ΒͰ͖͚ͨͲ Canvas ্ͷ interface ͕ͪΐͬͱมΘ͍ͬͯΔ
33. Previews Ͱ࣮ػΛར༻͢Δ https://developer.apple.com/wwdc23/10252
34. Ҿ༻ɾࢀߟ • Build programmatic UI with Xcode Previews ‣ https://developer.apple.com/wwdc23/10252 • Xcode 15 Beta Release Notes ‣ https://developer.apple.com/documentation/xcode-release-notes/ xcode-15-release-notes#DeviceDiscoveryUI
35. ࣗݾ঺հ • ΞΠΧϫ • Twitter: @kalupas226 • ຊۀ෭ۀͰ৭ʑΞϓϦΛ࡞ͬͨΓج൫੔උͨ͠Γ • The Composable Architecture (TCA) ͕ಘҙͰ͢