Tweet
Tweet

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

? Hiroshi Kimura Muukii Twitter @muukii0803 iOS Engineer Head of Development, Pairs Global

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

[App Name]

Slide 7

Slide 7 text

ΞϓϦ։ൃ Ͱ େ੾ͳ͜ͱ

Slide 8

Slide 8 text

΋ͷͮ͘Γ Ͱ େ੾ͳ͜ͱ

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

UI

Slide 11

Slide 11 text

User Interface

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

[App Name]

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

Apple? Google?

Slide 23

Slide 23 text

൴Β͚ͩͰ͸͋Γ·ͤΜ

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

[App Name]

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

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

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

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

Slide 36

Slide 36 text

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

Slide 37

Slide 37 text

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

Slide 38

Slide 38 text

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

Slide 39

Slide 39 text

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

Slide 40

Slide 40 text

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

Slide 41

Slide 41 text

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

Slide 42

Slide 42 text

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

Slide 43

Slide 43 text

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

Slide 44

Slide 44 text

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

Slide 45

Slide 45 text

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

Slide 46

Slide 46 text

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