これからはじめるPWA / Let's start PWA from now

Transcript

1. ͜Ε͔Β͸͡ΊΔ18"
   ΦϑϥΠϯରԠΞϓϦͰ"QQ
   4IFMMͱ4FSWJDF
   8PSLFSʹ৮ΕΔ
   ງɹਖ਼੪
   
   !"#$
   $POGFSFODF
   
2. ࣗݾ঺հ ໊લɿງɹਖ਼੪
   ೥ྸɿࡀ
   ৬ۀɿϑϩϯτΤϯυΤϯδχΞʢ࣮຿ܦݧ೥ʣ
   ݴޠɿ4BTT
   K2VFSZ 7VFKT ษڧத 3BJMT
   5XJUUFS
   
   !NBTBOBSJIPSJ
3. 18"
   GPS
   #FHJOOFSTʹ͍ͭͯ ɾ18"ॳ৺ऀͷਓ΋׻ܴͷษڧձͰ͢
   ɾݱ৔Ͱͷ࣮૷ํ๏΍ɺݸਓ։ൃΞϓϦʹ͍ͭͯͷ-5ͳͲ
   ɾ೥͸·ͩͰ͖ͯͳ͔ͬͨͷͰ݄೔ʹ։࠵༧ఆʂ
   ʢޙ΄Ͳฏా͞Μ͔ΒৄࡉΛڞ༗͍͖ͤͯͨͩ͞·͢ʣ
   ɾऴΘͬͨޙ͸΋͋ΔΑ
4. ຊ೔ͷϓϩάϥϜ લఏ
   ஌ࣝ ࣮૷ 1SPHSFTTJWF
   8FC
   "QQT 4FSWJDF
   8PSLFS
   
   "QQ
   4IFMM Լ४උ 4FSWJDF
   8PSLFSͷ࣮૷ ࠷ޙʹ σϞಈը ࢀߟจݙ
   
   ·ͱΊͳͲ
5. ຊ೔ͷϓϩάϥϜ લఏ
   ஌ࣝ ࣮૷ 1SPHSFTTJWF
   8FC
   "QQT 4FSWJDF
   8PSLFS
   
   "QQ
   4IFMM Լ४උ 4FSWJDF
   8PSLFSͷ࣮૷ ࠷ޙʹ σϞಈը ࢀߟจݙ
   
   ·ͱΊͳͲ
6. 1SPHSFTTJWF
   8FC
   "QQT ɾ18"
   
   1SPHSFTTJWF
   8FC
   "QQTͷུ
   ɾ8FCΞϓϦΛωΟςΟϒΞϓϦԽ͢Δ
   ɾ8FCΞϓϦͷ69Λ্͛ΔͨΊͷͭͷํ๏
   ɾٕज़ͦͷ΋ͷ͸ࢦ͍ͯ͠ͳ͍
7. 1SPHSFTTJWF
   8FC
   "QQT 5XJUUFS ɾηογϣϯ͋ͨΓͷϖʔδ਺͕ˋ૿Ճ
   ɾૹ৴πΠʔτͷˋ૿Ճ
   ɾ௚ؼ཰͕ˋݮগ
8. 1SPHSFTTJWF
   8FC
   "QQT 1JOUFSFTU ɾ޿ࠂͷ$53਺͕ˋ૿Ճ
   ɾ޿ࠂऩೖ͕ˋ૿Ճ
   ɾαΠτ଺ࡏ͕࣌ؒˋ૿Ճ
9. 1SPHSFTTJWF
   8FC
   "QQT 'PSCFT ɾฏۉϢʔβʔηογϣϯͷ௕͕͞ഒʹ
   ɾฏۉදࣔճ਺͕ˋ૿Ճ
   ɾ΋ͱ΋ͱʙඵ͔͔͍ͬͯͨϩʔυ͕ඵʹ
10. 1SPHSFTTJWF
    8FC
    "QQT ɾ࣮૷͸طଘͷΞϓϦͰ΋Ͱ͖Δ
    ɾجຊతʹ͸+BWBTDSJQUͷ஌͕ࣝ͋Ε͹࣮૷Մೳ
    ɾJ04ͷରԠ͸·ͩ׬શͰ͸ͳ͍ͷͰɺ΋͏গ͠զຫʜ
11. ຊ೔ͷϓϩάϥϜ લఏ
    ஌ࣝ ࣮૷ 1SPHSFTTJWF
    8FC
    "QQT 4FSWJDF
    8PSLFS
    
    "QQ
    4IFMM Լ४උ 4FSWJDF
    8PSLFSͷ࣮૷ ࠷ޙʹ σϞಈը ࢀߟจݙ
    
    ·ͱΊ
12. 4FSWJDF
    8PSLFS
    
    "QQ
    4IFMM 4FSWJDF
    8PSLFSͱ͸ ɾϒϥ΢βͱαʔόʔͷؒʹೖΔϓϩΩγͷΑ͏ͳ΋ͷ
    ɾωοτϫʔΫͷϦΫΤετΛԣऔΓͯ͠ผͷॲཧ͕Ͱ͖Δ
    ɾϓϩάϥϜՄೳͳͷͰɺ༷ʑͳॲཧ͕Մೳ
    ɾϒϥ΢βʹΠϯετʔϧ͞Εͯ࢖༻͞ΕΔ
13. 4FSWJDF
    8PSLFS
    
    "QQ
    4IFMM 4FSWJDF
    8PSLFSΛ࢖ͬͯͰ͖Δ͜ͱ ɾΦϑϥΠϯͰಈ࡞͢ΔΞϓϦΛ࡞Δ͜ͱ͕Ͱ͖Δ
    ɾωΠςΟϒΞϓϦͷΑ͏ͳ69Λ࡞Δ͜ͱ͕Ͱ͖Δ
    ɾϓογϡ௨஌ΛૹΔ͜ͱ͕Ͱ͖Δ J04͸Ͱ͖ͳ͍
    ɾগֹܾࡁͷ࣮૷΋͢Δ͜ͱ͕Ͱ͖Δ
    ɾΞϓϦͷ༰ྔΛܰྔԽͰ͖Δ
14. 4FSWJDF
    8PSLFS
    
    "QQ
    4IFMM 4FSWJDF
    8PSLFSΛ࢖ͬͯͰ͖Δ͜ͱ ɾΦϑϥΠϯͰಈ࡞͢ΔΞϓϦΛ࡞Δ͜ͱ͕Ͱ͖Δ
    ɾωΠςΟϒΞϓϦͷΑ͏ͳ69Λ࡞Δ͜ͱ͕Ͱ͖Δ
    ɾΞϓϦͷ༰ྔΛܰྔԽͰ͖Δ
    ɾগֹܾࡁͷ࣮૷΋͢Δ͜ͱ͕Ͱ͖Δ
    ɾϓογϡ௨஌ΛૹΔ͜ͱ͕Ͱ͖Δ J04͸Ͱ͖ͳ͍
15. 4FSWJDF
    8PSLFS
    
    "QQ
    4IFMM ΦϑϥΠϯΞϓϦͰͷ4FSWJDF
    8PSLFSͷϥΠϑαΠΫϧ SFHJTUFS JOTUBMM BDUJWBUF GFUDI ɾ੩తϑΝΠϧͷΩϟογϡ ɾΩϟογϡͷ؅ཧ ɾωοτϫʔΫ΍Ωϟογϡͱͷ΍ΓͱΓ ɾ4FSWJDF
    8PSLFSΛར༻Մೳʹ
16. 4FSWJDF
    8PSLFS
    
    "QQ
    4IFMM "QQ
    4IFMMͱ͸ ɾΞϓϦέʔγϣϯʹ࠷௿ݶඞཁͳ੩తίϯςϯπ
    ɾ)5.-$44+BWBTDSJQUɺҰ෦ͷը૾ͳͲ
    ɾ41"ͱ૬ੑ͕͍͍
17. ຊ೔ͷϓϩάϥϜ લఏ
    ஌ࣝ ࣮૷ 1SPHSFTTJWF
    8FC
    "QQT 4FSWJDF
    8PSLFS
    
    "QQ
    4IFMM Լ४උ 4FSWJDF
    8PSLFSͷ࣮૷ ࠷ޙʹ σϞಈը ࢀߟจݙ
    
    ·ͱΊ
18. Լ४උ ͍ͭ΋ͱಉ͡Α͏ʹ)5.-Λ࡞Γ·͢ TFSWJDFXPSLFSIUNM
19. Լ४උ ࠓճ͸NBUFSJBMJ[FΛ࢖ͬͯɺݟͨ໨ΛͦΕͬΆ͘͠·͢ TFSWJDFXPSLFSIUNM
20. Լ४උ ݟͨ໨ͷ֬ೝ ɾ͜Ε͕Ωϟογϡ͞ΕͯɺΦϑϥΠϯͰ΋දࣔ͞ΕΔ
    ɾͦͯ͠Ωϟογϡͷߋ৽΋ߦΘΕΔ
    ͱ͍͏ͷ͕࠷ऴΰʔϧͰ͢ɻ
21. ຊ೔ͷϓϩάϥϜ લఏ
    ஌ࣝ ࣮૷ 1SPHSFTTJWF
    8FC
    "QQT 4FSWJDF
    8PSLFS
    
    "QQ
    4IFMM Լ४උ 4FSWJDF
    8PSLFSͷ࣮૷ ࠷ޙʹ σϞಈը ࢀߟจݙ
    
    ·ͱΊ
22. 4FSWJDF
    8PSLFS
    
    "QQ
    4IFMM ΦϑϥΠϯΞϓϦͰͷ4FSWJDF
    8PSLFSͷϥΠϑαΠΫϧ SFHJTUFS JOTUBMM BDUJWBUF GFUDI ɾ੩తϑΝΠϧͷΩϟογϡ ɾΩϟογϡͷ؅ཧ ɾωοτϫʔΫ΍Ωϟογϡͱͷ΍ΓͱΓ ɾ4FSWJDF
    8PSLFSΛར༻Մೳʹ
23. SFHJTUFS ɾ4FSWJDF
    8PSLFSΛ࢖͏ͨΊʹSFHJTUFS
    ɾ͜ͷॲཧ͕શͯ੒ޭ͠ͳ͍ͱɺઌʹ͸ਐ·ͳ͍ 4FSWJDF
    8PSLFSͷ࣮૷ TFSWJDFXPSLFSIUNM
24. JOTUBMM ɾ$BDIF
    4UPSBHFʹΩϟογϡ͢ΔϑΝΠϧͷ಺༰ΛೖΕΔ
    ɾXBJU6OUJM ಺ͷॲཧ͕࣮ߦ͞ΕΔ·Ͱ͸4FSWJDF
    8PSLFS͸࣮ߦ͞Εͳ͍
    ɾJOTUBMM͕׬ྃ͠ͳ͍৔߹ɺGFUDI΍BDUJWBUFʹਐ·ͳ͍ 4FSWJDF
    8PSLFSͷ࣮૷ TXKT
25. BDUJWBUF ɾBDUJWBUFͷΠϕϯτͰ͸ݹ͍ΩϟογϡΛ࡟আ͢Δ
    ɾBDUJWBUF࣌ͷॲཧ͸ɺ৽نΠϯετʔϧ࣌͸Կ΋͞Εͳ͍ 4FSWJDF
    8PSLFSͷ࣮૷ TXKT
26. GFUDI ɾGFUDIΠϕϯτʹΑΓωοτϫʔΫϦΫΤετΛԣऔΓ͢Δ
    ɾSFTQPOE8JUI ʹΑͬͯ4FSWJDF
    8PSLFS಺ͰϨεϙϯεΛฦ͢͜ͱ͕Ͱ͖Δ
    ɾGFUDI Ͱαʔόʔʹ)551ϦΫΤετΛ౤͛Δ͜ͱ΋Ͱ͖Δ 4FSWJDF
    8PSLFSͷ࣮૷ TXKT
27. ຊ೔ͷϓϩάϥϜ લఏ
    ஌ࣝ ࣮૷ 1SPHSFTTJWF
    8FC
    "QQT 4FSWJDF
    8PSLFS
    
    "QQ
    4IFMM Լ४උ 4FSWJDF
    8PSLFSͷ࣮૷ ࠷ޙʹ σϞಈը ࢀߟจݙ
    
    ·ͱΊ
28. σϞಈը
29. OPDBDIF )5.-ɿNT
    $44ɿNT
    +4ɿNT DBDIF )5.-ɿNT
    $44ɿNT
    +4ɿNT %0.$POUFOU-PBEFE΋෼ͷҎԼʹ σϞಈը
30. ຊ೔ͷϓϩάϥϜ લఏ
    ஌ࣝ ࣮૷ 1SPHSFTTJWF
    8FC
    "QQT 4FSWJDF
    8PSLFS
    
    "QQ
    4IFMM Լ४උ 4FSWJDF
    8PSLFSͷ࣮૷ ࠷ޙʹ σϞಈը ࢀߟจݙ
    
    ·ͱΊ
31. ࢀߟจݙ
    
    ·ͱΊ ɾ18"͸69Λ޲্ͤ͞ΔͨΊͷͭͷख๏
    ɾ4FSWJDF
    8PSLFSͰ؆୯ʹΦϑϥΠϯͷಈ࡞Λ࣮૷Ͱ͖Δ
    ɾΩϟογϡ͸ϖʔδԠ౴଎౓ʹ΋ྑ͍ӨڹΛ༩͑Δ
    ɾ(PPHMF͞Μɺ͋Γ͕ͱ͏͍͟͝·͢
32. ࢀߟจݙ
    
    ·ͱΊ ɾ+BWBTDSJQU
    1SPNJTFͷຊɿIUUQTCJUMZ9+01
    ɾ͸͡ΊͯͷϓϩάϨογϒ΢ΣϒΞϓϦɿIUUQTCJUMZ+'X1T
    ɾ"QQ
    4IFMMϞσϧɿIUUQTCJUMZ:-NYE
    ɾ5IF
    0⒐JOF
    $PPLCPPLɿIUUQTCJUMZ*SU)O
    ɾ1SPHSFTTJWF
    8FC
    "QQͷΦϑϥΠϯετϨʔδɿIUUQTCJUMZ+'Y"D
    ɾ.%/
    $BDIFɿIUUQTN[MMB)6[C"
    ɾαʔϏεϫʔΧʔͰ
    18"
    ΛΦϑϥΠϯͰಈ࡞ͤ͞ΔɿIUUQTN[MMB.J'X60
33. ΈΜͳ΋18"Λ͸͡ΊΑ͏ʂ