Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
OOPartsが切り開く クラウドゲーミング ✖︎ PWA
Search
oliver
November 20, 2019
Technology
4
16k
OOPartsが切り開く クラウドゲーミング ✖︎ PWA
「PWA Night vol.10 ~PWA × 技術~」にて登壇した発表資料です。
https://pwanight.connpass.com/event/151546/
oliver
November 20, 2019
Tweet
Share
More Decks by oliver
See All by oliver
comilioとCloudflare、そして未来へと向けて
oliver_diary
6
790
Cacheable Presigned URL with Cloudflare Workers
oliver_diary
2
7.1k
テキストエディタのブラウザ実装 / tokyo_study
oliver_diary
0
300
迫り来る絶望的状況からの脱却物語 / #CEDEC2021
oliver_diary
7
16k
PWAとクラウドゲーミングの現状そしてPWAとOOParts
oliver_diary
3
11k
OOPartsによるPWA事例紹介
oliver_diary
2
9.5k
クラウドゲーミング最新開発事例 - #CEDEC2020
oliver_diary
6
17k
クラウドゲーミング時代のPWA
oliver_diary
0
12k
今日から始めるFirestoreのテスト
oliver_diary
2
11k
Other Decks in Technology
See All in Technology
AWS Organizations 新機能!マルチパーティ承認の紹介
yhana
1
230
Connect 100+を支える技術
kanyamaguc
0
160
論文紹介:LLMDet (CVPR2025 Highlight)
tattaka
0
250
Amazon Bedrockで実現する 新たな学習体験
kzkmaeda
2
690
GitHub Copilot の概要
tomokusaba
1
150
高速なプロダクト開発を実現、創業期から掲げるエンタープライズアーキテクチャ
kawauso
2
1.6k
Fabric + Databricks 2025.6 の最新情報ピックアップ
ryomaru0825
1
160
低レイヤを知りたいPHPerのためのCコンパイラ作成入門 完全版 / Building a C Compiler for PHPers Who Want to Dive into Low-Level Programming - Expanded
tomzoh
4
3.4k
Understanding_Thread_Tuning_for_Inference_Servers_of_Deep_Models.pdf
lycorptech_jp
PRO
0
150
Tech-Verse 2025 Keynote
lycorptech_jp
PRO
0
1.4k
5min GuardDuty Extended Threat Detection EKS
takakuni
0
180
AI専用のリンターを作る #yumemi_patch
bengo4com
5
2.2k
Featured
See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
240
Code Review Best Practice
trishagee
69
18k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
VelocityConf: Rendering Performance Case Studies
addyosmani
331
24k
The Invisible Side of Design
smashingmag
300
51k
Gamification - CAS2011
davidbonilla
81
5.3k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Building Adaptive Systems
keathley
43
2.6k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.4k
Speed Design
sergeychernyshev
32
1k
Embracing the Ebb and Flow
colly
86
4.7k
Transcript
@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 7
@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ͰϓϨΠՄೳ • 201910݄2ʹϦχϡʔΞϧ • େ෯Լ͛CERO ZͷήʔϜ͕Ճ
@OOParts_JP / #OOPartsGame 13 Google Stadia • GoogleͷΫϥυήʔϜαʔϏε • 201911݄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 40
@OOParts_JP / #OOPartsGame 41 OOPartsΛىಈ͢Δ PWAܦ༝Ͱͷىಈͷ߹ ػ
@OOParts_JP / #OOPartsGame 42
@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 47 OOPartsͰͷPWA • OOParts͕PWAͱͯ͠औΓΜͰ͍Δ͜ͱ • ৹ࠪෆཁͰΞϓϦͱͯ͠Πϯετʔϧ &
ܧଓϦϦʔε • ϒϥβΞΫηεͱΠϯετʔϧ࣌ͷΤϯυϙΠϯτมߋ
@OOParts_JP / #OOPartsGame 48 OOPartsͰͷPWA • ϒϥβΞΫηεͱΠϯετʔϧ࣌ͷΤϯτϦϙΠϯτมߋ • ϒϥβ্ͰLP͕ΤϯτϦϙΠϯτʹͳ͍ͬͯΔ •
LPʹϩάΠϯϘλϯΛઃஔ͍ͯ͠ͳ͍ʢϕʔλ൛ͷͨΊʣ • PWAͱͯ͠Πϯετʔϧ͢ΔͱϩάΠϯը໘͕ΤϯτϦϙΠϯτʹͳΔ • ϩάΠϯ͍ͯͨ͠ΒήʔϜҰཡʹϦμΠϨΫτ͞ΕΔ
@OOParts_JP / #OOPartsGame 49 OOPartsͰͷPWA • OOParts͕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ʯΞϧϑΝ൛ʮͶͱΒ΅ʯܝࡌهࣄ
͋Γ͕ͱ͏͍͟͝·ͨ͠