$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
スマホアプリ開発で大切なこと
Search
Muukii
March 25, 2019
Education
3
170
スマホアプリ開発で大切なこと
Muukii
March 25, 2019
Tweet
Share
More Decks by Muukii
See All by Muukii
Problem Solving from the Abstraction Layer
muukii0803
1
38
Pairs iOSとトレンドの技術
muukii0803
0
990
Thoughts about build flow
muukii0803
2
330
エンジニアとして働くために
muukii0803
0
190
Q. Textureは部分的に導入できますか?
muukii0803
3
2.5k
安定したチャットを実現するための アプリとAPI設計
muukii0803
17
8.3k
快適なUIを持つアプリを作るために できること
muukii0803
12
2.7k
iOS エンジニアが考える Webアプリ開発
muukii0803
3
510
AutoLayout以外の選択肢
muukii0803
13
5.4k
Other Decks in Education
See All in Education
HCI Research Methods - Lecture 7 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
1.3k
Презентация "Знаю Россию"
spilsart
0
380
Réaliser un diagnostic externe
martine
0
840
いわゆる「ふつう」のキャリアを歩んだ人の割合(若者向け)
hysmrk
0
280
Use Cases and Course Review - Lecture 8 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
1.3k
IHLヘルスケアリーダーシップ研究会17期説明資料
ihlhealthcareleadership
0
250
【ZEPホスト用メタバース校舎操作ガイド】
ainischool
0
150
Introduction - Lecture 1 - Web Technologies (1019888BNR)
signer
PRO
0
5.8k
IKIGAI World Fes:program
tsutsumi
1
2.6k
Adobe Express
matleenalaakso
1
8.1k
HTML5 and the Open Web Platform - Lecture 3 - Web Technologies (1019888BNR)
signer
PRO
2
3.1k
1008
cbtlibrary
0
120
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
331
21k
Design in an AI World
tapps
0
100
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
750
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Deep Space Network (abreviated)
tonyrice
0
21
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Docker and Python
trallard
47
3.7k
Designing Powerful Visuals for Engaging Learning
tmiket
0
190
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Applied NLP in the Age of Generative AI
inesmontani
PRO
3
2k
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
61
50k
The Invisible Side of Design
smashingmag
302
51k
Transcript
Eureka Relationship Hiroshi Kimura | Eureka, Inc. 2019 March εϚϗΞϓϦ։ൃͰେͳ͜ͱ
? Hiroshi Kimura Muukii Twitter @muukii0803 iOS Engineer Head of
Development, Pairs Global
None
None
None
[App Name]
ΞϓϦ։ൃ Ͱ େͳ͜ͱ
ͷͮ͘Γ Ͱ େͳ͜ͱ
ϓϩμΫτΛ͏ଆʹཱͯݟ͑Δͷ͕ ࡞Δଆʹཱͬͨॠ͔ؒΒݟ͑ͳ͘ͳΔ ͱ͍͏͜ͱ
UI
User Interface
UIͱ Ϣʔβʔ͕γεςϜΛૢ࡞͢ΔͨΊͷͷ
ͯ͢ͷΞϓϦUIΛ࣋ͭ
UIʹʮϢʔβʔʹͱͬͯͷͨΓલʯ͕͋Δ
ʮϢʔβʔʹͱͬͯͷͨΓલʯᐆດͰજࡏతͳͷͰ͋Δɻ ։ൃʹ͓͚Δ༻ޠͰʮඇػೳཁ݅ʯͱදݱ͢Δ͜ͱ͋Δɻ
• Non-functional requirement • ސ٬͕જࡏతʹ͍࣋ͬͯΔʮӅΕͨཁ݅ʯͷ͜ͱ • … ඇػೳཁ݅ͱ?
༻ޠॏཁͰͳ͍ͷͰলུ͠·͢
• ࣸਅͷαϜωΠϧද͔ࣔΒɺશը໘දࣔʹΓସΘͬͨͱ ͖ʹɺԼʹεϫΠϓ͢Δ͜ͱͰΔ͜ͱ͕Մೳ ࠷ۙͷʮͨΓલʯ
[App Name]
ʮͨΓલʯৗʹมԽ͢Δ
ͰɺʮͨΓલʯ୭͕࡞͍ͬͯΔͷ͔?
Apple? Google?
൴Β͚ͩͰ͋Γ·ͤΜ
ΞϓϦͷϝΠϯϓϥοτϑΥʔϜ iOS Android ͳͷͰɺApple, Google͕εϚʔτϑΥϯΞϓϦʹ͓͚ΔUIͷͨΓ લΛ࡞͍ͬͯΔͷͰ͠ΐ͏͔ʁ ͦΕؒҧ͍Ͱ͋Γ·ͤΜɻ൴ΒUIʹ͓͚ΔτοϓϓϨΠϠʔͰ ͋ΓɺϢʔβʔΛ৽͍͠ମݧʹ࿈Εͯߦ͘͜ͱΛߟ͑ଓ͚͍ͯ·͢ ͔͠͠ɺ࡞͍ͬͯΔͷ൴Β͚ͩͰͳ͍ͷͰ͢ɻ
[App Name]
• ࠓͱͳͬͯiOSඪ४ΞϓϦʹࡌ͞Ε͍ͯΔ • ͔͠͠ɺͱͱαʔυύʔςΟΞϓϦ͕ઌͩͬͨ • iOS6ͰެࣜʹUIίϯϙʔωϯτͱͯ͠ՃΘͬͨ Pull to refresh -
Ҿͬுͬͯߋ৽
• αʔυύʔςΟΞϓϦͷτοϓϓϨΠϠʔ͕Ϣʔβʔʹऔͬ ͯͷʮͨΓલʯΛ࡞Γग़͢ɻ • ଟ͘ͷϢʔβʔΛ࣋ͭαʔϏεʹΑͬͯӨڹ͞Ε͍ͯ͘ • Apple GoogleͦΕΛݟͯɺࣗͨͪͷϓϩμΫτʹө ͍ͯ͠Δɻ ൴ΒࢢͷʮͨΓલʯΛৗʹ؍͍ͯ͠Δɻ
αʔυύʔςΟΞϓϦʹΑΔӨڹେ͖͍
ࠓͷʮͨΓલʯকདྷʮͨΓલʯͰͳ͘ͳΔ
• ศརͳUI͕ͩɺϢʔβʔ͕खಈͰߋ৽͢ΔͨΊͷͷ • ͦͦखಈͰߋ৽Λ͠ͳ͚Ε͍͚ͳ͍͜ͱ͕͋Δͱ͍ ͏՝͍ͬͯΔɻ • ͜ͷ՝ٕज़ͷਐาʹΑΓରԠ͞Ε͖͍ͯͯΔɻ Pull to refresh
- Ҿͬுͬͯߋ৽
• ͜ͷΑ͏ͳΈ͕Ϣʔβʔʹਁಁͯ͘͠Δͱɺ PullToRefreshʮͨΓલʯͰͳ͘ͳΓ·͢ɻ • ʮ͑ɺ͜ͷΞϓϦɺࣗͰߋ৽͠ͳ͍ͱ͍͚ͳ͍ͷʁʯͱ ͳΔΘ͚Ͱ͢ɻ LINEͷνϟοτػೳʹϦϩʔυϘλϯͳ͍Ͱ͢ΑͶɻ
• ͍͍͢ͱײ͡ΔػೳUIɺͦͷཪʹӅΕ͍ͯΔٕज़ త՝Λ͏·͍͜ͱղܾͨ͠ͷͰ͋Δɻ • ͦͷٕज़త՝͕ղܾ͞ΕΔ͜ͱͰɺػೳUI࣍ͷ࣍ݩ ͱਐԽ͢Δɻ ʮͨΓલʯ͕࣮ݱ͞Ε͍ͯͳ͍͜ͱʹϢʔβʔετϨεΛ࣋ͭ
։ൃऀ ϢʔβʔʹͱͬͯͷʮͨΓલʯΛΔඞཁ͕͋Δ
• ʮͨΓલʯී௨ͩͱײ͡Δͱ͍͏͜ͱͳͷͰɺී௨͡Ό ͳ͘ͳͬͨͱ͖ʹॳΊͯײ͡Δ͜ͱ͕ग़དྷ·͢ • ϓϩμΫτΛ࡞Δଆʹ͍ͯײ͡Δ͜ͱෆՄೳ • ϓϩμΫτΛຊؾͰ͏ଆʹཱͨͳ͍ͱແཧ ʮͨΓલʯීஈײ͡Δ͜ͱ͕ग़དྷͳ͍
• Apple2018ʹʮFluid Interfacesʯͱ͍͏Ωʔϫʔυ Ͱ͜Ε͔Βͷ࣌ͷUIͷ֓೦Λఏএ͍ͯ͠·͢ɻ • https://developer.apple.com/videos/play/ wwdc2018/803/ ΞϓϦͷUI͜Ε͔ΒਐԽ͠ଓ͚Δ
ʮͨΓલʯ→ʮ͍৺ͷྑ͍ϓϩμΫτʯ
͢ΔΞϓϦࢢͰ ʮͨΓલʯͷ࣮ݱͱϦʔυ͕伴ͱͳΔ
• ΠϊϕʔςΟϒͳΞΠσΞʹΑΔϓϩμΫτͰ͋Εɺඇ ػೳཁ݅ͷୡͯ͘ͳΜͱ͔ͳΔɻ গͳ͘ͱ࠷ॳɻ • ͔͠͠ɺ͍ͣΕͦ͜ʹଟ͘ͷڝ߹͕ݱΕΔ͜ͱʹͳΓɺ ظɾख़ظʹ͓͍ͯʮ͍৺ʯͰͷউෛͱͳΔɻ ڧ͍ϓϩμΫτͱͳΜͳͷ͔ɺͳͥڧ͍ͷ͔
ਓ͕ݟΔͷʮࠓʯ͕Ͳ͏ͳ͍ͬͯΔ͔͚ͩɺ ࠷ॳʹͬͨਓ͕୭͔ͳΜͯ୭ؾʹ͠ͳ͍
ʮ͍৺ʯΛ࣮ݱ͢Δ͜ͱ͕ग़དྷΔͷΤϯδχΞͰ͢
ϓϩμΫτͷڧ͞ = αʔϏεͷՁ × ͍৺ ϏδωεαΠυ ΤϯδχΞαΠυ
ΞϓϦ։ൃͷେUI։ൃʹͳΔ
εϚʔτϑΥϯΞϓϦΤϯδχΞʹ ࠓҰ൪ٻΊΒΕΔͷUIͷ࣮εΩϧ
Ϣʔβʔ͕ʮ͜ͷΞϓϦɺ͍͍͢ʯͱײ͡Δ෦ͷද෦ UIͰ͢ɻ ͜͜Λಥ͖٧ΊΔ͜ͱͰʮ͍৺ʯΛఏڙ͢Δ͜ͱ͕ग़དྷ·͢ εϚʔτϑΥϯΞϓϦΤϯδχΞΛࢦ͢ͷͰ͋ΕUIͷ࣮ྗ ʹϑΥʔΧε͠·͠ΐ͏ɻ ·ͨɺ࣮ݱ͍ͨ͠UIΛߟ͑Δ͜ͱͰɺ͔ͦ͜Βࣗʹඞཁͳٕज़ ͕ݟ͑ͯ͘ΔͰ͠ΐ͏ɻ
UIͷ͜ͱ͚ͩߟ͑ͯΕ࠷ڧͷΤϯδχΞʹͳΔਤ
࣍ճʮͳͥUIͷ։ൃ͍͠ͷ͔?ʯ
Thank you! Eureka Relationship Hiroshi Kimura | Eureka, Inc. 2019
March