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
840
Cacheable Presigned URL with Cloudflare Workers
oliver_diary
2
7.5k
テキストエディタのブラウザ実装 / tokyo_study
oliver_diary
0
320
迫り来る絶望的状況からの脱却物語 / #CEDEC2021
oliver_diary
7
16k
PWAとクラウドゲーミングの現状そしてPWAとOOParts
oliver_diary
3
12k
OOPartsによるPWA事例紹介
oliver_diary
2
9.7k
クラウドゲーミング最新開発事例 - #CEDEC2020
oliver_diary
6
17k
OOPartsが切り開く クラウドゲーミング ✖︎ PWA
oliver_diary
4
16k
今日から始めるFirestoreのテスト
oliver_diary
2
11k
Other Decks in Technology
See All in Technology
AWSを利用する上で知っておきたい名前解決のはなし(10分版)
nagisa53
10
3.1k
Android Audio: Beyond Winning On It
atsushieno
0
110
20250903_1つのAWSアカウントに複数システムがある環境におけるアクセス制御をABACで実現.pdf
yhana
3
550
「何となくテストする」を卒業するためにプロダクトが動く仕組みを理解しよう
kawabeaver
0
390
BPaaSにおける人と協働する前提のAIエージェント-AWS登壇資料
kentarofujii
0
130
Obsidian応用活用術
onikun94
2
480
2025年になってもまだMySQLが好き
yoku0825
8
4.7k
生成AI時代のデータ基盤設計〜ペースレイヤリングで実現する高速開発と持続性〜 / Levtech Meetup_Session_2
sansan_randd
1
150
品質視点から考える組織デザイン/Organizational Design from Quality
mii3king
0
200
20250913_JAWS_sysad_kobe
takuyay0ne
2
160
AI開発ツールCreateがAnythingになったよ
tendasato
0
120
[ JAWS-UG 東京 CommunityBuilders Night #2 ]SlackとAmazon Q Developerで 運用効率化を模索する
sh_fk2
3
390
Featured
See All Featured
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
810
Practical Orchestrator
shlominoach
190
11k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.2k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Into the Great Unknown - MozCon
thekraken
40
2k
Done Done
chrislema
185
16k
Why Our Code Smells
bkeepers
PRO
339
57k
A Modern Web Designer's Workflow
chriscoyier
696
190k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
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 Ϋϥυήʔϛϯά ͷεϖοΫͷนΛ͑ ͷछྨͷนΛ͑ ମݧͷนΛ͑ ࠓޙɺΑΓۙͳͷͱͳΔͰ͠ΐ͏
͋Γ͕ͱ͏͍͟͝·ͨ͠