Upgrade to Pro — share decks privately, control downloads, hide ads and more …

クラウドゲーミング時代のPWA

Df739988f32c42e8c318ef844d6e902b?s=47 oliver
February 01, 2020
Technology
0
2.3k

 クラウドゲーミング時代のPWA

「PWA Night Conference 2020」のLTにて登壇した発表資料です。
https://conf2020.pwanight.jp/

Df739988f32c42e8c318ef844d6e902b?s=128

oliver

February 01, 2020
Tweet

More Decks by oliver

See All by oliver
Df739988f32c42e8c318ef844d6e902b?s=48 oliver_diary
2
570
Df739988f32c42e8c318ef844d6e902b?s=48 oliver_diary
6
3.3k
Df739988f32c42e8c318ef844d6e902b?s=48 oliver_diary
4
6.4k
Df739988f32c42e8c318ef844d6e902b?s=48 oliver_diary
2
2.4k
Df739988f32c42e8c318ef844d6e902b?s=48 oliver_diary
14
7.1k

Other Decks in Technology

See All in Technology
F082484f19b518225501fafa28d05b93?s=48 greymd
0
620
2ee165e506f59e3fe6f463bf7f150ccb?s=48 minamizaki
0
670
206889e748cbf49666b191393d6df3d7?s=48 yukishinonome
0
120
34d5dd227dad6526e026f43b42b269b6?s=48 kekeke_47
0
360
9b63847a4c413a2604e1d64e5d595dab?s=48 humank
0
220
979f8815a9d4604d87f54b8394c503bd?s=48 bufferings
2
3.3k
71c9ebde850996d2533c5df4df2c93c6?s=48 opdavies
0
1.6k
9e7a653ed313b3da4b263a772bfc5026?s=48 clustervr
0
200
8db3c91c8b3d3e5686f62fbf43c303dd?s=48 satoryu
0
2.3k
Bf7fe621f4fe1615c228ef8a79b87282?s=48 shirayanagiryuji
1
410
9e7a653ed313b3da4b263a772bfc5026?s=48 clustervr
0
140
Dd23bc768f5ebe8a01126aaa8f0c86cf?s=48 neo_analytics
1
1.1k

Featured

See All Featured
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
190
17k
C7393b7ba7ec9c8890dd77d209fbb3c9?s=48 maltzj
500
36k
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
7
670
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
368
42k
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
114
7.1k
016edace78ffe826f2348d1e0c504afd?s=48 maggiecrowley
8
410
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
219
15k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
446
36k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
321
53k
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
61
8.4k
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
270
16k
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
287
110k

Transcript

  1. @OOParts_JP / #OOPartsGame 1 Ϋϥ΢υήʔϛϯά࣌୅ͷPWA 2020.02.01 PWA Night Conference 


    @oliver_diary

  2. ࣗݾ঺հ

  3. @OOParts_JP / #OOPartsGame 3 օ઒ େथʢDaiki Minakawaʣ Twitter: @oliver_diary GitHub,

    Qiita: minakawa-daiki Client-Side Developer at Black Inc.

  4. OOPartsͱ͍͏ Ϋϥ΢υήʔϛϯάαʔϏεͷ঺հ

  5. @OOParts_JP / #OOPartsGame 5 • ඒগঁήʔϜʹಛԽͨ͠ɺΫϥ΢υήʔϛϯάϓϥοτϑΥʔϜ • WindowͷนΛ௒͑ɺεϚϗΛ͸͡Ίͱ͠ϒϥ΢β͑͋͞Ε͹ϓϨΠՄೳ • Webϒϥ΢β͔ΒΞϓϦͱͯ͠ΠϯετʔϧՄೳ

    • 2020೥2݄࣌఺ݱࡏɺΫϩʔζυϕʔλΛެ։த • ۙ೔ਖ਼ࣜϦϦʔε༧ఆ OOPartsͷ঺հ

  6. https://oo.parts/

  7. OOPartsͱPWAͷͱΓ͘Έ

  8. @OOParts_JP / #OOPartsGame 8 https://speakerdeck.com/oliver_diary/oopartsgaqie-rikai-ku-kuraudogemingu-pwa

  9. Webͷ͜Ε·Ͱ

  10. @OOParts_JP / #OOPartsGame 10 HTTPͷ࢓૊Έ ΫϥΠΞϯτ ᶃ ϦΫΤετ ᶄ Ϩεϙϯε

    αʔόʔ

  11. @OOParts_JP / #OOPartsGame 11 ಉظ௨৴͕ओྲྀͷαΠτ ΫϥΠΞϯτ ᶃ https://example.com
 ʹϦΫΤετ ᶄ

    Html, CSS, JavaScript ͳͲͷϑΝΠϧΛϨεϙϯε αʔόʔ 11

  12. @OOParts_JP / #OOPartsGame 12 ಉظ௨৴͕ओྲྀͷαΠτ ΫϥΠΞϯτ ᶅ https://example.com/next
 ͷϦϯΫΛΫϦοΫ ᶆ

    Html, CSS, JavaScript ͳͲͷϑΝΠϧΛϨεϙϯε αʔόʔ 12 ※Ұ୴Ωϟογϡ͸ແࢹ

  13. @OOParts_JP / #OOPartsGame 13 ϖʔδ୯ҐͰ ϦΫΤετͱϨεϙϯε͕׬݁͢Δ 13

  14. @OOParts_JP / #OOPartsGame 14 Ajaxͷొ৔ ΫϥΠΞϯτ σʔλΛඇಉظͰૹ৴ αʔόʔ ͜͜ΛΫϦοΫ FOO

    /

  15. @OOParts_JP / #OOPartsGame 15 Ajaxͷొ৔ ΫϥΠΞϯτ αʔόʔ ͜͜ΛΫϦοΫ BAR /

    Ϩεϙϯε ίϯςϯπ͸ มΘ͍ͬͯΔ 63-͸ มԽͳ͠

  16. @OOParts_JP / #OOPartsGame 16 ඇಉظͰαʔόʔͱ௨৴͠
 ཁૉΛߋ৽͍ͯ͘͠ 16

  17. @OOParts_JP / #OOPartsGame 17 Ajaxͷొ৔ ΫϥΠΞϯτ αʔόʔ OFYU΁Ҡಈ FOO /

    /next΁ͷϦϯΫΛΫϦοΫ

  18. @OOParts_JP / #OOPartsGame 18 Ajaxͷొ৔ ΫϥΠΞϯτ αʔόʔ Next /next ίϯςϯπ΋

    มΘ͍ͬͯΔ 63-͸ มԽ Html, CSS, JavaScript ͳͲͷϑΝΠϧΛϨεϙϯε ※Ұ୴Ωϟογϡ͸ແࢹ

  19. @OOParts_JP / #OOPartsGame 19 ϖʔδͷભҠʹؔͯ͠͸
 ಉظతͳભҠ͕ଟ͔ͬͨ ʢpjaxͱ͔ɺTurbolinksͱ͔͸ଘࡏ͕ͯͨ͠ɺ͜͜Ͱ͸লུʣ 19

  20. SPAͷొ৔

  21. @OOParts_JP / #OOPartsGame 21 SPAͷొ৔ ΫϥΠΞϯτ αʔόʔ OFYU΁Ҡಈ FOO /

    /next΁ͷϦϯΫΛΫϦοΫ

  22. @OOParts_JP / #OOPartsGame 22 SPAͷొ৔ ΫϥΠΞϯτ αʔόʔ Next /next ίϯςϯπ΋

    มΘ͍ͬͯΔ 63-͕ มԽ ඞཁͳσʔλ͚ͩϨεϙϯε

  23. @OOParts_JP / #OOPartsGame 23 ඇಉظతͳϖʔδભҠͷੈք
 ωΠςΟϒΞϓϦͷܗʹ͍ۙͮͨ 23

  24. ͦͯ͠ɺPWA

  25. @OOParts_JP / #OOPartsGame 25 SPAͷੈք؍ͱϚον
 ωΠςΟϒΞϓϦͷΑ͏ʹWebΞϓϦΛѻ͑Δ 25

  26. @OOParts_JP / #OOPartsGame ϒϥ΢βΛىಈ͢Δ URLΛೖྗ ଴ػ ଴ػ ଴ػ OOPartsΛىಈ͢Δ ωΠςΟϒΞϓϦ

    ͷΑ͏ʹىಈͰ͖Δ URLόʔ͕ଘࡏ͠ͳ͍ੈք PWAԽ

  27. ͦͯ͠ɺΫϥ΢υήʔϛϯάA

  28. @OOParts_JP / #OOPartsGame ඇಉظత ήʔϜͷϩʔσΟϯά

  29. @OOParts_JP / #OOPartsGame 29 ө૾ΛετϦʔϛϯά഑৴ ԋࢉॲཧ Ϣʔβ͔Βͷૢ࡞ ήʔϜϓϨΠத ඇಉظత

  30. @OOParts_JP / #OOPartsGame 30 ήʔϜͷੈք͸ɺඇಉظ͕ͨ͘͞Μ 30

  31. @OOParts_JP / #OOPartsGame 31 Ϋϥ΢υ্ͰɺήʔϜΛϓϨΠ͢Δٕज़͕௥͍͖ͭ ඇಉظతͳελΠϧ͕ओྲྀʹͳͬͨWebͱ
 PWAʹΑͬͯɺωΠςΟϒͱಉఔ౓ͷήʔϜମݧΛ Web্Ͱ΋ಘΒΕΔΑ͏ʹͳ͖͍ͬͯͯΔ 31

  32. @OOParts_JP / #OOPartsGame 32 32 ͦͯ͠ɺWebͷಛੑͰ΋͋Δ
 ৹͕ࠪଘࡏ͠ͳ͍ɺࣗ༝ͳੈք ϒϥ΢β͑͋͞Ε͹ɺͲ͔͜ΒͰ΋ΞΫηεͰ͖Δ ैདྷͷWebͷԸܙΛɺͦͷ··ڗडͰ͖Δ

  33. PWAʹΑΔมԽ

  34. @OOParts_JP / #OOPartsGame 34 34 ໿2.4ഒ ໿1ഒ ࠶๚໰͢ΔϢʔβʔ཰͕ଟ͍ʂ ໿8.1ਓʹ1ਓ Webܦ༝ʢඞͣ1ճ͸ܦ༝ʣ

    ਺஋ͷมԽ Google Analytics ΑΓ ूܭظؒ: 2019೥11݄22೔ ʙ 2020೥1݄31೔ ର৅ਓ਺: ΫϩʔζυϕʔλϢʔβʔ ໿3500ਓ ΞϓϦܦ༝ AndroidͱiOSͰϑΟϧλ

  35. @OOParts_JP / #OOPartsGame 35 35 ϢʔβʔͷมԽ PWAͷ՝୊ ஌ͬͯ΋Β͑Δͱେ޷ධ ී௨ʹ஌Βͳ͍ਓ΋ଟ͍

  36. ͓ΘΓʹ

  37. @OOParts_JP / #OOPartsGame 37 37 Ϋϥ΢υήʔϛϯά͸ ୺຤ͷεϖοΫͷนΛ௒͑ ୺຤ͷछྨͷนΛ௒͑ ମݧͷนΛ΋௒͑ ࠓޙɺΑΓ਎ۙͳ΋ͷͱͳΔͰ͠ΐ͏

  38. ͋Γ͕ͱ͏͍͟͝·ͨ͠