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
クラウドゲーミング時代のPWA
Search
oliver
February 01, 2020
Technology
0
12k
クラウドゲーミング時代のPWA
「PWA Night Conference 2020」のLTにて登壇した発表資料です。
https://conf2020.pwanight.jp/
oliver
February 01, 2020
Tweet
Share
More Decks by oliver
See All by oliver
comilioとCloudflare、そして未来へと向けて
oliver_diary
6
780
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
OOPartsが切り開く クラウドゲーミング ✖︎ PWA
oliver_diary
4
16k
今日から始めるFirestoreのテスト
oliver_diary
2
11k
Other Decks in Technology
See All in Technology
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
53
31k
Create a Rails8 responsive app with Gemini and RubyLLM
palladius
0
130
Uniadex__公開版_20250617-AIxIoTビジネス共創ラボ_ツナガルチカラ_.pdf
iotcomjpadmin
0
140
VISITS_AIIoTビジネス共創ラボ登壇資料.pdf
iotcomjpadmin
0
140
AI技術トレンド勉強会 #1MCPの基礎と実務での応用
nisei_k
1
240
白金鉱業Meetup_Vol.19_PoCはデモで語れ!顧客の本音とインサイトを引き出すソリューション構築
brainpadpr
2
450
TerraformをSaaSで使うとAzureの運用がこんなに楽ちん!HCP Terraformって何?
mnakabayashi
0
290
CI/CDとタスク共有で加速するVibe Coding
tnbe21
0
220
kubellが挑むBPaaSにおける、人とAIエージェントによるサービス開発の最前線と技術展望
kubell_hr
1
390
DroidKnights 2025 - Jetpack XR 살펴보기: XR 개발은 어떻게 이루어지는가?
heesung6701
1
160
BigQuery Remote FunctionでLooker Studioをインタラクティブ化
cuebic9bic
2
210
比起獨自升級 我更喜歡 DevOps 文化 <3
line_developers_tw
PRO
0
1.1k
Featured
See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.8k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
123
52k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
4 Signs Your Business is Dying
shpigford
184
22k
It's Worth the Effort
3n
184
28k
Product Roadmaps are Hard
iamctodd
PRO
53
11k
Navigating Team Friction
lara
187
15k
Producing Creativity
orderedlist
PRO
346
40k
Visualization
eitanlees
146
16k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Building an army of robots
kneath
306
45k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.7k
Transcript
@OOParts_JP / #OOPartsGame 1 Ϋϥυήʔϛϯά࣌ͷPWA 2020.02.01 PWA Night Conference
@oliver_diary
ࣗݾհ
@OOParts_JP / #OOPartsGame 3 օ େथʢDaiki Minakawaʣ Twitter: @oliver_diary GitHub,
Qiita: minakawa-daiki Client-Side Developer at Black Inc.
OOPartsͱ͍͏ ΫϥυήʔϛϯάαʔϏεͷհ
@OOParts_JP / #OOPartsGame 5 • ඒগঁήʔϜʹಛԽͨ͠ɺΫϥυήʔϛϯάϓϥοτϑΥʔϜ • WindowͷนΛ͑ɺεϚϗΛ͡Ίͱ͠ϒϥβ͑͋͞ΕϓϨΠՄೳ • Webϒϥβ͔ΒΞϓϦͱͯ͠ΠϯετʔϧՄೳ
• 20202݄࣌ݱࡏɺΫϩʔζυϕʔλΛެ։த • ۙਖ਼ࣜϦϦʔε༧ఆ OOPartsͷհ
https://oo.parts/
OOPartsͱPWAͷͱΓ͘Έ
@OOParts_JP / #OOPartsGame 8 https://speakerdeck.com/oliver_diary/oopartsgaqie-rikai-ku-kuraudogemingu-pwa
Webͷ͜Ε·Ͱ
@OOParts_JP / #OOPartsGame 10 HTTPͷΈ ΫϥΠΞϯτ ᶃ ϦΫΤετ ᶄ Ϩεϙϯε
αʔόʔ
@OOParts_JP / #OOPartsGame 11 ಉظ௨৴͕ओྲྀͷαΠτ ΫϥΠΞϯτ ᶃ https://example.com ʹϦΫΤετ ᶄ
Html, CSS, JavaScript ͳͲͷϑΝΠϧΛϨεϙϯε αʔόʔ 11
@OOParts_JP / #OOPartsGame 12 ಉظ௨৴͕ओྲྀͷαΠτ ΫϥΠΞϯτ ᶅ https://example.com/next ͷϦϯΫΛΫϦοΫ ᶆ
Html, CSS, JavaScript ͳͲͷϑΝΠϧΛϨεϙϯε αʔόʔ 12 ※Ұ୴Ωϟογϡແࢹ
@OOParts_JP / #OOPartsGame 13 ϖʔδ୯ҐͰ ϦΫΤετͱϨεϙϯε͕݁͢Δ 13
@OOParts_JP / #OOPartsGame 14 Ajaxͷొ ΫϥΠΞϯτ σʔλΛඇಉظͰૹ৴ αʔόʔ ͜͜ΛΫϦοΫ FOO
/
@OOParts_JP / #OOPartsGame 15 Ajaxͷొ ΫϥΠΞϯτ αʔόʔ ͜͜ΛΫϦοΫ BAR /
Ϩεϙϯε ίϯςϯπ มΘ͍ͬͯΔ 63- มԽͳ͠
@OOParts_JP / #OOPartsGame 16 ඇಉظͰαʔόʔͱ௨৴͠ ཁૉΛߋ৽͍ͯ͘͠ 16
@OOParts_JP / #OOPartsGame 17 Ajaxͷొ ΫϥΠΞϯτ αʔόʔ OFYUҠಈ FOO /
/nextͷϦϯΫΛΫϦοΫ
@OOParts_JP / #OOPartsGame 18 Ajaxͷొ ΫϥΠΞϯτ αʔόʔ Next /next ίϯςϯπ
มΘ͍ͬͯΔ 63- มԽ Html, CSS, JavaScript ͳͲͷϑΝΠϧΛϨεϙϯε ※Ұ୴Ωϟογϡແࢹ
@OOParts_JP / #OOPartsGame 19 ϖʔδͷભҠʹؔͯ͠ ಉظతͳભҠ͕ଟ͔ͬͨ ʢpjaxͱ͔ɺTurbolinksͱ͔ଘࡏ͕ͯͨ͠ɺ͜͜Ͱলུʣ 19
SPAͷొ
@OOParts_JP / #OOPartsGame 21 SPAͷొ ΫϥΠΞϯτ αʔόʔ OFYUҠಈ FOO /
/nextͷϦϯΫΛΫϦοΫ
@OOParts_JP / #OOPartsGame 22 SPAͷొ ΫϥΠΞϯτ αʔόʔ Next /next ίϯςϯπ
มΘ͍ͬͯΔ 63-͕ มԽ ඞཁͳσʔλ͚ͩϨεϙϯε
@OOParts_JP / #OOPartsGame 23 ඇಉظతͳϖʔδભҠͷੈք ωΠςΟϒΞϓϦͷܗʹ͍ۙͮͨ 23
ͦͯ͠ɺPWA
@OOParts_JP / #OOPartsGame 25 SPAͷੈք؍ͱϚον ωΠςΟϒΞϓϦͷΑ͏ʹWebΞϓϦΛѻ͑Δ 25
@OOParts_JP / #OOPartsGame ϒϥβΛىಈ͢Δ URLΛೖྗ ػ ػ ػ OOPartsΛىಈ͢Δ ωΠςΟϒΞϓϦ
ͷΑ͏ʹىಈͰ͖Δ URLόʔ͕ଘࡏ͠ͳ͍ੈք PWAԽ
ͦͯ͠ɺΫϥυήʔϛϯάA
@OOParts_JP / #OOPartsGame ඇಉظత ήʔϜͷϩʔσΟϯά
@OOParts_JP / #OOPartsGame 29 ө૾ΛετϦʔϛϯά৴ ԋࢉॲཧ Ϣʔβ͔Βͷૢ࡞ ήʔϜϓϨΠத ඇಉظత
@OOParts_JP / #OOPartsGame 30 ήʔϜͷੈքɺඇಉظ͕ͨ͘͞Μ 30
@OOParts_JP / #OOPartsGame 31 Ϋϥυ্ͰɺήʔϜΛϓϨΠ͢Δٕज़͕͍͖ͭ ඇಉظతͳελΠϧ͕ओྲྀʹͳͬͨWebͱ PWAʹΑͬͯɺωΠςΟϒͱಉఔͷήʔϜମݧΛ Web্ͰಘΒΕΔΑ͏ʹͳ͖͍ͬͯͯΔ 31
@OOParts_JP / #OOPartsGame 32 32 ͦͯ͠ɺWebͷಛੑͰ͋Δ ৹͕ࠪଘࡏ͠ͳ͍ɺࣗ༝ͳੈք ϒϥβ͑͋͞ΕɺͲ͔͜ΒͰΞΫηεͰ͖Δ ैདྷͷWebͷԸܙΛɺͦͷ··ڗडͰ͖Δ
PWAʹΑΔมԽ
@OOParts_JP / #OOPartsGame 34 34 2.4ഒ 1ഒ ࠶๚͢ΔϢʔβʔ͕ଟ͍ʂ 8.1ਓʹ1ਓ Webܦ༝ʢඞͣ1ճܦ༝ʣ
ͷมԽ Google Analytics ΑΓ ूܭظؒ: 201911݄22 ʙ 20201݄31 ରਓ: ΫϩʔζυϕʔλϢʔβʔ 3500ਓ ΞϓϦܦ༝ AndroidͱiOSͰϑΟϧλ
@OOParts_JP / #OOPartsGame 35 35 ϢʔβʔͷมԽ PWAͷ՝ ͬͯΒ͑Δͱେධ ී௨ʹΒͳ͍ਓଟ͍
͓ΘΓʹ
@OOParts_JP / #OOPartsGame 37 37 Ϋϥυήʔϛϯά ͷεϖοΫͷนΛ͑ ͷछྨͷนΛ͑ ମݧͷนΛ͑ ࠓޙɺΑΓۙͳͷͱͳΔͰ͠ΐ͏
͋Γ͕ͱ͏͍͟͝·ͨ͠