SwiftUIで「意図」を伝える / swiftui_intention

集まれSwift好き！Swift愛好会 vol.69 @ オンライン
https://love-swift.connpass.com/event/254858/

## 参考リンク

- Effective SwiftUI 候補(仮説)
https://github.com/YusukeHosonuma/Effective-SwiftUI

- Food Truck
Apple 公式のサンプルコード
https://github.com/apple/sample-food-truck

- WWDC のセッション
https://developer.apple.com/wwdc22/sessions/

- #SwiftUIレイアウト一本勝負
https://twitter.com/hashtag/SwiftUIレイアウト一本勝負?src=hashtag_click&f=live

Transcript

1. Ր
   
   ू·Ε4XJGU޷͖ʂ4XJGUѪ޷ձWPM!ΦϯϥΠϯ
   !UIF@VIPPJ
   4XJGU6*ͰʮҙਤʯΛ఻͑Δ📣
   

   View Slide

2. ࠷ۙͷָ͠Έ
   4XJGU6*ϨΠΞ΢τҰຊউෛͷ͓୊Λղ͘
   

   View Slide

3. ʮ4XJGU6*ʯͱ͸ʁ
   

   View Slide

4. ʮ4XJGU6*ʯͱ͸ʁ
   6*Λએݴతʹߏங͢ΔϑϨʔϜϫʔΫ
   

   View Slide

5. View Slide

6. 26*,JUͱ4XJGU6*ͷ
   

   Ұ൪ͷҧ͍͸ʁ
   

   View Slide

7. "ίʔυϨϏϡʔ͠΍͍͢
   

   View Slide

8. ͭ·Γ
   

   Մಡੑͷߴ͍6*ͷίʔυ͕
   

   ٻΊΒΕΔ
   

   View Slide

9. *NBHF5FYUͷྫ
   HStack {
   
   
   Image(systemName: "swift")
   
   
   Text("Hello, SwiftUI!")
   
   
   }
   

   View Slide

10. *NBHF5FYUͷྫ
    HStack {
    
    
    Image(systemName: "swift")
    
    
    Text("Hello, SwiftUI!")
    
    
    }
    Label(
    
    
    "Hello, SwiftUI!",
    
    
    systemImage: "swift"
    
    
    )
    -BCFMΛ࢖͏ͱ*NBHFͱ5FYUʹؔ࿈͕͋Δ͜ͱΛࣔͤΔ
    ⚠ ✅
    

    View Slide

11. 4XJGU6*͸ಉ͡6*Λ
    

    ༷ʑͳύλʔϯͰॻ͚Δ
    

    View Slide

12. View Slide

13. 5FYUͷંΓฦ͠ͷྫ
    HStack {
    
    
    Text("༏ઌͯ͠ද͍ࣔͨ͠จࣈྻͰ͢")
    
    
    .fixedSize()
    
    
    Text("͋·Γͦ͏Ͱ΋ͳ͍จࣈྻͰ͢")
    
    
    }
    

    View Slide

14. 5FYUͷંΓฦ͠ͷྫ
    HStack {
    
    
    Text("༏ઌͯ͠ද͍ࣔͨ͠จࣈྻͰ͢")
    
    
    .fixedSize()
    
    
    Text("͋·Γͦ͏Ͱ΋ͳ͍จࣈྻͰ͢")
    
    
    }
    HStack {
    
    
    Text("༏ઌͯ͠ද͍ࣔͨ͠จࣈྻͰ͢")
    
    
    .layoutPriority(1)
    
    
    Text("͋·Γͦ͏Ͱ΋ͳ͍จࣈྻͰ͢")
    
    
    }
    MBZPVU1SJPSJUZ @
    Λ࢖͏ͱϨΠΞ΢τͷ༏ઌॱҐΛ෇͚ΒΕΔ
    ⚠ ✅
    

    View Slide

15. ҙਤ͕఻ΘΔ࣮૷Λ
    

    ৺ֻ͚Δ
    

    View Slide

16. ·ͱΊ
    w 4XJGU6*ͷ7JFX͸ϨϏϡʔͰ͖Δ
    w 7JFXͷίʔυϨϏϡʔͰ͸ՄಡੑΛ֬ೝ͢Δ
    w ҙຯ͕Θ͔Βͳ͔ͬͨΒੵۃతʹίϝϯτ͠Α͏
    w αϯϓϧίʔυ΍ެࣜυΩϡϝϯτͰ஌ࣝͷ෯Λ޿͛Δ
    

    View Slide

17. Φεεϝจݙ
    w &
    ff
    FDUJWF4XJGU6*ީิʢԾઆʣ
    w 'PPE5SVDL
    

    "QQMFެࣜͷαϯϓϧίʔυ
    w 88%$ͷηογϣϯ
    w 4XJGU6*ϨΠΞ΢τҰຊউෛ
    

    4XJGU6*ͷϨΠΞ΢τ໰୊ू
    

    View Slide

18. J04%$+BQBO
    ౔
    EBZ
    4XJGU6*ͷʮ໋໊ʯͱʮ෼ׂʯʹ͍ͭͯ࿩͠·͢✨
    

    View Slide

19. ΢ϗʔΠ
    J04ΞϓϦΤϯδχΞ
    w ϙέΧָ͍͠
    

    View Slide