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
そのUI、実は簡単じゃないんです
Search
akatsuki174
July 10, 2018
Design
7
16k
そのUI、実は簡単じゃないんです
2018/07/10(火) DXEL.1 エンジニアとデザイナーが「いい関係」を築くために
akatsuki174
July 10, 2018
Tweet
Share
More Decks by akatsuki174
See All by akatsuki174
Appleにおけるプライバシーの全容を把握する
akatsuki174
0
5.3k
近年のAppleにおける位置情報とプライバシー
akatsuki174
3
380
オフライン勉強会ぼっち対策
akatsuki174
1
560
Xcode 15の新機能
akatsuki174
0
2.5k
AndroidにもSelect Photosがやってきた
akatsuki174
0
1.2k
Famm Android改善記
akatsuki174
0
330
Flutterアプリ開発にネイティブコードはどこまで求められるのか
akatsuki174
2
4.4k
UIKitのアップデート #WWDC22
akatsuki174
4
1.2k
職能/職種横断でチームの生産性を高める
akatsuki174
2
5.7k
Other Decks in Design
See All in Design
エムスリー株式会社 デザイングループ紹介資料 / m3design-team-profile
m3designer
0
4k
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
190
想像するためのデザイン - LARPの可能性を探求してみた話
okabemy
0
510
Первая беседа о Карте реализации историй
ashapiro
0
280
ito aya|Portfolio2409
itoaya116
0
250
アクセシビリティって何だろう? -アクセシビリティの概念、そして向き合い方まで-
securecat
6
1.5k
私の困りごとと解決案 / My issues and proposed solutions
kubosho
1
280
Findy - デザイナー向け会社紹介 / Hiring Findy's Designers
findyinc
5
47k
Haruki_Konaka_Portforio.pdf
haruki556
0
560
デザインスプリントを活かすチームの在り方
mixi_design
PRO
1
760
Minuto de Aventura
olgastoryboard
0
170
太田博三(@usagisan2020)
otanet
0
180
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
264
13k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
14
2k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.5k
It's Worth the Effort
3n
183
27k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
Designing for Performance
lara
604
68k
Agile that works and the tools we love
rasmusluckow
327
21k
The Invisible Side of Design
smashingmag
297
50k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
Six Lessons from altMBA
skipperchong
26
3.5k
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
Transcript
ͦͷUIɺ ࣮؆୯͡Όͳ͍ΜͰ͢ @akatsuki174 DXEL.1 ʙΤϯδχΞͱσβΠφʔ͕ʮ͍͍ؔʯΛஙͨ͘Ίʹʙ
ࣗݾհ • ਢ౻ຘ • גࣜձࣾZaimॴଐ • iOSΤϯδχΞ • Twitter, Qiita,
SlideShare, GitHub, SpeakerDeck, ͯͳϒϩά, note →akatsuki174
None
ɾiOSΤϯδχΞੜ׆ͷதͰʮ͏͓ɺ ɹؾ࣋ͪ͛͢ʔΘ͔Δ͚ͲͦͷUI ɹख͕ؒ…ʂʯͱࢥͬͨ͜ͱΛ3ͭհ ɾͳͥͦΕ͕͍͠ͷؚ͔Ίͯઆ໌ ɾԿ͔iOSΞϓϦ࡞ͷॿ͚ʹͳΕͱ… ࠓͷ༰
ཁ̍ɿʮʻΔʯϘλϯλοϓ࣌ ʹΞϥʔτΛද͍ࣔͨ͠
ཁৄࡉ ೖྗܥը໘͔ΒΔͱ͖ɺʮฤूத ͚ͩͲ͍͍͔ͬͯͬ͢ʁʯͱ͍͏ ΞϥʔτΛग़͍ͨ͠
ʮʻΔʯϘλϯ ɾΧελϚΠζ͢Δ͜ͱͰ͖Δ ɾλοϓ࣌ʹΞΫγϣϯΛ͚Ճ͑Δ ɹ͜ͱͰ͖Δ
ΧελϚΠζྫɿ৭Λม͑Δ
ΧελϚΠζྫɿʮʻʯ only
ΧελϚΠζྫɿtext only
͕͔ͩ͠͠ʂ ɾඪ४ͷʮʻΔʯUI × ΞΫγϣϯͷ ɹΈ߹ΘͤʢݫີʹʣͰ͖ͳ͍
ͦΕͬΆ͘ؤுͬͨͭ
ͦΕͬΆ͘ؤுͬͨฐ ɾશମͰϘλϯͷ৭Λม͍͑ͨ߹ʹ ɹݸผରԠΛ͢Δඞཁ͕͋Γɺ໘ ɾϝϯςφϯε໘ͰΊΜͲͦ͏
ผҊྫ ɾඪ४ͷΔϘλϯʹ͠ͳ͍͜ͱΛ ɹڐ༰͢Δ ɾࣗಈอଘʹͯ͠ɺͦͦอଘΛ ɹ֬ೝ͢ΔඞཁΛͳ͘͢
ཁ̎ɿϋΠύʔϦϯΫΛ͚͍ͨ
ϋΠύʔϦϯΫ WebͰΑ͘ݟΔϋΠύʔϦϯΫɺ iOSͩͱͪΐͬͱΊΜͲ͍͘͞
UILabelͰରԠ͢Δ߹ ɾϥϕϧͷશͯͷจࣈྻʹର͠ ɹಉ͡ઃఆʢ৭ɺαΠζͱ͔ʣΛ ɹద༻͢Δͷָ ɾϥϕϧͷจࣈྻͷҰ෦ʹผͷઃఆ ɹΛద༻͢͠ΔͳΒNSAttributedString ɹΛ͏ඞཁ͕͋Δ
֘෦͚ͩ৭͚
λοϓ͞Εͨͷ͕ϦϯΫ จࣈ෦͔ఆ
ผҊྫ ϦϯΫ෦Ϙλϯͱͯ͠ ผͷͱ͜Ζʹஔ͘
ཁ̏ɿΞίʔσΟΦϯϝχϡʔΛ ࡞Γ͍ͨ
ΞίʔσΟΦϯϝχϡʔ ɾiOSඪ४ͰΞίʔσΟΦϯϝχϡʔ ɹΛ࣮ݱͰ͖ΔΑ͏ͳΈఏڙ ɹ͞Ε͍ͯͳ͍ ɾؤுͬͯ࡞Ζ͏ͱࢥ͏ͱUITableView ɹΛվͯ͠࡞Δ͜ͱʹͳΔ
UITableView Α͘ϦετܕͷUIͰ ͬͯΔͭ
UITableView ΞίʔσΟΦϯɺ ྫ͑ΧςΰϦ - δϟϯϧ ͷΑ͏ͳࢠ͕ؔ͋Δ ➜section headerΛ ΧςΰϦͱͯ͠ɺcellΛ δϟϯϧͱͯ͠ߟ͑Δ
ΊΜͲ͍ϙΠϯτ ɾηΫγϣϯʹλοϓॲཧΛ͚Δ ɾࢠؔͷσʔλߏΛ࣋ͨͤΔ ɾηΫγϣϯͷ։ดঢ়ଶΛ֮͑ͤ͞Δ ɾΞχϝʔγϣϯʹࣗ༝͕ޮ͔ͳ͍ etc…
ผҊྫ ɾʢભҠ૿͑Δ͚ͲʣΧςΰϦΛλοϓ ɹͨ͠Βδϟϯϧը໘ʹભҠ͢Δ ɾWebViewʹ͢Δ
·ͱΊ ɾiOSʹiOSݻ༗ʢUIKitಛ༗ʣͷUI͕ ɹ͋ΓɺʮiOSͰΑ͘ݟͳ͍UIʯʹ ɹΑ͘ݟͳ͍ͳΓͷཧ༝͕͋Δ ɾૣΊʹٞʹڍ͛ͯɺίετͱମݧ͕ ɹͪΐ͏Ͳ͍͍ԘകʹͳΔͱ͜ΖΛ ɹݟ͚ͭΑ͏
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ