Upgrade to Pro — share decks privately, control downloads, hide ads and more …

スマホアプリ開発で大切なこと

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Muukii Muukii
March 25, 2019
Education
3
180

 スマホアプリ開発で大切なこと

Avatar for Muukii

Muukii

March 25, 2019
Tweet

More Decks by Muukii

See All by Muukii
Problem Solving from the Abstraction Layer
Avatar for Muukii muukii0803
1
44
Pairs iOSとトレンドの技術
Avatar for Muukii muukii0803
0
1k
Thoughts about build flow
Avatar for Muukii muukii0803
2
340
エンジニアとして働くために
Avatar for Muukii muukii0803
0
200
Q. Textureは部分的に導入できますか？
Avatar for Muukii muukii0803
3
2.5k
安定したチャットを実現するための アプリとAPI設計
Avatar for Muukii muukii0803
17
8.4k
快適なUIを持つアプリを作るために
できること
Avatar for Muukii muukii0803
12
2.7k
iOS エンジニアが考える Webアプリ開発
Avatar for Muukii muukii0803
3
510
AutoLayout以外の選択肢
Avatar for Muukii muukii0803
13
5.4k

Other Decks in Education

See All in Education
渡辺研Slackの使い方 / Slack Local Rule
Avatar for kaityo256 kaityo256
PRO
10
11k
NUTMEG紹介スライド
Avatar for Mugicha mugiiicha
0
870
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
360
Semantic Web and Web 3.0 - Lecture 9 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
2
3.2k
Web 2.0 Patterns and Technologies - Lecture 8 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3k
多様なメンター、多様な基準
Avatar for Yohei Yasukawa yasulab
PRO
5
19k
TypeScript初心者向け完全ガイド
Avatar for MIKIO KUBO mickey_kubo
1
120
核軍備撤廃に向けた次の大きな一歩─核兵器を先には使わないと核保有国が約束すること
Avatar for HKano hide2kano
0
230
HCI Research Methods - Lecture 7 - Human-Computer Interaction (1023841ANR)
Avatar for Beat Signer signer
PRO
0
1.3k
滑空スポーツ講習会2025(実技講習）EMFT講習　実施要領/JSA EMFT 2025 procedure
Avatar for JSA seminar jsaseminar
0
100
栃木県警サイバーセキュリティ研修会2026
Avatar for Nomizo Nomizo nomizone
0
160
2025-10-30 社会と情報2025 #05 CC+の代わり
Avatar for mapconcierge mapconcierge4agu
0
110

Featured

See All Featured
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
700
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
2
2.4k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
750
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
66
36k
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
2
930
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
0
79
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.2k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.2k
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
120
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
74
11k

Transcript

  1. Eureka Relationship Hiroshi Kimura | Eureka, Inc. 2019 March εϚϗΞϓϦ։ൃͰେ੾ͳ͜ͱ

  2. ? Hiroshi Kimura Muukii Twitter @muukii0803 iOS Engineer Head of

    Development, Pairs Global
  3. None
  4. None
  5. None

  6. [App Name]

  7. ΞϓϦ։ൃ Ͱ େ੾ͳ͜ͱ

  8. ΋ͷͮ͘Γ Ͱ େ੾ͳ͜ͱ

  9. ϓϩμΫτΛ࢖͏ଆʹཱͯ͹ݟ͑Δ΋ͷ͕ ࡞Δଆʹཱͬͨॠ͔ؒΒݟ͑ͳ͘ͳΔ ͱ͍͏͜ͱ

  10. UI

  11. User Interface

  12. UIͱ͸ Ϣʔβʔ͕γεςϜΛૢ࡞͢ΔͨΊͷ΋ͷ

  13. ͢΂ͯͷΞϓϦ͸UIΛ࣋ͭ

  14. UIʹ͸ʮϢʔβʔʹͱͬͯͷ౰ͨΓલʯ͕͋Δ

  15. ʮϢʔβʔʹͱͬͯͷ౰ͨΓલʯ͸ᐆດͰજࡏతͳ΋ͷͰ͋Δɻ ։ൃʹ͓͚Δ༻ޠͰʮඇػೳཁ݅ʯͱදݱ͢Δ͜ͱ΋͋Δɻ

  16. • Non-functional requirement • ސ٬͕જࡏతʹ͍࣋ͬͯΔʮӅΕͨཁ݅ʯͷ͜ͱ • … ඇػೳཁ݅ͱ͸?

  17. ༻ޠ͸ॏཁͰ͸ͳ͍ͷͰলུ͠·͢

  18. • ࣸਅͷαϜωΠϧද͔ࣔΒɺશը໘දࣔʹ੾ΓସΘͬͨͱ ͖ʹɺԼʹεϫΠϓ͢Δ͜ͱͰ໭Δ͜ͱ͕Մೳ ࠷ۙͷʮ౰ͨΓલʯ

  19. [App Name]

  20. ʮ౰ͨΓલʯ͸ৗʹมԽ͢Δ

  21. Ͱ͸ɺʮ౰ͨΓલʯ͸୭͕࡞͍ͬͯΔͷ͔?

  22. Apple? Google?

  23. ൴Β͚ͩͰ͸͋Γ·ͤΜ

  24. ΞϓϦͷϝΠϯϓϥοτϑΥʔϜ͸ iOS Android ͳͷͰɺApple, Google͕εϚʔτϑΥϯΞϓϦʹ͓͚ΔUIͷ౰ͨΓ લΛ࡞͍ͬͯΔͷͰ͠ΐ͏͔ʁ ͦΕ΋ؒҧ͍Ͱ͸͋Γ·ͤΜɻ൴Β͸UIʹ͓͚ΔτοϓϓϨΠϠʔͰ ͋ΓɺϢʔβʔΛ৽͍͠ମݧʹ࿈Εͯߦ͘͜ͱΛߟ͑ଓ͚͍ͯ·͢ ͔͠͠ɺ࡞͍ͬͯΔͷ͸൴Β͚ͩͰ͸ͳ͍ͷͰ͢ɻ

  25. [App Name]

  26. • ࠓͱͳͬͯ͸iOSඪ४ΞϓϦʹ΋౥ࡌ͞Ε͍ͯΔ • ͔͠͠ɺ΋ͱ΋ͱ͸αʔυύʔςΟΞϓϦ͕ઌͩͬͨ • iOS6ͰެࣜʹUIίϯϙʔωϯτͱͯ͠ՃΘͬͨ Pull to refresh -

    Ҿͬுͬͯߋ৽

  27. • αʔυύʔςΟΞϓϦͷτοϓϓϨΠϠʔ͕Ϣʔβʔʹऔͬ ͯͷʮ౰ͨΓલʯΛ࡞Γग़͢ɻ • ଟ͘ͷϢʔβʔΛ࣋ͭαʔϏεʹΑͬͯӨڹ͞Ε͍ͯ͘ • Apple Google΋ͦΕΛݟͯɺࣗ෼ͨͪͷϓϩμΫτʹ൓ө ͍ͯ͠Δɻ ൴Β΋ࢢ৔ͷʮ౰ͨΓલʯΛৗʹ؍࡯͍ͯ͠Δɻ

    αʔυύʔςΟΞϓϦʹΑΔӨڹ͸େ͖͍

  28. ࠓͷʮ౰ͨΓલʯ͸কདྷʮ౰ͨΓલʯͰ͸ͳ͘ͳΔ

  29. • ศརͳUI͕ͩɺϢʔβʔ͕खಈͰߋ৽͢ΔͨΊͷ΋ͷ • ͦ΋ͦ΋खಈͰߋ৽Λ͠ͳ͚Ε͹͍͚ͳ͍͜ͱ͕͋Δͱ͍ ͏՝୊͸࢒͍ͬͯΔɻ • ͜ͷ՝୊͸ٕज़ͷਐาʹΑΓରԠ͞Ε͖͍ͯͯΔɻ Pull to refresh

    - Ҿͬுͬͯߋ৽

  30. • ͜ͷΑ͏ͳ࢓૊Έ͕Ϣʔβʔʹਁಁͯ͘͠Δͱɺ PullToRefresh͸ʮ౰ͨΓલʯͰ͸ͳ͘ͳΓ·͢ɻ • ʮ͑ɺ͜ͷΞϓϦɺࣗ෼Ͱߋ৽͠ͳ͍ͱ͍͚ͳ͍ͷʁʯͱ ͳΔΘ͚Ͱ͢ɻ LINEͷνϟοτػೳʹϦϩʔυϘλϯͳ͍Ͱ͢ΑͶɻ

  31. • ࢖͍΍͍͢ͱײ͡Δػೳ΍UI͸ɺͦͷཪʹӅΕ͍ͯΔٕज़ త՝୊Λ͏·͍͜ͱղܾͨ͠΋ͷͰ͋Δɻ • ͦͷٕज़త՝୊͕ղܾ͞ΕΔ͜ͱͰɺػೳ΍UI͸࣍ͷ࣍ݩ ΁ͱਐԽ͢Δɻ ʮ౰ͨΓલʯ͕࣮ݱ͞Ε͍ͯͳ͍͜ͱʹϢʔβʔ͸ετϨεΛ࣋ͭ

  32. ։ൃऀ͸ Ϣʔβʔʹͱͬͯͷʮ౰ͨΓલʯΛ஌Δඞཁ͕͋Δ

  33. • ʮ౰ͨΓલʯ͸ී௨ͩͱײ͡Δͱ͍͏͜ͱͳͷͰɺී௨͡Ό ͳ͘ͳͬͨͱ͖ʹॳΊͯײ͡Δ͜ͱ͕ग़དྷ·͢ • ϓϩμΫτΛ࡞Δଆʹ͍ͯ͸ײ͡Δ͜ͱ͸ෆՄೳ • ϓϩμΫτΛຊؾͰ࢖͏ଆʹཱͨͳ͍ͱແཧ ʮ౰ͨΓલʯ͸ීஈײ͡Δ͜ͱ͕ग़དྷͳ͍

  34. • Apple͸2018೥ʹʮFluid Interfacesʯͱ͍͏Ωʔϫʔυ Ͱ͜Ε͔Βͷ࣌୅ͷUIͷ֓೦Λఏএ͍ͯ͠·͢ɻ • https://developer.apple.com/videos/play/ wwdc2018/803/ ΞϓϦͷUI͸͜Ε͔Β΋ਐԽ͠ଓ͚Δ

  35. ʮ౰ͨΓલʯ→ʮ࢖͍৺஍ͷྑ͍ϓϩμΫτʯ

  36. ๞࿨͢ΔΞϓϦࢢ৔Ͱ͸ ʮ౰ͨΓલʯͷ࣮ݱͱϦʔυ͕伴ͱͳΔ

  37. • ΠϊϕʔςΟϒͳΞΠσΞʹΑΔϓϩμΫτͰ͋Ε͹ɺඇ ػೳཁ݅ͷୡ੒౓͸௿ͯ͘΋ͳΜͱ͔ͳΔɻ
 গͳ͘ͱ΋࠷ॳ͸ɻ • ͔͠͠ɺ͍ͣΕͦ͜ʹ͸ଟ͘ͷڝ߹͕ݱΕΔ͜ͱʹͳΓɺ ੒௕ظɾ੒ख़ظʹ͓͍ͯ͸ʮ࢖͍৺஍ʯͰͷউෛͱͳΔɻ ڧ͍ϓϩμΫτͱ͸ͳΜͳͷ͔ɺͳͥڧ͍ͷ͔

  38. ਓ͕ݟΔͷ͸ʮࠓʯ͕Ͳ͏ͳ͍ͬͯΔ͔͚ͩɺ ࠷ॳʹ΍ͬͨਓ͕୭͔ͳΜͯ୭΋ؾʹ͠ͳ͍

  39. ʮ࢖͍৺஍ʯΛ࣮ݱ͢Δ͜ͱ͕ग़དྷΔͷ͸ΤϯδχΞͰ͢

  40. ϓϩμΫτͷڧ͞ = αʔϏεͷՁ஋ × ࢖͍৺஍ ϏδωεαΠυ ΤϯδχΞαΠυ

  41. ΞϓϦ։ൃͷେ൒͸UI։ൃʹͳΔ

  42. εϚʔτϑΥϯΞϓϦΤϯδχΞʹ ࠓҰ൪ٻΊΒΕΔͷ͸UIͷ࣮૷εΩϧ

  43. Ϣʔβʔ͕ʮ͜ͷΞϓϦɺ࢖͍΍͍͢ʯͱײ͡Δ෦෼ͷද૚෦͸ UIͰ͢ɻ ͜͜Λಥ͖٧ΊΔ͜ͱͰʮ࢖͍৺஍ʯΛఏڙ͢Δ͜ͱ͕ग़དྷ·͢ εϚʔτϑΥϯΞϓϦΤϯδχΞΛ໨ࢦ͢ͷͰ͋Ε͹UIͷ࣮૷ྗ ʹϑΥʔΧε͠·͠ΐ͏ɻ ·ͨɺ࣮ݱ͍ͨ͠UIΛߟ͑Δ͜ͱͰɺ͔ͦ͜Βࣗ෼ʹඞཁͳٕज़ ͕ݟ͑ͯ͘ΔͰ͠ΐ͏ɻ

  44. UIͷ͜ͱ͚ͩߟ͑ͯΕ͹࠷ڧͷΤϯδχΞʹͳΔਤ

  45. ࣍ճʮͳͥUIͷ։ൃ͸೉͍͠ͷ͔?ʯ

  46. Thank you! Eureka Relationship Hiroshi Kimura | Eureka, Inc. 2019

    March