OOPartsが切り開くクラウドゲーミング ✖︎ PWA

by oliver

Slide 1

Slide 1 text

@OOParts_JP / #OOPartsGame 1 OOParts͕੾Γ։͘ Ϋϥ΢υήʔϛϯά ✖ PWA

Slide 2

Slide 2 text

ࣗݾ঺հ

Slide 3

Slide 3 text

@OOParts_JP / #OOPartsGame 3 օ઒ େथʢDaiki Minakawaʣ Twitter: @oliver_diary GitHub, Qiita: minakawa-daiki Client-Side Developer at Black Inc.

Slide 4

Slide 4 text

Ϋϥ΢υήʔϛϯάʹ͍ͭͯ

Slide 5

Slide 5 text

@OOParts_JP / #OOPartsGame 5 Ϣʔβʔ͔Βͷૢ࡞Λड͚औΓ ήʔϜʹؔ͢ΔԋࢉΛΫϥ΢υ্Ͱߦ͍  ԋࢉ݁ՌΛө૾ͱͯ͠  Ϣʔβʔ΁ετϦʔϛϯά഑৴͞ΕΔٕज़ Ϋϥ΢υήʔϛϯάʹ͍ͭͯ

Slide 6

Slide 6 text

@OOParts_JP / #OOPartsGame 6

Slide 7

Slide 7 text

@OOParts_JP / #OOPartsGame 7

Slide 8

Slide 8 text

@OOParts_JP / #OOPartsGame 8 Ϣʔβ͔Βͷૢ࡞

Slide 9

Slide 9 text

@OOParts_JP / #OOPartsGame 9 ԋࢉॲཧ Ϣʔβ͔Βͷૢ࡞

Slide 10

Slide 10 text

@OOParts_JP / #OOPartsGame 10 ө૾ΛετϦʔϛϯά഑৴ ԋࢉॲཧ Ϣʔβ͔Βͷૢ࡞

Slide 11

Slide 11 text

༷ʑͳΫϥ΢υήʔϛϯά

Slide 12

Slide 12 text

@OOParts_JP / #OOPartsGame 12 PlayStation Now • ιχʔɾίϯϐϡʔλΤϯλςΠϯϝϯτͷΫϥ΢υήʔϜαʔϏε • ఆֹͰPS4ɾPS3λΠτϧ͕༡ͼ์୊ • ʮPlaystation Now for PCʯʹΑΓPCͰ΋ϓϨΠՄೳ • 2019೥10݄2೔ʹϦχϡʔΞϧ • େ෯஋Լ͛΍CERO ZͷήʔϜ͕௥Ճ

Slide 13

Slide 13 text

@OOParts_JP / #OOPartsGame 13 Google Stadia • GoogleͷΫϥ΢υήʔϜαʔϏε • 2019೥11݄19೔ʹւ֎14ΧࠃͰαʔϏε։࢝ • αʔϏε։࢝࣌͸22࡞඼ϓϨΠͰ͖Δ • σεΫτοϓ൛Chromeϒϥ΢β΍StadiaΞϓϦͰಈ࡞͢Δ • 4Kղ૾౓ʹ͓͍ͯ60fpsͷHDRͷήʔϜ഑৴ʹରԠ༧ఆ

Slide 14

Slide 14 text

@OOParts_JP / #OOPartsGame 14 Google Stadia https://japanese.engadget.com/2019/11/11/google-stadia/

Slide 15

Slide 15 text

@OOParts_JP / #OOPartsGame 15 Steam Cloud Gaming

Slide 16

Slide 16 text

OOPartsͷ঺հ

Slide 17

Slide 17 text

https://oo.parts/ ۙ೔ϕʔλ൛ެ։༧ఆ

Slide 18

Slide 18 text

OOPartsͷಛ௃

Slide 19

Slide 19 text

@OOParts_JP / #OOPartsGame 19 OOPartsͷಛ௃ • ੲͷWindowsͰ͔͠ϓϨΠͰ͖ͳ͔ͬͨΞυϕϯνϟʔήʔϜ͕ϓϨΠՄೳ

Slide 20

Slide 20 text

@OOParts_JP / #OOPartsGame 20 OOPartsͷಛ௃ • ੲͷWindowsͰ͔͠ϓϨΠͰ͖ͳ͔ͬͨΞυϕϯνϟʔήʔϜ͕ϓϨΠՄೳ • εϚϗΛ͸͡Ίͱ͢Δɺϒϥ΢β͑͋͞Ε͹ϓϨΠՄೳ

Slide 21

Slide 21 text

@OOParts_JP / #OOPartsGame 21 OOPartsͷಛ௃ • ੲͷWindowsͰ͔͠ϓϨΠͰ͖ͳ͔ͬͨΞυϕϯνϟʔήʔϜ͕ϓϨΠՄೳ • εϚϗΛ͸͡Ίͱ͢Δɺϒϥ΢β͑͋͞Ε͹ϓϨΠՄೳ • ͲΜͳεϖοΫͷ୺຤Ͱ΋ϓϨΠʹӨڹͮ͠Β͍

Slide 22

Slide 22 text

@OOParts_JP / #OOPartsGame 22 OOPartsͷಛ௃ • ੲͷWindowsͰ͔͠ϓϨΠͰ͖ͳ͔ͬͨΞυϕϯνϟʔήʔϜ͕ϓϨΠՄೳ • εϚϗΛ͸͡Ίͱ͢Δɺϒϥ΢β͑͋͞Ε͹ϓϨΠՄೳ • ͲΜͳεϖοΫͷ୺຤Ͱ΋ϓϨΠʹӨڹͮ͠Β͍ • ୺຤ͷσΟεΫ༰ྔΛؾʹ͠ͳͯ͘ྑ͍

Slide 23

Slide 23 text

@OOParts_JP / #OOPartsGame 23 • ੲͷWindowsͰ͔͠ϓϨΠͰ͖ͳ͔ͬͨΞυϕϯνϟʔήʔϜ͕ϓϨΠՄೳ • εϚϗΛ͸͡Ίͱ͢Δɺϒϥ΢β͑͋͞Ε͹ϓϨΠՄೳ • ͲΜͳεϖοΫͷ୺຤Ͱ΋ϓϨΠʹӨڹͮ͠Β͍ • ୺຤ͷσΟεΫ༰ྔΛؾʹ͠ͳͯ͘ྑ͍ • Webϒϥ΢β͔ΒΞϓϦͱͯ͠ΠϯετʔϧՄೳ OOPartsͷಛ௃

Slide 24

Slide 24 text

@OOParts_JP / #OOPartsGame 24 • ੲͷWindowsͰ͔͠ϓϨΠͰ͖ͳ͔ͬͨΞυϕϯνϟʔήʔϜ͕ϓϨΠՄೳ • εϚϗΛ͸͡Ίͱ͢Δɺϒϥ΢β͑͋͞Ε͹ϓϨΠՄೳ • ͲΜͳεϖοΫͷ୺຤Ͱ΋ϓϨΠʹӨڹͮ͠Β͍ • ୺຤ͷσΟεΫ༰ྔΛؾʹ͠ͳͯ͘ྑ͍ • Webϒϥ΢β͔ΒΞϓϦͱͯ͠ΠϯετʔϧՄೳɹ→ɹPWA OOPartsͷಛ௃

Slide 25

Slide 25 text

OOPartsͷߏ੒

Slide 26

Slide 26 text

@OOParts_JP / #OOPartsGame 26 όοΫΤϯυ ΫϥΠΞϯτ ήʔϛϯάαʔό

Slide 27

Slide 27 text

@OOParts_JP / #OOPartsGame 27 ᶃήʔϜىಈཁٻ όοΫΤϯυ ΫϥΠΞϯτ ήʔϛϯάαʔό

Slide 28

Slide 28 text

@OOParts_JP / #OOPartsGame 28 ᶄ଴ػதͷήʔϛϯάαʔόʹ ΫϥΠΞϯτΛׂΓ౰ͯΔ όοΫΤϯυ ΫϥΠΞϯτ ήʔϛϯάαʔό

Slide 29

Slide 29 text

@OOParts_JP / #OOPartsGame 29 ᶅήʔϜΛىಈ͢Δ όοΫΤϯυ ΫϥΠΞϯτ ήʔϛϯάαʔό

Slide 30

Slide 30 text

@OOParts_JP / #OOPartsGame 30 ᶆىಈͨ͜͠ͱΛ௨஌͢Δ όοΫΤϯυ ΫϥΠΞϯτ ήʔϛϯάαʔό

Slide 31

Slide 31 text

@OOParts_JP / #OOPartsGame 31 ᶇө૾഑৴ɾड৴͢ΔͨΊͷ τʔΫϯͷ഑෍ όοΫΤϯυ ΫϥΠΞϯτ ήʔϛϯάαʔό

Slide 32

Slide 32 text

@OOParts_JP / #OOPartsGame 32 ᶈήʔϜϓϨΠ։࢝ʂ όοΫΤϯυ ΫϥΠΞϯτ ήʔϛϯάαʔό

Slide 33

Slide 33 text

OOPartsͰͷPWA

Slide 34

Slide 34 text

@OOParts_JP / #OOPartsGame 34 OOPartsͰͷPWA • OOPartsΛεϚϗͷWebϒϥ΢βͰΞΫηε͢Δ৔߹ͷ࢒೦ͳͱ͜Ζ • ΞυϨεόʔ͕ը໘Λѹഭ͢Δ

Slide 35

Slide 35 text

@OOParts_JP / #OOPartsGame 35 ͜Ε

Slide 36

Slide 36 text

@OOParts_JP / #OOPartsGame 36 ͜Ε ͕͜͜  ΋͍ͬͨͳ͍ ͕͜͜  ΋͍ͬͨͳ͍

Slide 37

Slide 37 text

@OOParts_JP / #OOPartsGame 37 PWAͩͱ

Slide 38

Slide 38 text

@OOParts_JP / #OOPartsGame 38 OOPartsͰͷPWA • OOPartsΛWebϒϥ΢βͰΞΫηε͢Δ৔߹ͷ࢒೦ͳͱ͜Ζ • ΞυϨεόʔ͕ը໘Λѹഭ͢Δ • ϓϨΠ͢Δ·Ͱͷಋઢ͕௕͍

Slide 39

Slide 39 text

@OOParts_JP / #OOPartsGame 39 ϒϥ΢βΛىಈ͢Δ URLΛೖྗ Webϒϥ΢βܦ༝Ͱͷىಈͷ৔߹ ଴ػ ଴ػ

Slide 40

Slide 40 text

@OOParts_JP / #OOPartsGame 40

Slide 41

Slide 41 text

@OOParts_JP / #OOPartsGame 41 OOPartsΛىಈ͢Δ PWAܦ༝Ͱͷىಈͷ৔߹ ଴ػ

Slide 42

Slide 42 text

@OOParts_JP / #OOPartsGame 42

Slide 43

Slide 43 text

@OOParts_JP / #OOPartsGame 43 OOPartsͰͷPWA • OOPartsΛWebϒϥ΢βͰΞΫηε͢Δ৔߹ͷ࢒೦ͳͱ͜Ζ • ΞυϨεόʔ͕ը໘Λѹഭ͢Δ • ϓϨΠ͢Δ·Ͱͷಋઢ͕௕͍ • ϖʔδͷॳճಡΈࠐΈ࣌ʹWebײ͕ग़ͯ͠·͏

Slide 44

Slide 44 text

@OOParts_JP / #OOPartsGame 44 ॳظಡΈࠐΈͷࠩ PWA ϒϥ΢β

Slide 45

Slide 45 text

@OOParts_JP / #OOPartsGame 45 OOPartsͰͷPWA • OOParts͕PWAͱͯ͠औΓ૊ΜͰ͍Δ͜ͱ • ৹ࠪෆཁͰΞϓϦͱͯ͠Πϯετʔϧ & ܧଓϦϦʔε

Slide 46

Slide 46 text

@OOParts_JP / #OOPartsGame 46 OOPartsͰͷPWA • ৹ࠪෆཁͰΞϓϦͱͯ͠Πϯετʔϧ & ܧଓϦϦʔε • Apple App Store ΍ Google Play Store ͷӨڹΛड͚ͳ͍ • GitHubͰλάΛଧͭ͜ͱͰϦϦʔε͞ΕΔ

Slide 47

Slide 47 text

@OOParts_JP / #OOPartsGame 47 OOPartsͰͷPWA • OOParts͕PWAͱͯ͠औΓ૊ΜͰ͍Δ͜ͱ • ৹ࠪෆཁͰΞϓϦͱͯ͠Πϯετʔϧ & ܧଓϦϦʔε • ϒϥ΢βΞΫηεͱΠϯετʔϧ࣌ͷΤϯυϙΠϯτมߋ

Slide 48

Slide 48 text

@OOParts_JP / #OOPartsGame 48 OOPartsͰͷPWA • ϒϥ΢βΞΫηεͱΠϯετʔϧ࣌ͷΤϯτϦϙΠϯτมߋ • ϒϥ΢β্Ͱ͸LP͕ΤϯτϦϙΠϯτʹͳ͍ͬͯΔ • LPʹ͸ϩάΠϯϘλϯΛઃஔ͍ͯ͠ͳ͍ʢϕʔλ൛ͷͨΊʣ • PWAͱͯ͠Πϯετʔϧ͢ΔͱϩάΠϯը໘͕ΤϯτϦϙΠϯτʹͳΔ • ϩάΠϯ͍ͯͨ͠ΒήʔϜҰཡʹϦμΠϨΫτ͞ΕΔ

Slide 49

Slide 49 text

@OOParts_JP / #OOPartsGame 49 OOPartsͰͷPWA • OOParts͕PWAͱͯ͠औΓ૊ΜͰ͍Δ͜ͱ • ৹ࠪෆཁͰΞϓϦͱͯ͠Πϯετʔϧ & ܧଓϦϦʔε • ϒϥ΢βΞΫηεͱΠϯετʔϧ࣌ͷΤϯυϙΠϯτมߋ • ωΠςΟϒΞϓϦʹدͬͨૢ࡞ମݧͷ௥ٻ

Slide 50

Slide 50 text

@OOParts_JP / #OOPartsGame 50 OOPartsͰͷPWA • ωΠςΟϒΞϓϦʹدͬͨૢ࡞ମݧͷ௥ٻ ήʔϜىಈը໘ͳͲͷ  ϩʔσΟϯάͷମݧ

Slide 51

Slide 51 text

@OOParts_JP / #OOPartsGame 51 OOPartsͰͷPWA • ωΠςΟϒΞϓϦʹدͬͨૢ࡞ମݧͷ௥ٻ τϥοΫύουϞʔυͱ  λοϓϞʔυ ͜͜Ͱૢ࡞ ήʔϜ಺Λλοϓ

Slide 52

Slide 52 text

@OOParts_JP / #OOPartsGame 52 OOPartsͰͷPWA • ωΠςΟϒΞϓϦʹدͬͨૢ࡞ମݧͷ௥ٻ εϚϗͱPCͰͷ  ૢ࡞ํ๏ͷҧ͍ PCͷΧʔιϧ͕  ͦͷ··ήʔϜ্ͷΧʔιϧʹ εϚϗ্ʹٖࣅతͳ  ΧʔιϧΛઃஔ

Slide 53

Slide 53 text

@OOParts_JP / #OOPartsGame 53 OOParts͸͜ΕΒͷഎܠ͔Β

Slide 54

Slide 54 text

@OOParts_JP / #OOPartsGame 54 Ϋϥ΢υήʔϛϯάͱ ΞυϕϯνϟʔήʔϜͷಛੑ্  PWAʹ੒Β͟ΔΛಘͳ͔ͬͨ

Slide 55

Slide 55 text

@OOParts_JP / #OOPartsGame 55 ͦͯ͠

Slide 56

Slide 56 text

@OOParts_JP / #OOPartsGame 56 PWAʹΑΓ ࠷େݶͷύϑΥʔϚϯε͕ൃشͰ͖Δ

Slide 57

Slide 57 text

OOPartsͷࠓޙ

Slide 58

Slide 58 text

@OOParts_JP / #OOPartsGame 58 OOPartsͷࠓޙ • ࠓౙʹਖ਼ࣜϦϦʔεΛ༧ఆͯ͠·͢ • ՝ۚܗଶ͸αϒεΫϦϓγϣϯͰ͢ • ήʔϜλΠτϧΛͨ͘͞Μ༻ҙɺ௥Ճ͍͖ͯ͠·͢ • Ϋϥ΢υήʔϛϯάΛҾͬு͍͖ͬͯ·͢ • PWAΛϝΠϯʹఴ͑ͯɺΑΓωΠςΟϒʹ͍ۙදݱΛ͍͖ͯ͠·͢

Slide 59

Slide 59 text

@OOParts_JP / #OOPartsGame 59 ؔ࿈ϦϯΫ • https://oo.parts/ • ʮOOPartsʯެࣜϖʔδ • https://note.mu/byblack/n/n86721921f04a • ʮOOPartsʯΞϧϑΝ൛ϓϨεϦϦʔε • https://nlab.itmedia.co.jp/nl/articles/1908/30/news055.html • ʮOOPartsʯΞϧϑΝ൛ʮͶͱΒ΅ʯܝࡌهࣄ

Slide 60

Slide 60 text

͋Γ͕ͱ͏͍͟͝·ͨ͠