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

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

ࣗݾ঺հ

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

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

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

@OOParts_JP / #OOPartsGame 6

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

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

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

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

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

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

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

@OOParts_JP / #OOPartsGame 15 Steam Cloud Gaming

OOPartsͷ঺հ

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

OOPartsͷಛ௃

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

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

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

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

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

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

OOPartsͷߏ੒

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

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

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

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

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

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

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

OOPartsͰͷPWA

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

@OOParts_JP / #OOPartsGame 35 ͜Ε

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

@OOParts_JP / #OOPartsGame 37 PWAͩͱ

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

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

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

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

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

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

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

ܧଓϦϦʔε • ϒϥ΢βΞΫηεͱΠϯετʔϧ࣌ͷΤϯυϙΠϯτมߋ

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

ܧଓϦϦʔε • ϒϥ΢βΞΫηεͱΠϯετʔϧ࣌ͷΤϯυϙΠϯτมߋ • ωΠςΟϒΞϓϦʹدͬͨૢ࡞ମݧͷ௥ٻ

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

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

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

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

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

@OOParts_JP / #OOPartsGame 55 ͦͯ͠

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

OOPartsͷࠓޙ

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

@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ʯΞϧϑΝ൛ʮͶͱΒ΅ʯܝࡌهࣄ

͋Γ͕ͱ͏͍͟͝·ͨ͠

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

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

Transcript

More Decks by oliver

Other Decks in Technology

Featured

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

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