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
最速[要出典]アクセシビリティチェック
magi1125
2
200
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
620
LayerX DesignersDeck
layerx
PRO
0
2.5k
プロダクトデザインの「守破離」の「破」について
hayashirine
0
310
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
1.2k
政策広報実践講座_講演資料ダイジェスト2
capitolthink
0
120
藤本佳子・ポートフォリオ・2025/01
yoshi_designer
0
3.3k
横断組織デザイナーの働き方
mixi_design
PRO
0
330
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
870
Les petites aventures de CSS, saison 2025
goetter
3
3.9k
TUNAG BOOK 2024
stmn
0
470
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
720
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
The Pragmatic Product Professional
lauravandoore
32
6.4k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Why Our Code Smells
bkeepers
PRO
335
57k
A Philosophy of Restraint
colly
203
16k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
310
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
4 Signs Your Business is Dying
shpigford
182
22k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
29
2.2k
Mobile First: as difficult as doing things right
swwweet
223
9.3k
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ʯʹ ɹΑ͘ݟͳ͍ͳΓͷཧ༝͕͋Δ ɾૣΊʹٞʹڍ͛ͯɺίετͱମݧ͕ ɹͪΐ͏Ͳ͍͍ԘകʹͳΔͱ͜ΖΛ ɹݟ͚ͭΑ͏
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ