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

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

 クラウドゲーミング時代の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
250
Df739988f32c42e8c318ef844d6e902b?s=48 oliver_diary
6
2.4k
Df739988f32c42e8c318ef844d6e902b?s=48 oliver_diary
4
5.9k
Df739988f32c42e8c318ef844d6e902b?s=48 oliver_diary
2
2k
Df739988f32c42e8c318ef844d6e902b?s=48 oliver_diary
14
6.6k

Other Decks in Technology

See All in Technology
457ada693e168bd1102fec3914040b5d?s=48 uipath_friends
0
170
8dea1f82c78ad28481eebe3bcd345504?s=48 shishamous
0
220
380bcd2ab751f5838abd8219df53e5fe?s=48 tomoki10
0
1.1k
961126d9892ae4df45249529a0721571?s=48 sugamasao
2
480
3f2e97dc4e6a5daaf1cb8a406c533176?s=48 knqyf263
0
350
A581dece94e3a97b391d3d17b10cf084?s=48 fnario
0
140
5c772b62f1974e9da3a88fbb4ef02696?s=48 hariby
1
120
42d77f62a04b402d6f7cad816a417592?s=48 watawatavoltage
0
200
1e8c5eaf563f965d3ba48b0054b1d955?s=48 shoichiron
8
3.5k
553784f5490e80cde79ef80ee70b5ed2?s=48 takamii228
1
130
Ea29e2b19d11b48f867ae71d6a6de5df?s=48 opelab
1
220
E425fe9f170efa0dfaf8ab69d7107418?s=48 aki_i
2
690

Featured

See All Featured
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
66
260k
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
256
11k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
497
130k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
319
53k
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
296
39k
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
339
26k
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
219
110k
B6a8f005f39d23ffc930508ac9da68b9?s=48 vanstee
115
4.7k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
241
20k
Ba530e786553390f3fb271848485681c?s=48 3n
161
22k
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
257
16k
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
60
2.4k

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. ͋Γ͕ͱ͏͍͟͝·ͨ͠