Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Xcode 16のPreviewModifierと@Previewableを活用した効率的なプ...

Avatar for ojun ojun
July 05, 2024
Programming
1.1k
4

Xcode 16のPreviewModifierと@Previewableを活用した効率的なプレビュー方法の考察

Avatar for ojun

ojun

July 05, 2024

More Decks by ojun

See All by ojun
配列と所有権
Avatar for ojun ojun9
0
86
生成 AI 時代のスナップショットテストってやつを見せてあげますよ（α版）
Avatar for ojun ojun9
0
430
アセットのコンパイルについて
Avatar for ojun ojun9
0
280
Exit 8 for SwiftUI
Avatar for ojun ojun9
1
310
Swift Evolution かるた
Avatar for ojun ojun9
2
150
Catch Up with Swift 5.10
Avatar for ojun ojun9
2
930
Overview: Swift OpenAPI Generator
Avatar for ojun ojun9
3
2.7k
if 式と switch 式による SwiftUI のプレビューエラー対策
Avatar for ojun ojun9
1
2.3k
楽しい夏休み！String Catalogs で新しい発見
Avatar for ojun ojun9
0
2.6k

Other Decks in Programming

See All in Programming
高専キャリア LT 発表内容
Avatar for Crysta1221 crysta1221
6
4.9k
tsc.rip を支える技術 / Kyoto.なんか #8
Avatar for Susisu susisu
0
3.9k
AWS Transform Custom による Spring Boot 2.xから4.xへのVerUp
Avatar for Satoshi Kaneyasu satoshi256kbyte
2
110
源内ハンズオン概要編
Avatar for Hideyuki Nagata hideg
0
230
実装をデザインガイドラインに追従させるための取り組み / 260731-dip-mosh-design-system
Avatar for dachi dachi023
0
7.9k
片田舎のおっさん、 Swift Buildのダイアモンド問題解決の不具合修正PRを出すが、解決方法がキャッシュをしないようにすることであり、ビルド時間が伸びると言われてマージされないので高速化もする/swiftbuild
Avatar for yimajo yimajo
0
320
信頼性の目標を誰も求めてない
Avatar for Shuma shubox
0
390
初めての模倣学習とVLA
Avatar for Minoru Natsutani natsutan
0
330
Hono + Inertia + React で LP を構築した話
Avatar for Yuka Ooka oukayuka
2
190
Detecting Compromised CI with eBPF and Cilium Tetragon
Avatar for Liz Rice lizrice
0
270
【QA Test Talk Vol.8】AI-DLC による Whole Team Approach の加速
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
0
260
Pythonの実行はどこまで賢くなったのか？ CPythonとPyPyから見る最適化のしくみ
Avatar for curekoshimizu curekoshimizu
4
2.3k

Featured

See All Featured
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
41
2.7k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
480
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
560
Test your architecture with Archunit
Avatar for Yoan thirion
2
2.4k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3.1k
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
9
950
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
2
3.9k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
67
57k
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
1
400
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
400
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
460

Transcript

  1. potatotips #88 iOS/Android։ൃTipsڞ༗ձ 2024/07/05 @STORES Xcode 16ͷPreviewModifierͱ@Previewable Λ׆༻ͨ͠ޮ཰తͳϓϨϏϡʔํ๏ͷߟ࡯ ojun -

    DeNA Co., Ltd.

  2. ࣗݾ঺հʢojunʣ • name: ojun • 2023೥৽ଔೖࣾ • iOSΤϯδχΞ @ojun_9

  3. Xcode 16ͷ PreviewModifier ͱ @Previewable Λ׆༻ͨ͠ޮ཰తͳϓϨϏϡʔํ๏ͷߟ࡯

  4. PreviewModifier ͱ ˏPreviewable ʹ͍ͭͯ

  5. @Previewable ʹ͍ͭͯ @Previewable ͸ Xcode 16 Ͱ௥Ճ͞ΕͨϚΫϩ ϓϩύςΟʔϥούʔʹରͯ͠దԠ͢Δ͜ͱ͕Ͱ͖Δ #Previewͷ಺෦Ͱ௚઀࢖༻Մೳ iOS

    ʹؔͯ͠͸ iOS 18 Ҏ্Ͱಈ࡞͢Δ
  6. None

  7. PreviewModifierʹ͍ͭͯ PreviewModi fi er ͸ Xcode 16 Ͱ௥Ճ͞Εͨprotocol iOS ʹؔͯ͠͸

    iOS 18 Ҏ্Ͱಈ࡞͢Δ
  8. None
  9. None
  10. None
  11. None
  12. None
  13. None
  14. None
  15. None

  16. Context Context

  17. Context Context View

  18. Context Context View

  19. Context Context View

  20. None

  21. ͜ͷ2ͭͷػೳΛݟͨ࣌ʹͲ͏ࢥ͍·ͨ͠ ͔ʁ

  22. ͜ͷ2ͭͷػೳΛݟͨ࣌ʹͲ͏ࢥ͍·͔ͨ͠ʁ ݸਓతʹ͸͜ΕΒͷػೳΛ࠷ॳʹݟͨ࣌͸ʮѻ͏ͷ͕େ෼೉ͦ͠͏ʯͱࢥͬͨ

  23. ͜ͷ2ͭͷػೳΛݟͨ࣌ʹͲ͏ࢥ͍·͔ͨ͠ʁ ݸਓతʹ͸͜ΕΒͷػೳΛ࠷ॳʹݟͨ࣌͸ʮѻ͏ͷ͕େ෼೉ͦ͠͏ʯͱࢥͬͨ

  24. ͜ͷ2ͭͷػೳΛݟͨ࣌ʹͲ͏ࢥ͍·͔ͨ͠ʁ ݸਓతʹ͸͜ΕΒͷػೳΛ࠷ॳʹݟͨ࣌͸ʮѻ͏ͷ͕େ෼೉ͦ͠͏ʯͱࢥͬͨ

  25. ͜ͷ2ͭͷػೳΛݟͨ࣌ʹͲ͏ࢥ͍·͔ͨ͠ʁ makeSharedContext() ͷ࢖͍ํ͕؊ʹͳΔ mockαʔόͱ௨৴͢Δʁ → PreviewͰͦ͜·Ͱ͢Δͷ͔ʁ ݸਓతʹ͸͜ΕΒͷػೳΛ࠷ॳʹݟͨ࣌͸ʮѻ͏ͷ͕େ෼೉ͦ͠͏ʯͱࢥͬͨ

  26. PreviewModifier ͱ @PreviewableΛ׆ ༻ͨ͠ޮ཰తͳϓϨϏϡʔํ๏ͷߟ࡯

  27. લఏͱͳΔViewͷ࡞੒ SNSͷλΠϜϥΠϯΛߟ͑Δ

  28. લఏͱͳΔViewͷ࡞੒ SNSͷλΠϜϥΠϯΛߟ͑Δ ౤ߘΛද͢ߏ଄ମΛఆٛ

  29. લఏͱͳΔViewͷ࡞੒ SNSͷλΠϜϥΠϯΛߟ͑Δ ViewΛఆٛ [Post] Λ࣋ͪ body Ͱར༻

  30. લఏͱͳΔViewͷ࡞੒

  31. લఏͱͳΔViewͷ࡞੒

  32. લఏͱͳΔViewͷ࡞੒ PreviewͰ΋ͬͱද͍ࣔͤͨ͞ʂ

  33. લఏͱͳΔViewͷ࡞੒

  34. લఏͱͳΔViewͷ࡞੒

  35. લఏͱͳΔViewͷ࡞੒

  36. લఏͱͳΔViewͷ࡞੒ ಡΈࠐΈ࣌ͷ Placeholder େৎ෉͔ͳʁ ໊લ௕͘ͳͬͨ࣌େৎ෉͔ͳʁ վߦ͞ΕͨΒେৎ෉͔ͳʁӳޠɾֆจࣈͷ࣌ େৎ෉͔ͳ ͍͍Ͷͷ਺͕ଟ͍࣌େৎ෉͔ͳ 0݅ͷ࣌ඇදࣔʹͳΔ͔ͳʁ

  37. લఏͱͳΔViewͷ࡞੒ ඞཁͳύλʔϯͷ Post Λ௥Ճ͢Ε͹ ෳ਺ύλʔϯͷ Preview ͸Մೳ ͔͠͠ӈਤͷΑ͏ʹ͔ͳΓݟͮΒ͘ͳΔ

  38. લఏͱͳΔViewͷ࡞੒ ඞཁͳύλʔϯͷ Post Λ௥Ճ͢Ε͹ ෳ਺ύλʔϯͷ Preview ͸Մೳ ͔͠͠ӈਤͷΑ͏ʹ͔ͳΓݟͮΒ͘ͳΔ @Previewable ΍

    PreviewModi fi er Λར༻͠ ղܾ͢Δ

  39. @Previewable ΍ PreviewModifier Λར༻͠ղܾ͢Δ

  40. @Previewable ΍ PreviewModifier Λར༻͠ղܾ͢Δ 1. JSONϑΝΠϧΛ࡞੒͠ɺඞཁͳσʔλΛ௥Ճ͢Δ

  41. @Previewable ΍ PreviewModifier Λར༻͠ղܾ͢Δ 1. JSONϑΝΠϧΛ࡞੒͠ɺඞཁͳσʔλΛ௥Ճ͢Δ 1. ʢࠓճ͸ ChatGPT Λར༻ͯ͠࡞੒ʣ

  42. @Previewable ΍ PreviewModifier Λར༻͠ղܾ͢Δ 1. JSONϑΝΠϧΛ࡞੒͠ɺඞཁͳσʔλΛ௥Ճ͢Δ 1. ʢࠓճ͸ ChatGPT Λར༻ͯ͠࡞੒ʣ

    2. ʢ࡞੒͠௥Ճ͢Δ͚ͩͳͷͰׂѪʣ

  43. @Previewable ΍ PreviewModifier Λར༻͠ղܾ͢Δ 1. JSONϑΝΠϧΛ࡞੒͠ɺඞཁͳσʔλΛ௥Ճ͢Δ 1. ʢࠓճ͸ ChatGPT Λར༻ͯ͠࡞੒ʣ

    2. ʢ࡞੒͠௥Ճ͢Δ͚ͩͳͷͰׂѪʣ 2. JSONϑΝΠϧΛಡΈࠐΈ decode ͠ Preview ʹ஫ೖ

  44. @Previewable ΍ PreviewModifier Λར༻͠ղܾ͢Δ let posts: [Post] ͕ @Environment Ͱͳ͍৔߹͸

    @Previewable Λར༻͢Δͱྑͦ͞͏

  45. @Previewable ΍ PreviewModifier Λར༻͠ղܾ͢Δ

  46. @Previewable ΍ PreviewModifier Λར༻͠ղܾ͢Δ .task {} ΋͘͠͸ .onAppear {} Λ

    ར༻ͦ͠ͷதͰಡΈࠐΈΛߦ͏

  47. @Previewable ΍ PreviewModifier Λར༻͠ղܾ͢Δ .task {} ΋͘͠͸ .onAppear {} Λ

    ར༻ͦ͠ͷதͰಡΈࠐΈΛߦ͏ decode ͕੒ޭͨ͠Βɺposts ʹ୅ೖ ͢Δ

  48. .task {} ΋͘͠͸ .onAppear {} Λ ར༻ͦ͠ͷதͰಡΈࠐΈΛߦ͏ decode ͕੒ޭͨ͠Βɺposts ʹ୅ೖ

    ͢Δ ෳ਺ͷύλʔϯͰ Preview ͕Մೳʹͳͬͨ 🎉

  49. @Previewable ΍ PreviewModifier Λར༻͠ղܾ͢Δ let posts: [Post] ͕ @Environment Ͱ͋Δ৔߹͸

    PreviewModi fi er Λར༻͢Δͱྑͦ͞͏

  50. @Previewable ΍ PreviewModifier Λར༻͠ղܾ͢Δ

  51. None
  52. None

  53. ·ͱΊ

  54. ·ͱΊ Xcode 16͔ΒPreviewModi fi er ͱ @Previewable ͕௥Ճ͞Εͨ ͜ΕΒΛར༻͢Δ͜ͱͰ Preview

    ͷମݧ͕ΑΓ޲্͢Δ JSONϑΝΠϧΛར༻͠ΤϯςΟςΟΛ஫ೖ͢Δ͜ͱͰগ͠ͷίʔυͰଟྔͷύλʔϯΛ Preview Ͱ֬ೝ͢Δ͜ͱ͕Մೳ

  55. ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ