Upgrade to Pro — share decks privately, control downloads, hide ads and more …

そのUI、実は簡単じゃないんです

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for akatsuki174 akatsuki174
July 10, 2018
Design
7
17k

 そのUI、実は簡単じゃないんです

2018/07/10(火) DXEL.1 エンジニアとデザイナーが「いい関係」を築くために

Avatar for akatsuki174

akatsuki174

July 10, 2018
Tweet

More Decks by akatsuki174

See All by akatsuki174
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
510
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
800
私が変えてきたこと、変えなかったこと
Avatar for akatsuki174 akatsuki174
2
980
最近読んでいる本-読書シェア会vol.1
Avatar for akatsuki174 akatsuki174
2
250
SwiftUI、UIKitでキャプチャを撮ろう！
Avatar for akatsuki174 akatsuki174
1
130
Appleにおけるプライバシーの全容を把握する
Avatar for akatsuki174 akatsuki174
0
6k
近年のAppleにおける位置情報とプライバシー
Avatar for akatsuki174 akatsuki174
3
500
オフライン勉強会ぼっち対策
Avatar for akatsuki174 akatsuki174
1
690
Xcode 15の新機能
Avatar for akatsuki174 akatsuki174
0
2.9k

Other Decks in Design

See All in Design
TWCP#21 UXデザインと哲学のはなし
Avatar for MAMIYA Shinsuke shinn
0
270
デザインを信じていますか
Avatar for sekig(ojiee) sekiguchiy
1
960
hicard_credential_202601
Avatar for hicard hicard
0
160
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
Avatar for インクルーシブデザインスタジオCULUMU culumu
1
580
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
0
1.4k
maki setoguchi
Avatar for Maki / Web Designer maki_setoguchi
0
670
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
Avatar for payatsun payatsusan213
0
200
Figmaレクチャー会Part2 もっと使いこなす編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
1
260
Emmy's Artwork
Avatar for McKenna mcksmith
0
200
Diverse Design Team Deck
Avatar for Diverse diverse
0
630
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
Avatar for mewmo mewmo
PRO
0
160
ユーザー体験は細部に宿る -ウィジェットQAの挑戦と気づき- / UX is in the details: Challenges and Learnings from Widget QA
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
150

Featured

See All Featured
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
94
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
280
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
260
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
200
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.7k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.4k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.1k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
170
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
1.9k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
74
11k

Transcript

  1. ͦͷUIɺ ࣮͸؆୯͡Όͳ͍ΜͰ͢ @akatsuki174 DXEL.1 ʙΤϯδχΞͱσβΠφʔ͕ʮ͍͍ؔ܎ʯΛஙͨ͘Ίʹʙ

  2. ࣗݾ঺հ • ਢ౻ຘ • גࣜձࣾZaimॴଐ • iOSΤϯδχΞ • Twitter, Qiita,

    SlideShare, GitHub, SpeakerDeck, ͸ͯͳϒϩά, note →akatsuki174
  3. None

  4. ɾiOSΤϯδχΞੜ׆ͷதͰʮ͏͓ɺ ɹؾ࣋ͪ͸͛͢ʔΘ͔Δ͚ͲͦͷUI͸ ɹख͕ؒ…ʂʯͱࢥͬͨ͜ͱΛ3ͭ঺հ ɾͳͥͦΕ͕೉͍͠ͷ͔΋ؚΊͯઆ໌ ɾԿ͔iOSΞϓϦ੡࡞ͷॿ͚ʹͳΕ͹ͱ… ࠓ೔ͷ಺༰

  5. ཁ๬̍ɿʮʻ໭ΔʯϘλϯλοϓ࣌ ʹΞϥʔτΛද͍ࣔͨ͠

  6. ཁ๬ৄࡉ ೖྗܥը໘͔Β໭Δͱ͖ɺʮฤूத ͚ͩͲ໭͍͍͔ͬͯͬ͢ʁʯͱ͍͏ ΞϥʔτΛग़͍ͨ͠

  7. ʮʻ໭ΔʯϘλϯ ɾΧελϚΠζ͢Δ͜ͱ͸Ͱ͖Δ ɾλοϓ࣌ʹΞΫγϣϯΛ෇͚Ճ͑Δ ɹ͜ͱ΋Ͱ͖Δ

  8. ΧελϚΠζྫɿ৭Λม͑Δ

  9. ΧελϚΠζྫɿʮʻʯ only

  10. ΧελϚΠζྫɿtext only

  11. ͕͔ͩ͠͠ʂ ɾඪ४ͷʮʻ໭ΔʯUI × ΞΫγϣϯͷ ɹ૊Έ߹Θͤ͸ʢݫີʹ͸ʣͰ͖ͳ͍

  12. ͦΕͬΆ͘ؤுͬͨ΍ͭ

  13. ͦΕͬΆ͘ؤுͬͨฐ֐ ɾશମͰϘλϯͷ৭Λม͍͑ͨ৔߹ʹ ɹݸผରԠΛ͢Δඞཁ͕͋Γɺ໘౗ ɾϝϯςφϯε໘ͰΊΜͲͦ͏

  14. ผҊྫ ɾඪ४ͷ໭ΔϘλϯʹ͸͠ͳ͍͜ͱΛ ɹڐ༰͢Δ ɾࣗಈอଘʹͯ͠ɺͦ΋ͦ΋อଘΛ ɹ֬ೝ͢ΔඞཁΛͳ͘͢

  15. ཁ๬̎ɿϋΠύʔϦϯΫΛ෇͚͍ͨ

  16. ϋΠύʔϦϯΫ WebͰΑ͘ݟΔϋΠύʔϦϯΫɺ iOSͩͱͪΐͬͱΊΜͲ͍͘͞

  17. UILabelͰରԠ͢Δ৔߹ ɾϥϕϧ಺ͷશͯͷจࣈྻʹର͠ ɹಉ͡ઃఆ஋ʢ৭ɺαΠζͱ͔ʣΛ ɹద༻͢Δͷ͸ָ ɾϥϕϧ಺ͷจࣈྻͷҰ෦ʹผͷઃఆ஋ ɹΛద༻͢͠ΔͳΒNSAttributedString ɹΛ࢖͏ඞཁ͕͋Δ

  18. ֘౰෦෼͚ͩ৭෇͚

  19. λοϓ͞Εͨͷ͕ϦϯΫ จࣈ෦෼͔൑ఆ

  20. ผҊྫ ϦϯΫ෦෼͸Ϙλϯͱͯ͠ ผͷͱ͜Ζʹஔ͘

  21. ཁ๬̏ɿΞίʔσΟΦϯϝχϡʔΛ ࡞Γ͍ͨ

  22. ΞίʔσΟΦϯϝχϡʔ ɾiOSඪ४Ͱ͸ΞίʔσΟΦϯϝχϡʔ ɹΛ࣮ݱͰ͖ΔΑ͏ͳ࢓૊Έ͸ఏڙ ɹ͞Ε͍ͯͳ͍ ɾؤுͬͯ࡞Ζ͏ͱࢥ͏ͱUITableView ɹΛվ଄ͯ͠࡞Δ͜ͱʹͳΔ

  23. UITableView Α͘ϦετܕͷUIͰ ࢖ͬͯΔ΍ͭ

  24. UITableView ΞίʔσΟΦϯ͸ɺ ྫ͑͹ΧςΰϦ - δϟϯϧ ͷΑ͏ͳ਌ࢠؔ܎͕͋Δ ➜section headerΛ ΧςΰϦͱͯ͠ɺcellΛ δϟϯϧͱͯ͠ߟ͑Δ

  25. ΊΜͲ͍ϙΠϯτ ɾηΫγϣϯʹλοϓॲཧΛ෇͚Δ ɾ਌ࢠؔ܎ͷσʔλߏ଄Λ࣋ͨͤΔ ɾηΫγϣϯͷ։ดঢ়ଶΛ֮͑ͤ͞Δ ɾΞχϝʔγϣϯʹࣗ༝͕ޮ͔ͳ͍ etc…

  26. ผҊྫ ɾʢભҠ૿͑Δ͚ͲʣΧςΰϦΛλοϓ ɹͨ͠Βδϟϯϧը໘ʹભҠ͢Δ ɾWebViewʹ͢Δ

  27. ·ͱΊ ɾiOSʹ͸iOSݻ༗ʢUIKitಛ༗ʣͷUI͕ ɹ͋ΓɺʮiOSͰ͸Α͘ݟͳ͍UIʯʹ͸ ɹΑ͘ݟͳ͍ͳΓͷཧ༝͕͋Δ ɾૣΊʹٞ୊ʹڍ͛ͯɺίετͱମݧ͕ ɹͪΐ͏Ͳ͍͍ԘകʹͳΔͱ͜ΖΛ ɹݟ͚ͭΑ͏

  28. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ