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.1k
近年のAppleにおける位置情報とプライバシー
akatsuki174
3
350
オフライン勉強会ぼっち対策
akatsuki174
1
510
Xcode 15の新機能
akatsuki174
0
2.4k
AndroidにもSelect Photosがやってきた
akatsuki174
0
990
Famm Android改善記
akatsuki174
0
320
Flutterアプリ開発にネイティブコードはどこまで求められるのか
akatsuki174
2
4k
UIKitのアップデート #WWDC22
akatsuki174
4
1.1k
職能/職種横断でチームの生産性を高める
akatsuki174
2
5.7k
Other Decks in Design
See All in Design
JBUG東京#22登壇資料_日頃クライアントワークを行っているディレクターが自社コーポレートサイトリニューアルを担当して学んだこと
webnaut
0
320
エムスリー株式会社 デザイングループ紹介資料 / m3design-team-profile
m3designer
0
810
For My Dad- teaser
pdqsketch
PRO
0
170
🇫🇷 Design Leadership en eaux troubles
morganepeng
2
340
みてね デザイン組織の変遷とデザインマネージャーの振り返り
naoyawatanabe
3
870
Installing and Running decksh/pdfdeck
ajstarks
1
570
最速で価値を届けるUXリサーチ
degudegu2510
4
1k
Building a mindful relationship with digital media for zillennials prone to anxiety
mastervicedesign
0
160
プロジェクトを成功に導く、デザイナーの仕事
akaneyoshikawa
1
290
Shinjuku.rb #91 好きなもの紹介LT大会 "便利"や"役に立つ"とは別方面のRubyをつかったプログラミングがたのしい話
bash0c7
0
130
デザインスプリントを活かすチームの在り方
mixi_design
PRO
1
430
インターフェースのユーザビリティ概論および調査手法について
readymadegogo
0
130
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1362
200k
What's new in Ruby 2.0
geeforr
338
31k
Making Projects Easy
brettharned
111
5.7k
Designing Experiences People Love
moore
136
23k
Designing the Hi-DPI Web
ddemaree
276
34k
Teambox: Starting and Learning
jrom
130
8.6k
Fontdeck: Realign not Redesign
paulrobertlloyd
79
5.1k
YesSQL, Process and Tooling at Scale
rocio
166
14k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
24
1.8k
Optimizing for Happiness
mojombo
373
69k
Six Lessons from altMBA
skipperchong
24
3.2k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
17
1.5k
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ʯʹ ɹΑ͘ݟͳ͍ͳΓͷཧ༝͕͋Δ ɾૣΊʹٞʹڍ͛ͯɺίετͱମݧ͕ ɹͪΐ͏Ͳ͍͍ԘകʹͳΔͱ͜ΖΛ ɹݟ͚ͭΑ͏
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ