日経電子版 サイト高速化とPWA対応 / nikkei-high-performance-pwa

日経電子版 サイト高速化とPWA対応 / nikkei-high-performance-pwa

html5j Webプラットフォーム部 第19回勉強会 W.A.S.M featuring PWA https://html5j-webplat.connpass.com/event/74013/

A82d0263c90b1def7afedfdd89dd642d?s=128

Shunya Shishido

December 19, 2017
Tweet

Transcript

  1. 2.

    2  ໊લ  ࣡ށढ़࠸ 4IVOZB4IJTIJEP   !TJTJEPWTLJ 

    ॴଐ  ೔ຊܦࡁ৽ฉࣾͷιϑτ΢ΣΞΤϯδχΞ  SOJLLFJDPNͷϑϩϯτΤϯυɺόοΫΤϯυɺ $%/ 'BTUMZ ͷ഑৴पΓ୲౰  ܦྺ  લ৬ɿυϫϯΰ  ʙɿ೔ຊܦࡁ৽ฉࣾ "CPVU.F
  2. 14.

    14  ,1*  νʔϜ಺ͰεϐʔυΛ࠷ॏཁ,1*ʹ  6*69վળ  ϨεϙϯγϒରԠ 

    18"Խ  'BTUMZ΍NJDSPTFSWJDFTΞʔΩςΫνϟͷ࠾༻  ΋ͪΖΜ಺੡ /FYU'5ˠ/FYU/JLLFJ
  3. 17.

    17 $%/ &EHF4JEF Ͱͷߴ଎Խ  'BTUMZͰಈతͳίϯςϯπ΋$%/ ܦ༝Ͱ഑৴  7$-ͰॊೈʹΩϟογϡΛ੍ޚ 

    )551ͷར༻  αϒϦιʔεͷѹॖ  ը૾഑৴ IUUQTXXXGBTUMZDPNQSPEVDUTFEHFTELNPEFSOOFUXPSLEFTJHO
  4. 20.

    20 )551  'BTUMZͷػೳΛར༻  )551ͷԸܙ  ετϦʔϜʹΑΔ௨৴ͷߴ଎Խ  ϦΫΤετฒྻ਺૿Ճ

     )1"$,ѹॖʹΑΓϔομαΠζ࡟ݮ  4FSWFS1VTI  DSJUJDBMQBUIʹରͯ͠ద༻ 'BTUMZ#MBDL#PY IUUQFOHJOFSPPNGUDPNXIBUIBQQFOTXIFOZPVWJTJUGUDPN
  5. 22.

    22 ը૾഑৴  4BB4ͷ*NHJYΛར༻  ͓͢͢Ί  ಺੡Ͱ࡞͍ͬͯͨը૾ม׵αʔό͔Β ৐Γ׵͑ 

    )551"1*ͰإೝࣝɺΫϩοϓɺϦαΠ ζ౳͕ॊೈʹͰ͖Δ  XFCQ KQH QOH౳ʹରԠ͠ΫϥΠΞϯτ ʹ࠷దͳը૾Λฦ٫͢Δ  Ωϟογϡ੍ޚ΋
  6. 28.

    28 3FTPVSDF)JOUT  ࣍ʹඞཁͱͳΔϦιʔεͷ౤ػతͳ औಘΛߦ͏  EOTQSFGFUDI  QSFDPOOFDU 

    QSFGFUDI  QSFSFOEFS  SOJLLFJDPNͰ͸EOTQSFGFUDI  QSFGFUDI QSFSFOEFSΛར༻  ޿ࠂͳͲαʔυύʔςΟυϝΠϯ͸ EOTQSFGFUDI IUUQTXXXXPSH53SFTPVSDFIJOUT
  7. 32.

    32  SOJLLFJDPN͸7BOJMMB+4  8FCඪ४ͷීٴɺ1PMZpMMͷར༻  ঢ়ଶ؅ཧͷ೉͠͞  +4ϑϨʔϜϫʔΫͷϥΠϑαΠΫϧ 

    ංେԽ͢ΔϑΝΠϧαΠζ  443ɺ55* 5JNF5P*OUFSBDUJWF ͷ໰୊ 'SBNFXPSL 41"  Ұ෦ϖʔδΛআ͖ඇ41"Ͱ࣮૷
  8. 39.
  9. 40.

    40 18" 1SPHSFTTJWF8FC"QQT  3FMJBCMF  ωοτϫʔΫঢ়گʹґଘ͠ͳ͍  'BTU 

    ϢʔβΞΫγϣϯ΁ͷԠ౴଎౓  ϖʔδϩʔυͷ଎౓  &OHBHJOH  ϓογϡ௨஌  ϗʔϜʹ௥Ճ ")4 ৄࡉ͸νΣοΫϦετΛIUUQTEFWFMPQFSTHPPHMFDPNXFCQSPHSFTTJWFXFCBQQTDIFDLMJTU
  10. 45.

    45 Ͳ͏΍ͬͯ4FSWJDF8PSLFSͷςετΛ͢Δ͔  ղܾࡦ  ࣮ࡍʹϒϥ΢βΛ্ཱͪ͛ͯςετ  ࣮ߦ؀ڥͷϞοΫԽ  SOJLLFJDPNͰ͸ݱঢ়4FMFOJVNΛ࢖ͬͨςετΛ$*ʹ૊ΈࠐΜͰ͍Δ

     IUUQTHJUIVCDPN(PPHMF$ISPNF-BCTTFMFOJVNBTTJTUBOU  IUUQTHJUIVCDPN(PPHMF$ISPNF-BCTTXUFTUJOHIFMQFST  50%0'FBUVSF'MBHTΛ*OEFYFE%#ʹಉظͤ͞Δ  ίʔυมߋɺ2"ΛΑΓ༰қʹ
  11. 58.

    58 ݹ͍Ωϟογϡͷ࡟আ  ΩϟογϡετϨʔδͷ༰ྔ͸σ όΠεґଘ  ্ݶ౸ୡ࣌ͷڍಈ΋ϒϥ΢βґଘ ʢجຊ͸-36ʣ  ׂͱϦιʔεʹ͸༨༟͕͋Δ͕ɺ

    ෆཁͳΩϟογϡ͸ͬ͞͞ͱ࡟আ ͨ͠ํ͕͍͍ IUUQTEFWFMPQFSTHPPHMFDPNXFCGVOEBNFOUBMTJOTUBOUBOEP⒐JOFXFCTUPSBHFP⒐JOFGPSQXB
  12. 63.

    63 ύʔϛογϣϯ͸৻ॏʹ  ѱ͍69Λආ͚Δ  ϖʔδΛ։͍ͨॠؒʹύʔϛογϣϯΛ ཁٻ͠ͳ͍  ωΠςΟϒΞϓϦ͸ͳ͔ͥͦΕ͕ڐ͞Εͯ ͍Δ͕ʜ

     Ϣʔβ͕ٻΊ͍ͯΔՁ஋ͷ͋Δ৘ใΛఏڙ ͢Δ IUUQNJ[DIJIBUFOBCMPHDPNFOUSZ IUUQTEFWFMPQFSTHPPHMFDPNXFCGVOEBNFOUBMTQVTIOPUJpDBUJPOTQFSNJTTJPOVY IMKB
  13. 64.

    64 SOJLLFJDPNʹ͓͚Δ18"ରԠͷ՝୊  ߋ৽ܥॲཧͷΦϑϥΠϯରԠ  ݱࡏ͸هࣄͷอଘͳͲ͕ΦϑϥΠϯͰͰ͖ͳ͍  ఆظ࣮ߦ͕Ͱ͖ͳ͍  ேץͷΩϟογϡͳͲ͸৸͍ͯΔؒʹউखʹ΍͍ͬͯͯ΄͍͠

     ݱঢ়͸ΞΫηε͕ͳ͍ͱಈ࡞͠ͳ͍࣮૷  1FSJPEJD4ZOD͕ݱࡏࡦఆத  ϓογϡ௨஌  ଞͷϢʔεέʔεʹඇରԠʢ͓ؾʹೖΓίϥϜͷ৽ணهࣄͳͲʣ  ։෧཰ͳͲͷܭଌ͕Ͱ͖͍ͯͳ͍  ࣮૷͕ݹ͍ϓϩτίϧʢHDN@TFOEFS@JEར༻ʣͷ··
  14. 70.

    70 ·ͱΊ  ύϑΥʔϚϯε  Ωϟογϡઃఆ΍ѹॖɺ)551ͳͲʹͭͭରԠ͢Δ  ඇಉظಡΈࠐΈ΍ࣄલϩʔυΛར༻͢ΔɺΫϦςΟΧϧϨϯμϦϯά ύεΛݮΒ͢ 

    ֤ϝτϦΫε͸ܧଓతʹϞχλϦϯά͢Δ  18"  4FSWJDF8PSLFS͸ڧྗɺσόοά΍ςετ؀ڥΛ੔උ͢Δ  Ωϟογϡͷಉظɺσʔλ༰ྔΛߟྀ͢Δ  ϓογϡ௨஌͸ద੾ʹ࢖༻͢Δ