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

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

uhooi
July 26, 2022

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

uhooi

July 26, 2022
Tweet

More Decks by uhooi

Other Decks in Programming

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