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

日経電子版を速くする / nikkei-inside-frontend

日経電子版を速くする / nikkei-inside-frontend

Inside Frontend #2 の発表資料です https://inside-frontend.com

Shunya Shishido

February 11, 2018
Tweet

More Decks by Shunya Shishido

Other Decks in Technology

Transcript

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

    ॴଐ  ೔ຊܦࡁ৽ฉࣾͷιϑτ΢ΣΞΤϯδχΞ  SOJLLFJDPNͷϑϩϯτΤϯυɺόοΫΤϯυɺ$%/पΓΛ୲౰  ܦྺ  લ৬ɿυϫϯΰ  ʙɿ೔ຊܦࡁ৽ฉࣾ  8FC"QQ"/BUJWF"QQ "CPVU.F
  2. 3 ೔ܦిࢠ൛  ೥݄૑ץ  ຖ೔໿ຊͷهࣄΛ഑৴  ༗ྉձһສਓҎ্ɺແྉձһສਓҎ্  ݄ؒԯΞΫηεҎ্

     ࢴɾిࢠ൛ͷ߹ܭͰ͸શੈքͰສ෦Λൃߦ͢Δ ੈք࠷େͷܦࡁϝσΟΞ ฏণޒྠ΍ͬͯ·͢ɻ73ίϯςϯπ΋͋ΔΑʂ
  3. 6 άϩʔόϧͰൺֱͯ͠΋݁ߏ଎͍ IUUQTQSPKFDUTIFBSTUOQDPNQFSGPSNBODF  )FBSTU͕؅ཧ͢Δ"SUJDMF1FSGPSNBODF -FBEFSCPBSEͰҐ  ϞόΠϧɾ(؀ڥͰͷςετ  ৚͕݅׬શʹಉ͡Ͱ͸ͳ͍͕ɺ/:5

     (VBSEJBO ##$ )V⒎1PTU౳ͱൺֱͯ͠΋ Ϳͬͪ͗ΓͰߴείΞ  είΞࢉग़ํ๏͸-PBE5JNF 4QFFE *OEFY 1BHF4J[F IUUQTUXJUUFSDPN3FBM@$44@5SJDLTTUBUVT
  4. 8  ಡΈࠐΈͷ஗͍αΠτ͸ݕࡧϥϯΫʹ΋Өڹ ͢Δ  ೥݄ΑΓϞόΠϧݕࡧͰ΋αΠτͷ଎ ౓ΛϥϯΩϯάγάφϧͱͯ͠ద༻͢Δ  )5.-$44+BWB4DSJQUͱ͍ͬͨϑϩϯτΤ ϯυͷੈքͰͷ࠷దԽ΋େ͖͍͕ɺαʔό͔

    ΒͷԠ౴଎౓΋େࣄ αΠτͷ଎౓͸ݕࡧ݁Ռʹ΋Өڹͯ͘͠Δ IUUQTXFCNBTUFSKBHPPHMFCMPHDPNVTJOHQBHFTQFFEJONPCJMFTFBSDIIUNM
  5. 9  ,1*  νʔϜ಺ͰεϐʔυΛ࠷ॏཁ,1*ʹ  6*69վળ  ϨεϙϯγϒରԠ 

    18"Խ  ։ൃମ੍ɾΞʔΩςΫνϟͷมߋ  ಺੡  ΞδϟΠϧɾܧଓతσϦόϦʔ  NJDSPTFSWJDFT νʔϜൃ଍࣌
  6. 12 ݱঢ়֬ೝ ՝୊͸ͨ͘͞Μ  දࣔ଎౓  4UBSU3FOEFST  4QFFE*OEFYT 

    ϒϩοΩϯάϦιʔε  +4ϑΝΠϧ  $44ϑΝΠϧ  ͦ΋ͦ΋ෆཁͳϑΝΠϧݺͼա͗
  7. 13 ܧଓతͳܭଌ  ओʹ4QFFEDVSWFΛར༻  چϓϩμΫτ΍ڝ߹αʔϏε ͱൺֱ  ຖ೔ܭଌ͢Δ͢Δ͜ͱͰϦϦʔ ε࣌ͷӨڹ͕Θ͔Δ

     ݪҼΛಛఆ͠΍͘͢ͳΔ  ͔ΒϦϓϨʔεͳͷͰچα ΠτͷϘτϧωοΫ౳͸ࡉ ͔͘ݟ͍ͯͳ͍  ͋͘·ͰϕϯνϚʔΫ
  8. 18 ೔ܦిࢠ൛ʹ͓͚Δ$%/ͷཁ݅  ߴ଎ɾ௿ϨΠςϯγ  େྔͷτϥϑΟοΫʹରԠͰ͖Δ  ߴ଎ͳΩϟογϡΫϦΞ  ଎ใΛ͍ͪૣ͘ग़ͤΔ͜ͱɺهࣄͷߋ৽Λਝ଎ʹ௨஌Ͱ͖Δ࢓૊Έ͕ඞཁ

     ւ֎͔Β΋շదʹӾཡͰ͖Δ  ࠃ಺αʔϏεͱ͸͍͑͋Δఔ౓ւ֎͔ΒͷΞΫηε΋͋Δ  ւ֎ग़ு࣌΍றࡏ࣌ʹ΋շదʹ೔ܦిࢠ൛Λར༻ͯ͠΋Β͏  ৽͍͠ϓϩτίϧ΁ͷରԠʢ)551 *1Wʣ ͸͡Ί͸$%/Λ࢖Θͣʹࣗલͷ7BSOJTIαʔόͰ؅ཧ͢Δϓϥϯ΋͋ͬͨ
  9. 19  े෼ͳ101ͷ਺  7$-ͰઃఆมߋɺίʔυͰ؅ཧͰ͖Δ  ΋ͪΖΜ(6*͚ͩͰ΋͍͍ͩͨͷ͜ͱ ͸Ͱ͖Δ  ٯʹ7$-Λ࢖͏ͱ࢖͑ͳ͍ػೳ΋ʜ

     "1*͕ॆ࣮͍ͯ͠Δ  ຆͲϓϩάϥϚϒϧʹઃఆՄೳ  7$-ͷΞοϓϩʔυͱΞΫςΟϕʔτ ΋$*Ͱ׬શࣗಈԽ͍ͯ͠Δ 'BTUMZ IUUQTXXXGBTUMZDPNOFUXPSLNBQ
  10. 21 γεςϜߏ੒  ϚΠΫϩαʔϏε  αʔϏεͷ਺͸Ҏ্  'BTUMZ͕શͯͷϦΫΤετΛܦ ༝͢Δ 

    αʔϏεؒ௨৴͸3&45ϕʔε ͷ)551"1*  ೔ܦࣾ಺Ͱ'BTUMZΛ࢖͍ͬͯΔ ͷ͸SOJLLFJDPNͱωΠςΟϒ ΞϓϦͷόοΫΤϯυ"1*
  11. 23  ৗ࣌44-  $%/Ͱͷ44-ରԠ͸44-Խͷखܰͳखஈ  'BTUMZͷڞ༻ূ໌ॻΛར༻  ূ໌ॻͷऔಘ΍؅ཧɺߋ৽ɺ$JQIFS4VJUFͷ ઃఆΛ͢Δख͕ؒল͚Δ

     *1WରԠ  SOJLLFJDPNͰ͸ΞΫηεͷલޙ͕*1W ৽͍͠ϓϩτίϧ΁ͷରԠ ࣗલͰશ෦΍Ζ͏ͱ͢Δͱ݁ߏେมɺ$%/ʹ೚ͤΒΕΔͱ͜Ζ͸೚͍ͤͯ͘
  12. 24 )551  'BTUMZͷػೳΛར༻  )551ͷԸܙ  ετϦʔϜʹΑΔ௨৴ͷߴ଎Խ  ϦΫΤετฒྻ਺૿Ճ

     )1"$,ѹॖʹΑΓϔομαΠζ࡟ݮ  4FSWFS1VTI 'BTUMZ#MBDL#PY IUUQFOHJOFSPPNGUDPNXIBUIBQQFOTXIFOZPVWJTJUGUDPN
  13. 29 'FBUVSF'MBHT  ඞཁͳ΋ͷ  ϑϥά৘ใͷϨδετϦʢ+40/ϑΝΠϧʣ  τάϥʔπʔϧʢ+40/͔Βςʔϒϧੜ੒ɺ্ॻ͖࣌ʹDPPLJFॻ͖ࠐΈʣ  "1*ʢϢʔβͷηάϝϯτ෼ׂɺϑϥά৘ใ͔Βύλʔϯׂ౰ʣ

     "#ςετ͚ͩͰͳ͘։ൃ΍2"Ͱ΋ར༻  ৽ػೳͷ։ൃ࣌ͳͲ͸ϩʔΧϧͰ։ൃͯ͠ɺຊ൪؀ڥͰ௚઀ݕূͰ͖Δ  ύϑΥʔϚϯεൺֱ΋؆୯ʹߦ͑Δ  ։ൃ؀ڥ͸࣮࣭ෆཁʹͳΓͭͭ͋Δ  طଘػೳͱີ݁߹͍ͯͨ͠ΓɺଞγεςϜͱͷ࿈ܞͰ݁ہ͸ඞཁʹʜ
  14. 34  ม਺ͷείʔϓ͕ͭͷαϒϧʔ νϯ಺ʹด͍ͯ͡Δ৔߹͸ϩʔΧ ϧม਺Λར༻  αϒϧʔνϯؒͰม਺ΛऔΓճ͢ ͱ͖͸ɺ)551ϔομΛม਺ͱ͠ ͯར༻͢Δ 

    ϔομ͸ͪΌΜͱVOTFU͓ͯ͘͠  'BTUMZ͕ϨεϙϯεΛड͚Δ৔߹ɺ )551ϔομʹϘσΟ૬౰ͷ΋ͷ ΛೖΕΔඞཁ͕͋Δ 'FBUVSF'MBHTͷྫ
  15. 41 ը૾഑৴  4BB4ͷJNHJYΛར༻  ϨεϙϯγϒରԠͷͨΊαΠζ΍ΞεϖΫτൺͳͲɺಉ͡ը૾͔Βෳ ਺ͷόϦΤʔγϣϯ͕ඞཁ  ը૾63-ͷΫΤϦύϥϝʔλͰإೝࣝɺΫϩοϓɺϦαΠζ౳Λߦ͏ 

    XFCQ KQH QOH౳ʹରԠ͠ΫϥΠΞϯτʹ࠷దͳը૾Λฦ٫͢Δ  ΋ͪΖΜJNHJYͷ$%/ͰΩϟογϡ͞ΕΔ ҰཡϖʔδʢϞόΠϧʣ ҰཡϖʔδʢσεΫτοϓʣ هࣄϖʔδ
  16. 42 $%/Ͱͷߴ଎Խ·ͱΊ  ߴ͍Ωϟογϡώοτ཰  ฏۉ͢Δͱ໿  ༗ྉձһʹରͯ͠΋Ҏ্$%/ͷΩϟογϡ ͔ΒϨεϙϯεΛฦ͢͜ͱ͕Ͱ͖͍ͯΔ 

    ΦϦδϯαʔόͷϦιʔε࡟ݮ  Ωϟογϡώοτ࣌͸NTҎԼͰԠ౴Մೳ  7$-͸޻෉ͯ͠࢖͑͹௒ڧྗ  ը૾ͷ࠷దԽ΍Ϧιʔεͷѹॖɺ)551ରԠ
  17. 47 +4͸શͯඇಉظͰϩʔυ͢Δ  BTZODEFGFSΛ͚ͭΔ  SOJLLFJDPN͸QPMZpMM IUUQTQPMZpMMJP Λ ར༻͓ͯ͠Γɺଞͷίʔυ͸QPMZpMM͕ద༻ ͞Ε͍ͯΔલఏͰॻ͔Ε͍ͯΔͨΊɺ

    QPMZpMMͷϩʔυΛઌʹߦ͏ඞཁ͕͋Δ  %0.$POUFOU-PBEFEΛ࢖ΘͣɺQPMZpMMͷ POMPBEΠϕϯτͷޙʹଞͷ+BWB4DSJQU͕ॳ ظԽ͞ΕΔΑ͏ʹ͍ͯ͠Δ TDSJQUλάͰͷݺͼग़͠ ॳظԽ
  18. 48 $SJUJDBM$44  "CPWF5IF'PMEʹදݱ͞ΕΔཁૉʹؔ܎͢Δ$44 ͷΈΠϯϥΠϯԽ͢Δ  ϨϯμϦϯά։࢝ͷߴ଎Խ͕ظ଴Ͱ͖Δ  ϥΠϒϥϦΛ࢖ͬͯࣗಈੜ੒͕ҰԠՄೳ 

    DSJUJDBM  (PPHMF1BHF4QFFENPEVMF  SOJLLFJDPNͰ͸·ͩಋೖͰ͖͍ͯͳ͍ʜ  ձһछผʹΑͬͯը໘͕ҟͳΔ  Ϩεϙϯγϒ΢ΣϒσβΠϯ  ϚχϡΞϧͰϝϯς͢Δ༐ؾͱ֮ޛ͕ඞཁͦ͏
  19. 49 ηΫγϣϯ୯Ґͷ஗Ԇϩʔυ  ίϯςϯπͷαΠζʢ%0.ϊʔυͷେ͖͞ɺਂ͞ʣ͸ ύϑΥʔϚϯεʹେ͖͘Өڹ͢Δ  ಛʹϞόΠϧͰ͸ݦஶ  ೔ܦిࢠ൛͸τοϓϖʔδ͚ͩͰهࣄҎ্ଘࡏ͢Δ 

    ϏδωεαΠυʮશ෦ग़ͯ͠΄͍͠ʯ  ࠷্෦Λআ͍ͯηΫγϣϯ͝ͱ஗ԆಡΈࠐΈͤ͞Δ͜ ͱͰ଎౓Λ୲อɺॳճϨϯμϦϯά·ͰͷίετΛԼ ͍͛ͯΔ ԼͷηΫγϣϯ͸%0.্ʹଘࡏ͠ͳ͍