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
19
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.6k
iOS エンジニアが考える Webアプリ開発
muukii0803
3
490
AutoLayout以外の選択肢
muukii0803
13
5.3k
Other Decks in Education
See All in Education
IUM-03-Short Series of Functions
kanaya
0
110
2025年度春学期 統計学 第4回 データを「分布」で見る (2025. 5. 1)
akiraasano
PRO
0
160
計算情報学研究室 (数理情報学第7研究室)紹介スライド (2025)
tomonatu8
0
650
Course Review - Lecture 12 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
1.8k
【品女100周年企画】Pitch Deck
shinagawajoshigakuin_100th
0
4.4k
Alumnote inc. Company Deck
yukinumata
0
1.1k
2025年度春学期 統計学 第11回 分布の「型」を考える ー 確率分布モデルと正規分布 (2025. 6. 19)
akiraasano
PRO
0
150
2025年度春学期 統計学 第3回 クロス集計と感度・特異度,データの可視化 (2025. 4. 24)
akiraasano
PRO
0
200
人になにかを教えるときに考えていること(2025-05版 / VRC-LT #18)
sksat
4
1.1k
今も熱いもの!魂を揺さぶる戦士の儀式:マオリ族のハカ
shubox
0
220
AI for Learning
fonylew
0
170
Dashboards - Lecture 11 - Information Visualisation (4019538FNR)
signer
PRO
1
2.1k
Featured
See All Featured
Faster Mobile Websites
deanohume
308
31k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
A Tale of Four Properties
chriscoyier
160
23k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Building Adaptive Systems
keathley
43
2.7k
Side Projects
sachag
455
43k
GraphQLとの向き合い方2022年版
quramy
49
14k
How STYLIGHT went responsive
nonsquared
100
5.7k
Building Applications with DynamoDB
mza
95
6.5k
Testing 201, or: Great Expectations
jmmastey
45
7.6k
Fireside Chat
paigeccino
38
3.6k
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