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

by kaidouji85

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

ΦϑϥΠϯઐ༻ϖʔδͷྫ

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

αϯϓϧ IUUQTHCSBWFSCVSTUDPN

Slide 11

Slide 11 text

ιʔείʔυ IUUQTHJUIVCDPNLBJEPVKJTUVEZUISFFKT

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

ϒϥ΢βͰදࣔɺ࠶ੜ   ͞Ε͍ͯΔϦιʔε ϒϥ΢βͰར༻   ͞Ε͍ͯͳ͍Ϧιʔε 1SF$BDIF ̋ ̋ 3VOUJNF$BDIF ̋ 9 ̋ΩϟογϡͰ͖Δ 9ɹΩϟογϡͰ͖ͳ͍

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

ϒϥ΢βͰදࣔɺ࠶ੜ   ͞Ε͍ͯΔϦιʔε ϒϥ΢βͰར༻   ͞Ε͍ͯͳ͍Ϧιʔε 1SF$BDIF ̋ ̋ 3VOUJNF$BDIF ̋ 9 ̋ΩϟογϡͰ͖Δ 9ɹΩϟογϡͰ͖ͳ͍

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

1SF$BDIFΛ࢖͓͏

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

·ͱΊ

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠