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
最近読んでいる本-読書シェア会vol.1
akatsuki174
2
140
SwiftUI、UIKitでキャプチャを撮ろう!
akatsuki174
1
60
Appleにおけるプライバシーの全容を把握する
akatsuki174
0
5.5k
近年のAppleにおける位置情報とプライバシー
akatsuki174
3
420
オフライン勉強会ぼっち対策
akatsuki174
1
600
Xcode 15の新機能
akatsuki174
0
2.6k
AndroidにもSelect Photosがやってきた
akatsuki174
0
1.3k
Famm Android改善記
akatsuki174
0
360
Flutterアプリ開発にネイティブコードはどこまで求められるのか
akatsuki174
2
4.6k
Other Decks in Design
See All in Design
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
3
3k
Managing Design Systems (Antwerp 2024)
nathanacurtis
1
380
ネットワークセキュリティ科 学科紹介
sklbj_unz
0
160
発表資料テンプレート / My slide template
thatblue
0
200
最速[要出典]アクセシビリティチェック
magi1125
2
200
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
330
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
150
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
190
Illustrator2025がやってきた!私が好きな新機能
hamko1114
0
110
Tableau曲線表現講座(2024.11.21)
cielo1985
0
250
ENEOS社事例|アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design
cyberagentdevelopers
PRO
1
820
Museum Heist
allykae
0
120
Featured
See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
BBQ
matthewcrist
86
9.5k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
10
1.3k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.5k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Navigating Team Friction
lara
183
15k
Done Done
chrislema
182
16k
Building Applications with DynamoDB
mza
93
6.2k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Agile that works and the tools we love
rasmusluckow
328
21k
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ʯʹ ɹΑ͘ݟͳ͍ͳΓͷཧ༝͕͋Δ ɾૣΊʹٞʹڍ͛ͯɺίετͱମݧ͕ ɹͪΐ͏Ͳ͍͍ԘകʹͳΔͱ͜ΖΛ ɹݟ͚ͭΑ͏
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ