Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
モディファイアについて理解しよう
Search
jambo-develop-team
March 11, 2024
0
370
モディファイアについて理解しよう
jambo-develop-team
March 11, 2024
Tweet
Share
More Decks by jambo-develop-team
See All by jambo-develop-team
FigmaMCP+Cursorで直感的にUIを作成してみる🎨
jambo_develop_team
0
120
株式会社ジャンボ_紹介資料
jambo_develop_team
0
7.3k
StoreKit2を使用した課金実装
jambo_develop_team
0
360
AppDelegateで何をすべきか
jambo_develop_team
0
560
SwiftUIのpropertyWrapperをふんわり理解する
jambo_develop_team
0
490
JetpackCompose触ってみた
jambo_develop_team
0
31
KMPを触ってみた
jambo_develop_team
0
20
モバイルアプリの通知機能を AmazonSNSで実装する
jambo_develop_team
0
42
アジャイル入門
jambo_develop_team
0
15
Featured
See All Featured
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
80
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
76
Discover your Explorer Soul
emna__ayadi
2
1k
Bash Introduction
62gerente
615
210k
Making the Leap to Tech Lead
cromwellryan
135
9.7k
The untapped power of vector embeddings
frankvandijk
1
1.5k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
34k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.3k
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
110
Documentation Writing (for coders)
carmenintech
77
5.2k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
69
GraphQLとの向き合い方2022年版
quramy
50
14k
Transcript
3/6 ϞσΟϑΝΠΞʹ͍ͭͯཧղ͠Α͏
ΞδΣϯμ • తͱඪ • લճ·ͰͷৼΓฦΓ • ϞσΟϑΝΠΞͱʁ • Կ͕Ͱ͖Δͷʁ •
Ͳ͏༻͢Δͷʁ
తͱඪ • త • νʔϜ͕ྲྀಈతʹมԽͯ͠ɺٕज़తʹ֤ νʔϜʹೃછΈ͘͢͢ΔͨΊ • ੵۃతʹٕज़ΛΩϟονΞοϓ͢Δ͜ͱͰ ϞόΠϧΤϯδχΞશମͷٕज़ͷఈ্͛Λ ͢ΔͨΊ
• ඪ • ϞσΟϑΝΠΞͱԿ͔Λཧղ͢Δ • ϞσΟϑΝΠΞΛ༻͢Δ͜ͱͰԿ͕Ͱ͖ Δͷ͔Λཧղ͢Δ • ϞσΟϑΝΠΞΛͲ͏ͬͯ༻͢Δ͔Λ ཧղ͢Δ
લճ·ͰͷৼΓฦΓ • UIKitʹൺͯɺSwiftUI • VStack, HStack, ZStackͦΕͧΕཁૉΛ ը໘Λ͙͢ʹ࡞Ε͍ͯճ͍͢͠͠ʂ VStack:ɹॎʹཁૉΛฒΔ HStack:ɹԣʹཁૉΛฒΔ
ZStack:ɹલޙʹཁૉΛฒΔ
ϞσΟϑΝΠΞͱʁ
ϞσΟϑΝΠΞͱʁ SwiftUIͷViewViewComponentʹରͯ͠ɺ ݟͨৼΔ͍ΛΧελϚΠζ͢ΔͨΊͷϝ ιου ※ Text, ImageVStackͳͲɺViewΛߏ͢Δཁૉͷ͜ͱΛࢦ͢ ※
ϞσΟϑΝΠΞͱʁ - ͏গ͠ৄ͘͠ - • ϞσΟϑΝΠΞͷਖ਼ମViewϓϩτίϧʹ४ ڌͨ͠ߏମͷϝιου • Text()VStack()ͳͲUI෦શͯViewϓϩτ ίϧΛ४ڌ͍ͯ͠ΔͨΊɺϞσΟϑΝΠΞͷ
ϝιουΛ༻͢Δ͜ͱ͕Ͱ͖Δ ࣮ࡍͷؔ
Կ͕Ͱ͖ΔΑ͏ʹͳΔͷʁ
Կ͕Ͱ͖Δͷ͔ʁ ViewͷUIৼΔ͍Λมߋ͢Δ͜ͱ͕Ͱ͖Δ ελΠϧɺϨΠΞτɺಈ࡞ΛΧελϚΠζ ϞσΟϑΝΠΞద༻લͷςΩετ ϞσΟϑΝΠΞద༻ޙͷςΩετ
Ͳ͏ͬͯ༻͢Δͷ͔ʁ
Ͳ͏༻͢Δ͔ʁ Text()Button()ͷޙʹ .ϞσΟϑΝΠΞ໊ Ͱ༻͢Δ͜ͱ͕Ͱ͖Δ
Ͳ͏༻͢Δͷ͔ʁ- ͏গ͠ৄ͘͠ - ίʔυ γϡϛϨʔλʔ
modifierϝιουͱ.fontWeightԿ͕ҧ ͏ͷʁ ϞσΟϑΝΠΞͷؔ .fontWeightϞσΟϑΝΠΞ
·ͱΊ • ϞσΟϑΝΠΞͱɺ • ϞσΟϑΝΠΞΛ༻͢Δ͜ͱͰɺ • ϞσΟϑΝΠΞɺ SwiftUIͷ7JFX7JFX$PNQPOFOUʹରͯ͠ɺݟͨৼΔ͍ΛΧελϚΠζ͢ΔͨΊͷϝιου ViewͷݟͨৼΔ͍Λมߋ͢Δ͜ͱ͕Ͱ͖Δ Text()ɺButton()ͷޙʹ
.ϞσΟϑΝΠΞ໊ͱॻ͘͜ͱͰ༻͢Δ͜ͱ͕Ͱ͖Δ