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
17k
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
860
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
[2025年10月版] Databricks Data + AI Boot Camp
databricksjapan
1
240
難しいセキュリティ用語をわかりやすくしてみた
yuta3110
0
370
「魔法少女まどか☆マギカ Magia Exedra」の多様なバトルの開発を柔軟かつ効率的に実現するためのPure C#とUnityの分離について
gree_tech
PRO
0
250
アウトプットから始めるOSSコントリビューション 〜eslint-plugin-vueの場合〜 #vuefes
bengo4com
3
400
From Natural Language to K8s Operations: The MCP Architecture and Practice of kubectl-ai
appleboy
0
110
「タコピーの原罪」から学ぶ間違った”支援” / the bad support of Takopii
piyonakajima
0
130
webpack依存からの脱却!快適フロントエンド開発をViteで実現する #vuefes
bengo4com
2
2.5k
Biz職でもDifyでできる! 「触らないAIワークフロー」を実現する方法
igarashikana
3
2.2k
それでも私が品質保証プロセスを作り続ける理由 #テストラジオ / Why I still continue to create QA process
pineapplecandy
0
170
旅で応援する✈️ NEWTが目指すコミュニティ支援とあたらしい旅行 / New Travel: Supporting by NEWT on Your Journey
mii3king
0
140
QA業務を変える(!?)AIを併用した不具合分析の実践
ma2ri
0
110
ヘンリー会社紹介資料(エンジニア向け) / company deck for engineer
henryofficial
0
330
Featured
See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.7k
Fireside Chat
paigeccino
40
3.7k
Done Done
chrislema
185
16k
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.7k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
Building a Scalable Design System with Sketch
lauravandoore
463
33k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
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ʯΞϧϑΝ൛ʮͶͱΒ΅ʯܝࡌهࣄ
͋Γ͕ͱ͏͍͟͝·ͨ͠