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
スマホアプリ開発で大切なこと
Search
Muukii
March 25, 2019
Education
3
130
スマホアプリ開発で大切なこと
Muukii
March 25, 2019
Tweet
Share
More Decks by Muukii
See All by Muukii
Pairs iOSとトレンドの技術
muukii0803
0
830
Thoughts about build flow
muukii0803
2
250
エンジニアとして働くために
muukii0803
0
150
Q. Textureは部分的に導入できますか?
muukii0803
3
2.2k
安定したチャットを実現するための アプリとAPI設計
muukii0803
17
7.6k
快適なUIを持つアプリを作るために できること
muukii0803
12
2.5k
iOS エンジニアが考える Webアプリ開発
muukii0803
3
450
AutoLayout以外の選択肢
muukii0803
13
5.1k
Decodable - Pairs Taiwan
muukii0803
1
850
Other Decks in Education
See All in Education
Contentless Marketing
jonoalderson
0
1.5k
勉強したらどうなるの?
mineo_matsuya
8
6.1k
東工大 traP Kaggle班 機械学習講習会 2024
abap34
1
280
Design Guidelines and Models - Lecture 5 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
660
HCI and Interaction Design - Lecture 2 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
790
Epithelium Flashcards
ndevaul
0
970
H5P-työkalut
matleenalaakso
4
35k
Requirements Analysis and Prototyping - Lecture 3 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
770
Gemini in Android Studio 使ってますか?
satoryo56
0
420
1030
cbtlibrary
0
290
2409_CompanyInfo_Hanji_published.pdf
yosukemurata
0
230
Flinga
matleenalaakso
2
13k
Featured
See All Featured
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
Why You Should Never Use an ORM
jnunemaker
PRO
53
9k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
4
290
Designing Experiences People Love
moore
138
23k
Done Done
chrislema
181
16k
For a Future-Friendly Web
brad_frost
175
9.4k
VelocityConf: Rendering Performance Case Studies
addyosmani
325
24k
GraphQLとの向き合い方2022年版
quramy
43
13k
Building Your Own Lightsaber
phodgson
102
6k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
Ruby is Unlike a Banana
tanoku
96
11k
Fashionably flexible responsive web design (full day workshop)
malarkey
404
65k
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