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

Transcript

1. ΦϑϥΠϯઐ༻ϖʔδ࣮૷ͷίπ  ౔
   18"
   /JHIU
   $POGFSFODF
   
   ஛಺ɹ༎հ
2. ࣗݾ঺հ ஛಺ɹ༎հ
   ϓϩάϥϚʔ
   +4େ޷͖
   झຯͰUISFFKTͷήʔϜ 
 ࡞ͬͯ·͢
3. ΦϑϥΠϯઐ༻ϖʔδͱ͸ ωοτʹܨ͕Βͳ͍ঢ়ଶͰ΋ɺಠࣗϖʔδΛදࣔͤ͞Δ͜ͱ
   ٕज़తʹ͸4FSWJDF8PSLFSͷΦϑϥΠϯΩϟογϡΛ࢖͏
4. ௨ৗͷΦϑϥΠϯ࣌ͷڍಈ
6. ΦϑϥΠϯઐ༻ϖʔδͷྫ
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. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠