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
120
スマホアプリ開発で大切なこと
Muukii
March 25, 2019
Tweet
Share
More Decks by Muukii
See All by Muukii
Pairs iOSとトレンドの技術
muukii0803
0
780
Thoughts about build flow
muukii0803
2
240
エンジニアとして働くために
muukii0803
0
140
Q. Textureは部分的に導入できますか?
muukii0803
3
2.2k
安定したチャットを実現するための アプリとAPI設計
muukii0803
18
7.4k
快適なUIを持つアプリを作るために できること
muukii0803
12
2.4k
iOS エンジニアが考える Webアプリ開発
muukii0803
3
430
AutoLayout以外の選択肢
muukii0803
13
5k
Decodable - Pairs Taiwan
muukii0803
1
820
Other Decks in Education
See All in Education
Web3の世界にようこそ
nabe33
0
260
Servizo de correo
irocho
0
470
CULTURA I VALORS
cumclavis
PRO
1
170
Introduction - Lecture 1 - Next Generation User Interfaces (4018166FNR)
signer
PRO
1
3.3k
アイスブレイク:自己紹介ポーカーワークショップ(KAG版)
junki
2
270
week8@tcue2024
nonxxxizm
0
490
White Snake: Qing's Mission
movingcastal
0
220
Case Studies and Course Review - Lecture 12 - Information Visualisation (4019538FNR)
signer
PRO
1
1.4k
英語学習から海外発表までの流れ
yasulab
18
4.1k
Слайды блока№1 к мини-курсу "Разговорные фразы" по "Минифразу Гуннемарка" арабского языка
jameela
0
190
〜AWS初心者向け〜 ベストプラクティスから学ぶ 「AWSセキュリティの高め方」
koheiyoshikawa
0
670
Lecture on Management at Waseda University
tsogo817421
2
580
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
166
14k
Speed Design
sergeychernyshev
9
270
Scaling GitHub
holman
458
140k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
23
1.9k
5 minutes of I Can Smell Your CMS
philhawksworth
200
19k
The Illustrated Children's Guide to Kubernetes
chrisshort
39
47k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
12
3.8k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
149
45k
Building a Scalable Design System with Sketch
lauravandoore
458
32k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
26
1.8k
Navigating Team Friction
lara
181
13k
Building Adaptive Systems
keathley
34
2k
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