「PWA Night vol.10 ~PWA × 技術~」にて登壇した発表資料です。 https://pwanight.connpass.com/event/151546/
@OOParts_JP / #OOPartsGame 1OOParts͕Γ։͘Ϋϥυήʔϛϯά ✖ PWA
View Slide
ࣗݾհ
@OOParts_JP / #OOPartsGame 3օ େथʢDaiki MinakawaʣTwitter: @oliver_diaryGitHub, Qiita: minakawa-daikiClient-Side Developer at Black Inc.
Ϋϥυήʔϛϯάʹ͍ͭͯ
@OOParts_JP / #OOPartsGame 5Ϣʔβʔ͔Βͷૢ࡞Λड͚औΓήʔϜʹؔ͢ΔԋࢉΛΫϥυ্Ͱߦ͍ ԋࢉ݁ՌΛө૾ͱͯ͠ ϢʔβʔετϦʔϛϯά৴͞ΕΔٕज़Ϋϥυήʔϛϯάʹ͍ͭͯ
@OOParts_JP / #OOPartsGame 6
@OOParts_JP / #OOPartsGame 7
@OOParts_JP / #OOPartsGame 8Ϣʔβ͔Βͷૢ࡞
@OOParts_JP / #OOPartsGame 9ԋࢉॲཧϢʔβ͔Βͷૢ࡞
@OOParts_JP / #OOPartsGame 10ө૾ΛετϦʔϛϯά৴ԋࢉॲཧϢʔβ͔Βͷૢ࡞
༷ʑͳΫϥυήʔϛϯά
@OOParts_JP / #OOPartsGame 12PlayStation Now• ιχʔɾίϯϐϡʔλΤϯλςΠϯϝϯτͷΫϥυήʔϜαʔϏε• ఆֹͰPS4ɾPS3λΠτϧ͕༡ͼ์• ʮPlaystation Now for PCʯʹΑΓPCͰϓϨΠՄೳ• 201910݄2ʹϦχϡʔΞϧ• େ෯Լ͛CERO ZͷήʔϜ͕Ճ
@OOParts_JP / #OOPartsGame 13Google Stadia• GoogleͷΫϥυήʔϜαʔϏε• 201911݄19ʹւ֎14ΧࠃͰαʔϏε։࢝• αʔϏε։࢝࣌22࡞ϓϨΠͰ͖Δ• σεΫτοϓ൛ChromeϒϥβStadiaΞϓϦͰಈ࡞͢Δ• 4Kղ૾ʹ͓͍ͯ60fpsͷHDRͷήʔϜ৴ʹରԠ༧ఆ
@OOParts_JP / #OOPartsGame 14Google Stadiahttps://japanese.engadget.com/2019/11/11/google-stadia/
@OOParts_JP / #OOPartsGame 15Steam Cloud Gaming
OOPartsͷհ
https://oo.parts/ۙϕʔλ൛ެ։༧ఆ
OOPartsͷಛ
@OOParts_JP / #OOPartsGame 19OOPartsͷಛ• ੲͷWindowsͰ͔͠ϓϨΠͰ͖ͳ͔ͬͨΞυϕϯνϟʔήʔϜ͕ϓϨΠՄೳ
@OOParts_JP / #OOPartsGame 20OOPartsͷಛ• ੲͷWindowsͰ͔͠ϓϨΠͰ͖ͳ͔ͬͨΞυϕϯνϟʔήʔϜ͕ϓϨΠՄೳ• εϚϗΛ͡Ίͱ͢Δɺϒϥβ͑͋͞ΕϓϨΠՄೳ
@OOParts_JP / #OOPartsGame 21OOPartsͷಛ• ੲͷWindowsͰ͔͠ϓϨΠͰ͖ͳ͔ͬͨΞυϕϯνϟʔήʔϜ͕ϓϨΠՄೳ• εϚϗΛ͡Ίͱ͢Δɺϒϥβ͑͋͞ΕϓϨΠՄೳ• ͲΜͳεϖοΫͷͰϓϨΠʹӨڹͮ͠Β͍
@OOParts_JP / #OOPartsGame 22OOPartsͷಛ• ੲͷWindowsͰ͔͠ϓϨΠͰ͖ͳ͔ͬͨΞυϕϯνϟʔήʔϜ͕ϓϨΠՄೳ• εϚϗΛ͡Ίͱ͢Δɺϒϥβ͑͋͞ΕϓϨΠՄೳ• ͲΜͳεϖοΫͷͰϓϨΠʹӨڹͮ͠Β͍• ͷσΟεΫ༰ྔΛؾʹ͠ͳͯ͘ྑ͍
@OOParts_JP / #OOPartsGame 23• ੲͷWindowsͰ͔͠ϓϨΠͰ͖ͳ͔ͬͨΞυϕϯνϟʔήʔϜ͕ϓϨΠՄೳ• εϚϗΛ͡Ίͱ͢Δɺϒϥβ͑͋͞ΕϓϨΠՄೳ• ͲΜͳεϖοΫͷͰϓϨΠʹӨڹͮ͠Β͍• ͷσΟεΫ༰ྔΛؾʹ͠ͳͯ͘ྑ͍• Webϒϥβ͔ΒΞϓϦͱͯ͠ΠϯετʔϧՄೳOOPartsͷಛ
@OOParts_JP / #OOPartsGame 24• ੲͷWindowsͰ͔͠ϓϨΠͰ͖ͳ͔ͬͨΞυϕϯνϟʔήʔϜ͕ϓϨΠՄೳ• εϚϗΛ͡Ίͱ͢Δɺϒϥβ͑͋͞ΕϓϨΠՄೳ• ͲΜͳεϖοΫͷͰϓϨΠʹӨڹͮ͠Β͍• ͷσΟεΫ༰ྔΛؾʹ͠ͳͯ͘ྑ͍• Webϒϥβ͔ΒΞϓϦͱͯ͠ΠϯετʔϧՄೳɹ→ɹPWAOOPartsͷಛ
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 34OOPartsͰͷPWA• OOPartsΛεϚϗͷWebϒϥβͰΞΫηε͢Δ߹ͷ೦ͳͱ͜Ζ• ΞυϨεόʔ͕ը໘Λѹഭ͢Δ
@OOParts_JP / #OOPartsGame 35͜Ε
@OOParts_JP / #OOPartsGame 36͜Ε͕͜͜ ͍ͬͨͳ͍͕͜͜ ͍ͬͨͳ͍
@OOParts_JP / #OOPartsGame 37PWAͩͱ
@OOParts_JP / #OOPartsGame 38OOPartsͰͷPWA• OOPartsΛWebϒϥβͰΞΫηε͢Δ߹ͷ೦ͳͱ͜Ζ• ΞυϨεόʔ͕ը໘Λѹഭ͢Δ• ϓϨΠ͢Δ·Ͱͷಋઢ͕͍
@OOParts_JP / #OOPartsGame 39ϒϥβΛىಈ͢ΔURLΛೖྗWebϒϥβܦ༝Ͱͷىಈͷ߹ػ ػ
@OOParts_JP / #OOPartsGame 40
@OOParts_JP / #OOPartsGame 41OOPartsΛىಈ͢ΔPWAܦ༝Ͱͷىಈͷ߹ػ
@OOParts_JP / #OOPartsGame 42
@OOParts_JP / #OOPartsGame 43OOPartsͰͷPWA• OOPartsΛWebϒϥβͰΞΫηε͢Δ߹ͷ೦ͳͱ͜Ζ• ΞυϨεόʔ͕ը໘Λѹഭ͢Δ• ϓϨΠ͢Δ·Ͱͷಋઢ͕͍• ϖʔδͷॳճಡΈࠐΈ࣌ʹWebײ͕ग़ͯ͠·͏
@OOParts_JP / #OOPartsGame 44ॳظಡΈࠐΈͷࠩPWAϒϥβ
@OOParts_JP / #OOPartsGame 45OOPartsͰͷPWA• OOParts͕PWAͱͯ͠औΓΜͰ͍Δ͜ͱ• ৹ࠪෆཁͰΞϓϦͱͯ͠Πϯετʔϧ & ܧଓϦϦʔε
@OOParts_JP / #OOPartsGame 46OOPartsͰͷPWA• ৹ࠪෆཁͰΞϓϦͱͯ͠Πϯετʔϧ & ܧଓϦϦʔε• Apple App Store Google Play Store ͷӨڹΛड͚ͳ͍• GitHubͰλάΛଧͭ͜ͱͰϦϦʔε͞ΕΔ
@OOParts_JP / #OOPartsGame 47OOPartsͰͷPWA• OOParts͕PWAͱͯ͠औΓΜͰ͍Δ͜ͱ• ৹ࠪෆཁͰΞϓϦͱͯ͠Πϯετʔϧ & ܧଓϦϦʔε• ϒϥβΞΫηεͱΠϯετʔϧ࣌ͷΤϯυϙΠϯτมߋ
@OOParts_JP / #OOPartsGame 48OOPartsͰͷPWA• ϒϥβΞΫηεͱΠϯετʔϧ࣌ͷΤϯτϦϙΠϯτมߋ• ϒϥβ্ͰLP͕ΤϯτϦϙΠϯτʹͳ͍ͬͯΔ• LPʹϩάΠϯϘλϯΛઃஔ͍ͯ͠ͳ͍ʢϕʔλ൛ͷͨΊʣ• PWAͱͯ͠Πϯετʔϧ͢ΔͱϩάΠϯը໘͕ΤϯτϦϙΠϯτʹͳΔ• ϩάΠϯ͍ͯͨ͠ΒήʔϜҰཡʹϦμΠϨΫτ͞ΕΔ
@OOParts_JP / #OOPartsGame 49OOPartsͰͷPWA• OOParts͕PWAͱͯ͠औΓΜͰ͍Δ͜ͱ• ৹ࠪෆཁͰΞϓϦͱͯ͠Πϯετʔϧ & ܧଓϦϦʔε• ϒϥβΞΫηεͱΠϯετʔϧ࣌ͷΤϯυϙΠϯτมߋ• ωΠςΟϒΞϓϦʹدͬͨૢ࡞ମݧͷٻ
@OOParts_JP / #OOPartsGame 50OOPartsͰͷPWA• ωΠςΟϒΞϓϦʹدͬͨૢ࡞ମݧͷٻήʔϜىಈը໘ͳͲͷ ϩʔσΟϯάͷମݧ
@OOParts_JP / #OOPartsGame 51OOPartsͰͷPWA• ωΠςΟϒΞϓϦʹدͬͨૢ࡞ମݧͷٻτϥοΫύουϞʔυͱ λοϓϞʔυ͜͜Ͱૢ࡞ήʔϜΛλοϓ
@OOParts_JP / #OOPartsGame 52OOPartsͰͷPWA• ωΠςΟϒΞϓϦʹدͬͨૢ࡞ମݧͷٻεϚϗͱPCͰͷ ૢ࡞ํ๏ͷҧ͍PCͷΧʔιϧ͕ ͦͷ··ήʔϜ্ͷΧʔιϧʹεϚϗ্ʹٖࣅతͳ ΧʔιϧΛઃஔ
@OOParts_JP / #OOPartsGame 53OOParts͜ΕΒͷഎܠ͔Β
@OOParts_JP / #OOPartsGame 54ΫϥυήʔϛϯάͱΞυϕϯνϟʔήʔϜͷಛੑ্ PWAʹΒ͟ΔΛಘͳ͔ͬͨ
@OOParts_JP / #OOPartsGame 55ͦͯ͠
@OOParts_JP / #OOPartsGame 56PWAʹΑΓ࠷େݶͷύϑΥʔϚϯε͕ൃشͰ͖Δ
OOPartsͷࠓޙ
@OOParts_JP / #OOPartsGame 58OOPartsͷࠓޙ• ࠓౙʹਖ਼ࣜϦϦʔεΛ༧ఆͯ͠·͢• ՝ۚܗଶαϒεΫϦϓγϣϯͰ͢• ήʔϜλΠτϧΛͨ͘͞Μ༻ҙɺՃ͍͖ͯ͠·͢• ΫϥυήʔϛϯάΛҾͬு͍͖ͬͯ·͢• 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ʯΞϧϑΝ൛ʮͶͱΒ΅ʯܝࡌهࣄ
͋Γ͕ͱ͏͍͟͝·ͨ͠