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
10k
クラウドゲーミング時代のPWA
「PWA Night Conference 2020」のLTにて登壇した発表資料です。
https://conf2020.pwanight.jp/
oliver
February 01, 2020
Tweet
Share
More Decks by oliver
See All by oliver
Cacheable Presigned URL with Cloudflare Workers
oliver_diary
2
5.1k
テキストエディタのブラウザ実装 / tokyo_study
oliver_diary
0
230
迫り来る絶望的状況からの脱却物語 / #CEDEC2021
oliver_diary
6
14k
PWAとクラウドゲーミングの現状そしてPWAとOOParts
oliver_diary
3
9.8k
OOPartsによるPWA事例紹介
oliver_diary
2
8k
クラウドゲーミング最新開発事例 - #CEDEC2020
oliver_diary
6
15k
OOPartsが切り開く クラウドゲーミング ✖︎ PWA
oliver_diary
4
15k
今日から始めるFirestoreのテスト
oliver_diary
2
9.7k
やっていこう。PWA
oliver_diary
13
16k
Other Decks in Technology
See All in Technology
楽しくGoを学び合う、LayerXの勉強会文化 / LayerX's study culture of having fun and learning Go together
ar_tama
2
350
Classmethod流のPlatform Engineering / classmethod-platform-engineering-devio2024
tomoki10
0
480
E2Eテスト自動化プラットフォームにおけるAIの活用
shift_evolve
0
190
簡単に始めるSnowflakeの機械学習
nayuts
1
190
データ分析を支える技術 生成AI再入門
ishikawa_satoru
0
380
頼られるのが大好きな 皆さんへ - 支援相手との期待の合わせ方、突き放し方 -/For_people_who_like_to_be_relied_on
naitosatoshi
1
290
たくさん本を読んだけど 1年後には綺麗サッパリ!を乗り越えて 学習の鬼になるぞ👹
yum3
0
160
可視化プラットフォームGrafanaの基本と活用方法の全て
hamadakoji
0
230
データベース研修 分析向けSQL入門【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
110
20240717_イケコパ代表Copilot_in_Teams会社でこう使ってます
ponponmikankan
2
430
dxd2024-生成AIに振り回された3か月間の成功と失敗/dxd2024-link-and-motivation
lmi
2
260
Docker互換のセキュアなコンテナ実行環境「Podman」超入門
devops_vtj
6
3.2k
Featured
See All Featured
Scaling GitHub
holman
458
140k
Practical Orchestrator
shlominoach
185
10k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
149
45k
BBQ
matthewcrist
82
9k
The Pragmatic Product Professional
lauravandoore
29
6.1k
Automating Front-end Workflow
addyosmani
1362
200k
The Mythical Team-Month
searls
217
43k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
34
1.9k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
155
14k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
19k
Building Flexible Design Systems
yeseniaperezcruz
323
37k
Designing on Purpose - Digital PM Summit 2013
jponch
113
6.6k
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 Ϋϥυήʔϛϯά ͷεϖοΫͷนΛ͑ ͷछྨͷนΛ͑ ମݧͷนΛ͑ ࠓޙɺΑΓۙͳͷͱͳΔͰ͠ΐ͏
͋Γ͕ͱ͏͍͟͝·ͨ͠