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

オフライン専用ページ実装のコツ

 オフライン専用ページ実装のコツ

E63c0cf4a77b1799e02f97689db83d91?s=128

kaidouji85

June 26, 2021
Tweet

Transcript

  1. ΦϑϥΠϯઐ༻ϖʔδ࣮૷ͷίπ  ౔  18"/JHIU$POGFSFODF ஛಺ɹ༎հ

  2. ࣗݾ঺հ ஛಺ɹ༎հ ϓϩάϥϚʔ +4େ޷͖ झຯͰUISFFKTͷήʔϜ 
 ࡞ͬͯ·͢

  3. ΦϑϥΠϯઐ༻ϖʔδͱ͸ ωοτʹܨ͕Βͳ͍ঢ়ଶͰ΋ɺಠࣗϖʔδΛදࣔͤ͞Δ͜ͱ ٕज़తʹ͸4FSWJDF8PSLFSͷΦϑϥΠϯΩϟογϡΛ࢖͏

  4. ௨ৗͷΦϑϥΠϯ࣌ͷڍಈ

  5. None
  6. ΦϑϥΠϯઐ༻ϖʔδͷྫ

  7. None
  8. None
  9. ղઆ ॳΊʹʮ*/*5*"-*;*/(ʯͱॻ͔Εͨը໘Λදࣔ Ұఆ࣌ؒܦաޙɺϒϥ΢β࠶ىಈΛଅ͢ϝοηʔδΛදࣔ ϓϩμΫτίʔυ͕ಡΈࠐ·ΕͨΒɺΦϑϥΠϯઐ༻ϖʔδͷ3PPU 
 Λඇදࣔʹ͍ͯ͠Δ ͳͷͰɺ௨ৗ࣌ʹදࣔ͞ΕΔ͜ͱ͸ͳ͍

  10. αϯϓϧ IUUQTHCSBWFSCVSTUDPN

  11. ιʔείʔυ IUUQTHJUIVCDPNLBJEPVKJTUVEZUISFFKT

  12. ΦϑϥΠϯઐ༻ϖʔδ࣮૷ͷίπ  1SF$BDIFͰ࣮૷͢Δ΂͠  ϓϩμΫτͱόʔδϣϯ͕ζϨͯ΋ಈ͘Α͏ʹ͢Δ΂͠

  13. ΦϑϥΠϯઐ༻ϖʔδ࣮૷ͷίπ  1SF$BDIFͰ࣮૷͢Δ΂͠  ϓϩμΫτͱόʔδϣϯ͕ζϨͯ΋ಈ͘Α͏ʹ͢Δ΂͠

  14. Ωϟογϡͷछྨ ΦϑϥΠϯΩϟογϡͷσϑΝΫτελϯμʔυͰ͋Δ 
 8PSLCPYʹ͸ҎԼͷΩϟογϡ͕͋Δ 1SF$BDIF 3VOUJNF$BDIF

  15. 1SF$BDIF 4FSWJDF8PSLFSΠϯετʔϧ࣌ʹΩϟογϡΛऔಘ͢Δ ϒϥ΢βଆͰදࣔɺ࠶ੜ͞Ε͍ͯͳ͍ϦιʔεΛΩϟογϡ͢Δ 
 ͜ͱ΋Ͱ͖Δ

  16. 3VOUJNF$BDIF ϒϥ΢β͕ωοτϫʔΫΞΫηεͨ࣌͠ʹɺͦͷϨεϙϯεΛ Ωϟογϡ͢Δ ˢͷੑ্࣭ɺը໘্Ͱදࣔɺ࠶ੜ͞Εͨ΋ͷ͔͠Ωϟογϡ 
 Ͱ͖ͳ͍

  17. ϒϥ΢βͰදࣔɺ࠶ੜ 
 ͞Ε͍ͯΔϦιʔε ϒϥ΢βͰར༻ 
 ͞Ε͍ͯͳ͍Ϧιʔε 1SF$BDIF ̋ ̋ 3VOUJNF$BDIF

    ̋ 9 ̋ΩϟογϡͰ͖Δ 9ɹΩϟογϡͰ͖ͳ͍
  18. ΦϑϥΠϯઐ༻ϖʔδͷಛੑ ΦϑϥΠϯઐ༻ϖʔδ͸ɺωοτϫʔΫ઀ଓ͕੾Εͨ࣌ʹɺ 
 ॳΊͯඞཁͱ͞ΕΔ͜ͱ͕ଟ͍ ීஈ͸ΦϑϥΠϯઐ༻ϖʔδΛϢʔβʹݟͤͳͯ͘΋ɺ 
 ༧ΊΩϟογϡ͓ͯ͘͠ඞཁ͕͋Δ

  19. ϒϥ΢βͰදࣔɺ࠶ੜ 
 ͞Ε͍ͯΔϦιʔε ϒϥ΢βͰར༻ 
 ͞Ε͍ͯͳ͍Ϧιʔε 1SF$BDIF ̋ ̋ 3VOUJNF$BDIF

    ̋ 9 ̋ΩϟογϡͰ͖Δ 9ɹΩϟογϡͰ͖ͳ͍
  20. 1SF$BDIFΛ࢖͏ཧ༝ ͙͢ʹ࢖Θͳ͍ϦιʔεΛΩϟογϡͯ͘͠ΕΔ࢓૊Έ͕͋ΔͳΒɺ 
 ૉ௚ʹͦΕΛ࢖͏ํ͕͍͍ 3VOUJNF$BDIFͰ΋ɺࣗ෼ͰGFUDIΛݺͼग़ͤ͹ಉ͜͡ͱ͸ग़དྷΔ ˢͦΕͬͯंྠͷ࠶ൃ໌ͳͷͰ͸

  21. 1SF$BDIFΛ࢖͓͏

  22. ΦϑϥΠϯઐ༻ϖʔδ࣮૷ͷίπ  1SF$BDIFͰ࣮૷͢Δ΂͠  ϓϩμΫτͱόʔδϣϯ͕ζϨͯ΋ಈ͘Α͏ʹ͢Δ΂͠

  23. 1SF$BDIF͸Ωϟογϡ༏ઌ 1SF$BDIF͸Ωϟογϡ༏ઌ ίϯςϯπΛߋ৽ͯ͠΋ɺॳճදࣔ͸چόʔδϣϯΛදࣔ͢Δ IUUQTEFWFMPQFSTHPPHMFDPNXFCUPPMTXPSLCPYNPEVMFT XPSLCPYQSFDBDIJOH

  24. 8FCͷΩϟογϡ 8FCʹ͸༷ʑͳΩϟογϡ͕͋Δ $%/ɺϒϥ΢βΩϟογϡɺΦϑϥΠϯΩϟογϡɺFUDʜʜ

  25. $%/ Ωϟογϡ 3VOUJNF $BDIF 1SF$BDIF ΦϑϥΠϯΩϟογϡ ϒϥ΢β Ωϟογϡ ΦϦδφϧ Ωϟογϡ༏ઌ

  26. ݹ͍ΦϑϥΠϯઐ༻ϖʔδ ͕දࣔ͞ΕΔ͜ͱ͸ଟ͍

  27. ࣗ࡞ήʔϜͷࣦഊྫ ΦϑϥΠϯઐ༻ϖʔδͰήʔϜͷϦιʔεಡΈࠐΈΛ΍ͬͯͨ ͨͩɺΦϑϥΠϯઐ༻ϖʔδ͕ݹ͍··ͩͬͨͷͰɺ 
 ݹ͍Ϧιʔε͕Ωϟογϡ͞Εͯ஍ࠈΛݟͨ ͳͷͰɺΦϑϥΠϯઐ༻ϖʔδͰ͸ϝοηʔδද͚ࣔͩʹͱͲΊͨ

  28. ·ͱΊ

  29. ࠓ೔ͷ·ͱΊ ΦϑϥΠϯઐ༻ϖʔδͱ͸ɺωοτ઀ଓͰ͖ͳ͍࣌ʹදࣔ͢Δ 
 ϖʔδͰ͋Δ ΦϑϥΠϯઐ༻ϖʔδ͸1SF$BIDFͰ༧ΊΩϟογϡ͓ͯ͘͠ ΦϑϥΠϯઐ༻ϖʔδ͕ݹ͍΋ͷ͕දࣔ͞Εͯ΋ɺ 
 ຊମʹӨڹ͕ͳ͍࡞Γʹ͓ͯ͘͠

  30. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠