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

Df739988f32c42e8c318ef844d6e902b?s=47 oliver
November 20, 2019

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

「PWA Night vol.10 ~PWA × 技術~」にて登壇した発表資料です。
https://pwanight.connpass.com/event/151546/

Df739988f32c42e8c318ef844d6e902b?s=128

oliver

November 20, 2019
Tweet

Transcript

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

  2. ࣗݾ঺հ

  3. @OOParts_JP / #OOPartsGame 3 օ઒ େथʢDaiki Minakawaʣ Twitter: @oliver_diary GitHub,

    Qiita: minakawa-daiki Client-Side Developer at Black Inc.
  4. Ϋϥ΢υήʔϛϯάʹ͍ͭͯ

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

  6. @OOParts_JP / #OOPartsGame 6

  7. @OOParts_JP / #OOPartsGame 7

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

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

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

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

  12. @OOParts_JP / #OOPartsGame 12 PlayStation Now • ιχʔɾίϯϐϡʔλΤϯλςΠϯϝϯτͷΫϥ΢υήʔϜαʔϏε • ఆֹͰPS4ɾPS3λΠτϧ͕༡ͼ์୊

    • ʮPlaystation Now for PCʯʹΑΓPCͰ΋ϓϨΠՄೳ • 2019೥10݄2೔ʹϦχϡʔΞϧ • େ෯஋Լ͛΍CERO ZͷήʔϜ͕௥Ճ
  13. @OOParts_JP / #OOPartsGame 13 Google Stadia • GoogleͷΫϥ΢υήʔϜαʔϏε • 2019೥11݄19೔ʹւ֎14ΧࠃͰαʔϏε։࢝

    • αʔϏε։࢝࣌͸22࡞඼ϓϨΠͰ͖Δ • σεΫτοϓ൛Chromeϒϥ΢β΍StadiaΞϓϦͰಈ࡞͢Δ • 4Kղ૾౓ʹ͓͍ͯ60fpsͷHDRͷήʔϜ഑৴ʹରԠ༧ఆ
  14. @OOParts_JP / #OOPartsGame 14 Google Stadia https://japanese.engadget.com/2019/11/11/google-stadia/

  15. @OOParts_JP / #OOPartsGame 15 Steam Cloud Gaming

  16. OOPartsͷ঺հ

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

  18. OOPartsͷಛ௃

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

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

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

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

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

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

    • ୺຤ͷσΟεΫ༰ྔΛؾʹ͠ͳͯ͘ྑ͍ • Webϒϥ΢β͔ΒΞϓϦͱͯ͠ΠϯετʔϧՄೳɹ→ɹPWA OOPartsͷಛ௃
  25. OOPartsͷߏ੒

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

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

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

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

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

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

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

  33. OOPartsͰͷPWA

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

  35. @OOParts_JP / #OOPartsGame 35 ͜Ε

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

  37. @OOParts_JP / #OOPartsGame 37 PWAͩͱ

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

    ϓϨΠ͢Δ·Ͱͷಋઢ͕௕͍
  39. @OOParts_JP / #OOPartsGame 39 ϒϥ΢βΛىಈ͢Δ URLΛೖྗ Webϒϥ΢βܦ༝Ͱͷىಈͷ৔߹ ଴ػ ଴ػ

  40. @OOParts_JP / #OOPartsGame 40

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

  42. @OOParts_JP / #OOPartsGame 42

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

    ϓϨΠ͢Δ·Ͱͷಋઢ͕௕͍ • ϖʔδͷॳճಡΈࠐΈ࣌ʹWebײ͕ग़ͯ͠·͏
  44. @OOParts_JP / #OOPartsGame 44 ॳظಡΈࠐΈͷࠩ PWA ϒϥ΢β

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

    ܧଓϦϦʔε
  46. @OOParts_JP / #OOPartsGame 46 OOPartsͰͷPWA • ৹ࠪෆཁͰΞϓϦͱͯ͠Πϯετʔϧ & ܧଓϦϦʔε •

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

    ܧଓϦϦʔε • ϒϥ΢βΞΫηεͱΠϯετʔϧ࣌ͷΤϯυϙΠϯτมߋ
  48. @OOParts_JP / #OOPartsGame 48 OOPartsͰͷPWA • ϒϥ΢βΞΫηεͱΠϯετʔϧ࣌ͷΤϯτϦϙΠϯτมߋ • ϒϥ΢β্Ͱ͸LP͕ΤϯτϦϙΠϯτʹͳ͍ͬͯΔ •

    LPʹ͸ϩάΠϯϘλϯΛઃஔ͍ͯ͠ͳ͍ʢϕʔλ൛ͷͨΊʣ • PWAͱͯ͠Πϯετʔϧ͢ΔͱϩάΠϯը໘͕ΤϯτϦϙΠϯτʹͳΔ • ϩάΠϯ͍ͯͨ͠ΒήʔϜҰཡʹϦμΠϨΫτ͞ΕΔ
  49. @OOParts_JP / #OOPartsGame 49 OOPartsͰͷPWA • OOParts͕PWAͱͯ͠औΓ૊ΜͰ͍Δ͜ͱ • ৹ࠪෆཁͰΞϓϦͱͯ͠Πϯετʔϧ &

    ܧଓϦϦʔε • ϒϥ΢βΞΫηεͱΠϯετʔϧ࣌ͷΤϯυϙΠϯτมߋ • ωΠςΟϒΞϓϦʹدͬͨૢ࡞ମݧͷ௥ٻ
  50. @OOParts_JP / #OOPartsGame 50 OOPartsͰͷPWA • ωΠςΟϒΞϓϦʹدͬͨૢ࡞ମݧͷ௥ٻ ήʔϜىಈը໘ͳͲͷ
 ϩʔσΟϯάͷମݧ

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

    ήʔϜ಺Λλοϓ
  52. @OOParts_JP / #OOPartsGame 52 OOPartsͰͷPWA • ωΠςΟϒΞϓϦʹدͬͨૢ࡞ମݧͷ௥ٻ εϚϗͱPCͰͷ
 ૢ࡞ํ๏ͷҧ͍ PCͷΧʔιϧ͕


    ͦͷ··ήʔϜ্ͷΧʔιϧʹ εϚϗ্ʹٖࣅతͳ
 ΧʔιϧΛઃஔ
  53. @OOParts_JP / #OOPartsGame 53 OOParts͸͜ΕΒͷഎܠ͔Β

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

  55. @OOParts_JP / #OOPartsGame 55 ͦͯ͠

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

  57. OOPartsͷࠓޙ

  58. @OOParts_JP / #OOPartsGame 58 OOPartsͷࠓޙ • ࠓౙʹਖ਼ࣜϦϦʔεΛ༧ఆͯ͠·͢ • ՝ۚܗଶ͸αϒεΫϦϓγϣϯͰ͢ •

    ήʔϜλΠτϧΛͨ͘͞Μ༻ҙɺ௥Ճ͍͖ͯ͠·͢ • Ϋϥ΢υήʔϛϯάΛҾͬு͍͖ͬͯ·͢ • PWAΛϝΠϯʹఴ͑ͯɺΑΓωΠςΟϒʹ͍ۙදݱΛ͍͖ͯ͠·͢
  59. @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ʯΞϧϑΝ൛ʮͶͱΒ΅ʯܝࡌهࣄ
  60. ͋Γ͕ͱ͏͍͟͝·ͨ͠