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
850
Cacheable Presigned URL with Cloudflare Workers
oliver_diary
2
7.6k
テキストエディタのブラウザ実装 / tokyo_study
oliver_diary
0
320
迫り来る絶望的状況からの脱却物語 / #CEDEC2021
oliver_diary
7
16k
PWAとクラウドゲーミングの現状そしてPWAとOOParts
oliver_diary
3
12k
OOPartsによるPWA事例紹介
oliver_diary
2
9.8k
クラウドゲーミング最新開発事例 - #CEDEC2020
oliver_diary
6
17k
クラウドゲーミング時代のPWA
oliver_diary
0
12k
今日から始めるFirestoreのテスト
oliver_diary
2
11k
Other Decks in Technology
See All in Technology
PyCon JP 2025 DAY1 「Hello, satellite data! ~Pythonではじめる衛星データ解析~」
ra0kley
0
850
履歴 on Rails: Bitemporal Data Modelで実現する履歴管理/history-on-rails-with-bitemporal-data-model
hypermkt
0
1.8k
動画データのポテンシャルを引き出す! Databricks と AI活用への奮闘記(現在進行形)
databricksjapan
0
120
Optuna DashboardにおけるPLaMo2連携機能の紹介 / PFN LLM セミナー
pfn
PRO
1
770
【新卒研修資料】LLM・生成AI研修 / Large Language Model・Generative AI
brainpadpr
21
15k
生成AIで「お客様の声」を ストーリーに変える 新潮流「Generative ETL」
ishikawa_satoru
1
250
stupid jj tricks
indirect
0
7.6k
Geospatialの世界最前線を探る [2025年版]
dayjournal
2
450
From Prompt to Product @ How to Web 2025, Bucharest, Romania
janwerner
0
110
今改めてServiceクラスについて考える 〜あるRails開発者の10年〜
joker1007
20
9.6k
#普通の文系サラリーマンチャレンジ 自分でアプリ開発と電子工作を続けたら人生が変わった
tatsuya1970
0
870
北海道の人に知ってもらいたいGISスポット / gis-spot-in-hokkaido-2025
sakaik
0
190
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
It's Worth the Effort
3n
187
28k
Six Lessons from altMBA
skipperchong
28
4k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
Speed Design
sergeychernyshev
32
1.1k
Raft: Consensus for Rubyists
vanstee
139
7.1k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Facilitating Awesome Meetings
lara
56
6.6k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
2.6k
Balancing Empowerment & Direction
lara
4
670
Become a Pro
speakerdeck
PRO
29
5.5k
Context Engineering - Making Every Token Count
addyosmani
3
150
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ʯΞϧϑΝ൛ʮͶͱΒ΅ʯܝࡌهࣄ
͋Γ͕ͱ͏͍͟͝·ͨ͠