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
820
Cacheable Presigned URL with Cloudflare Workers
oliver_diary
2
7.3k
テキストエディタのブラウザ実装 / tokyo_study
oliver_diary
0
310
迫り来る絶望的状況からの脱却物語 / #CEDEC2021
oliver_diary
7
16k
PWAとクラウドゲーミングの現状そしてPWAとOOParts
oliver_diary
3
12k
OOPartsによるPWA事例紹介
oliver_diary
2
9.6k
クラウドゲーミング最新開発事例 - #CEDEC2020
oliver_diary
6
17k
クラウドゲーミング時代のPWA
oliver_diary
0
12k
今日から始めるFirestoreのテスト
oliver_diary
2
11k
Other Decks in Technology
See All in Technology
Tableau API連携の罠!?脱スプシを夢見たはずが、逆に依存を深めた話
cuebic9bic
3
210
✨敗北解法コレクション✨〜Expertだった頃に足りなかった知識と技術〜
nanachi
1
470
オブザーバビリティプラットフォーム開発におけるオブザーバビリティとの向き合い / Hatena Engineer Seminar #34 オブザーバビリティの実現と運用編
arthur1
0
340
大規模イベントに向けた ABEMA アーキテクチャの遍歴 ~ Platform Strategy 詳細解説 ~
nagapad
0
190
2025-07-31: GitHub Copilot Agent mode at Vibe Coding Cafe (15min)
chomado
2
370
【CEDEC2025】『Shadowverse: Worlds Beyond』二度目のDCG開発でゲームをリデザインする~遊びやすさと競技性の両立~
cygames
PRO
1
290
データエンジニアがクラシルでやりたいことの現在地
gappy50
3
850
S3 Glacier のデータを Athena からクエリしようとしたらどうなるのか/try-to-query-s3-glacier-from-athena
emiki
0
180
LLM 機能を支える Langfuse / ClickHouse のサーバレス化
yuu26
3
220
GMOペパボのデータ基盤とデータ活用の現在地 / Current State of GMO Pepabo's Data Infrastructure and Data Utilization
zaimy
3
200
Perlアプリケーションで トレースを実装するまでの 工夫と苦労話
masayoshi
1
410
2025新卒研修・HTML/CSS #弁護士ドットコム
bengo4com
3
13k
Featured
See All Featured
Building Applications with DynamoDB
mza
95
6.5k
GraphQLとの向き合い方2022年版
quramy
49
14k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
KATA
mclloyd
31
14k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
The Language of Interfaces
destraynor
158
25k
What's in a price? How to price your products and services
michaelherold
246
12k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
Why Our Code Smells
bkeepers
PRO
337
57k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
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ʯΞϧϑΝ൛ʮͶͱΒ΅ʯܝࡌهࣄ
͋Γ͕ͱ͏͍͟͝·ͨ͠