Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
モディファイアについて理解しよう
Search
jambo-develop-team
March 11, 2024
470
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
モディファイアについて理解しよう
jambo-develop-team
March 11, 2024
More Decks by jambo-develop-team
See All by jambo-develop-team
株式会社ジャンボ_紹介資料
jambo_develop_team
0
49
AIに仕事を奪われないために──エンジニアが今すぐ身につけるべき4つの力
jambo_develop_team
0
96
AIツールをフル活用して個人開発をした話
jambo_develop_team
0
61
Claude.mdの育て方
jambo_develop_team
0
60
技術力とAI活用力は違う。市場価値を分ける”苦労のコスパ論
jambo_develop_team
0
62
AIに仕事を奪われないために──エンジニアが今すぐ身につけるべき4つの力
jambo_develop_team
0
83
FigmaMCP+Cursorで直感的にUIを作成してみる🎨
jambo_develop_team
0
220
StoreKit2を使用した課金実装
jambo_develop_team
0
460
AppDelegateで何をすべきか
jambo_develop_team
0
730
Featured
See All Featured
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
900
Building the Perfect Custom Keyboard
takai
2
890
Mobile First: as difficult as doing things right
swwweet
225
10k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
490
How Software Deployment tools have changed in the past 20 years
geshan
2
35k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
10k
Done Done
chrislema
187
17k
Unsuck your backbone
ammeep
672
58k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Skip the Path - Find Your Career Trail
mkilby
1
240
RailsConf 2023
tenderlove
30
1.6k
How STYLIGHT went responsive
nonsquared
100
6.3k
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()ͷޙʹ
.ϞσΟϑΝΠΞ໊ͱॻ͘͜ͱͰ༻͢Δ͜ͱ͕Ͱ͖Δ