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
160
スマホアプリ開発で大切なこと
Muukii
March 25, 2019
Tweet
Share
More Decks by Muukii
See All by Muukii
Problem Solving from the Abstraction Layer
muukii0803
1
26
Pairs iOSとトレンドの技術
muukii0803
0
950
Thoughts about build flow
muukii0803
2
310
エンジニアとして働くために
muukii0803
0
180
Q. Textureは部分的に導入できますか?
muukii0803
3
2.4k
安定したチャットを実現するための アプリとAPI設計
muukii0803
17
8.1k
快適なUIを持つアプリを作るために できること
muukii0803
12
2.7k
iOS エンジニアが考える Webアプリ開発
muukii0803
3
490
AutoLayout以外の選択肢
muukii0803
13
5.3k
Other Decks in Education
See All in Education
情報科学類で学べる専門科目38選
momeemt
0
580
Data Management and Analytics Specialisation
signer
PRO
0
1.4k
データで見る赤ちゃんの成長
syuchimu
0
250
プレゼンテーション実践
takenawa
0
15k
Dashboards - Lecture 11 - Information Visualisation (4019538FNR)
signer
PRO
1
2.1k
2025年度春学期 統計学 第12回 分布の平均を推測する ー 区間推定 (2025. 6. 26)
akiraasano
PRO
0
150
Common STIs in London: Symptoms, Risks & Prevention
medicaldental
0
140
令和政経義塾第2期説明会
nxji
0
180
IUM-03-Short Series of Functions
kanaya
0
120
JPCERTから始まる草の根活動~セキュリティ文化醸成のためのアクション~
masakiokuda
0
220
核燃料政策を問う─英国の決断と日本
hide2kano
0
170
仮説の取扱説明書/User_Guide_to_a_Hypothesis
florets1
4
350
Featured
See All Featured
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
790
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Automating Front-end Workflow
addyosmani
1370
200k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
20k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Fireside Chat
paigeccino
39
3.6k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Designing for Performance
lara
610
69k
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