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
310
モディファイアについて理解しよう
jambo-develop-team
March 11, 2024
Tweet
Share
More Decks by jambo-develop-team
See All by jambo-develop-team
会社紹介資料_株式会社ジャンボ
jambo_develop_team
0
6k
StoreKit2を使用した課金実装
jambo_develop_team
0
310
AppDelegateで何をすべきか
jambo_develop_team
0
440
SwiftUIのpropertyWrapperをふんわり理解する
jambo_develop_team
0
440
JetpackCompose触ってみた
jambo_develop_team
0
15
KMPを触ってみた
jambo_develop_team
0
20
モバイルアプリの通知機能を AmazonSNSで実装する
jambo_develop_team
0
33
アジャイル入門
jambo_develop_team
0
15
0から始めるSwiftData
jambo_develop_team
0
12
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1370
200k
A Tale of Four Properties
chriscoyier
160
23k
We Have a Design System, Now What?
morganepeng
53
7.7k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
The Cost Of JavaScript in 2023
addyosmani
51
8.5k
A Modern Web Designer's Workflow
chriscoyier
694
190k
Music & Morning Musume
bryan
46
6.6k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
Making Projects Easy
brettharned
116
6.3k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
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()ͷޙʹ
.ϞσΟϑΝΠΞ໊ͱॻ͘͜ͱͰ༻͢Δ͜ͱ͕Ͱ͖Δ