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

1 ೔ܦిࢠ൛ αΠτߴ଎Խͱ18"ରԠ ೔ຊܦࡁ৽ฉࣾɹ࣡ށढ़࠸

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

3 ৽͍͠೔ܦిࢠ൛ͷ࿩ αΠτߴ଎ԽͷϓϥΫςΟε 18"΁ͷରԠ ΞδΣϯμ

4 ೔ܦిࢠ൛ͱ͸ ೥݄૑ץ ຖ೔໿ຊͷهࣄΛ഑৴ ༗ྉձһສਓҎ্ɺແྉձһສਓҎ্ ݄ؒԯΞΫηεҎ্
ࢴɾిࢠ൛ͷ߹ܭͰ͸શੈքͰສ෦Λൃߦ͢Δ ੈք࠷େͷܦࡁϝσΟΞ

5 /FYU/JLLFJ

6 SOJLLFJDPN͔Β഑৴ ݄ͷϦϦʔεͰ͸ϞόΠϧ൛ͱҰ෦1$αΠτΛஔ͖׵͑ ೔ܦిࢠ൛ϦχϡʔΞϧϓϩδΣΫτ /FYU/JLLFJ

7 දࣔ଎౓ͷ޲্ چϞόΠϧ൛ͱൺֱͯ͠໿ഒͷ଎౓ୡ੒ʢ4QFFE*OEFYʣ

8 ൓ڹ͕͋ͬͨ IUUQTOPUFNVLPOQZVOOGECG

9 ͳͥϦχϡʔΞϧ͕ඞཁ͔ͩͬͨ

10 ϞόΠϧ୺຤ͰͷΞΫηε૿Ճ 1$൛ͱ41൛ΛͦΕͧΕ։ൃ͢Δ޻਺ ಺੡Խਪਐ ೥ʹങऩͨ͠ӳ'JOBODJBM5JNFT͔ࣾΒͷֶͼ ϦχϡʔΞϧͷഎܠ

11 #BDLCPOFKTͱK2VFSZΛϕʔεʹॻ͔Εͨ41" Ͱɺอकੑʹ໰୊͕͋ͬͨ ॳճදࣔ଎౓͕஗͍ େྔͷαϒϦιʔεಡΈࠐΈ ංେԽͨ͠KTϑΝΠϧ
443ඇରԠ ݹ͍"1*αʔόΛར༻͓ͯ͠Γڞ௨Խ͔ͨͬͨ͠ چϞόΠϧ൛ͷ՝୊

12 ೔ܦʹઌߦͯ͠'JOBODJBM5JNFTࣾ͸8FC൛Λ ϦχϡʔΞϧ αΠτͷεϐʔυ͸௒େࣄ /FYU'5 IUUQXXXOJFNBOMBCPSHUIFpOBODJBMUJNFTqJQTUIFTXJUDIPOJUTOFXXFCTJUFBGUFSNPOUITPGCFUBUFTUJOHJOUIFPQFO “We’ve run
tests. If you can make the site a second faster, you can drive engagement by 5 percent,” FT chief product and information officer Cait O’Riordan

13 '5Ͱͷςετ݁Ռ IUUQFOHJOFSPPNGUDPNBGBTUFSGUDPN

14 ,1* νʔϜ಺ͰεϐʔυΛ࠷ॏཁ,1*ʹ 6*69վળ ϨεϙϯγϒରԠ
18"Խ 'BTUMZ΍NJDSPTFSWJDFTΞʔΩςΫνϟͷ࠾༻ ΋ͪΖΜ಺੡ /FYU'5ˠ/FYU/JLLFJ

15 SOJLLFJDPNͷ಺෦ߏ੒͸͜Μͳײ͡ 'BTUMZ &MBTUJD#FBOTUBML /PEFKTPOUIFDPOUBJOFS αʔϏεͷ਺͸Ҏ্ ΞʔΩςΫνϟ֎؍ 5PQ1BHF "SUJDMF1BHF 4FBSDI1BHF

16 αΠτߴ଎ԽͷϓϥΫςΟε

17 $%/ &EHF4JEF Ͱͷߴ଎Խ 'BTUMZͰಈతͳίϯςϯπ΋$%/ ܦ༝Ͱ഑৴ 7$-ͰॊೈʹΩϟογϡΛ੍ޚ
)551ͷར༻ αϒϦιʔεͷѹॖ ը૾഑৴ IUUQTXXXGBTUMZDPNQSPEVDUTFEHFTELNPEFSOOFUXPSLEFTJHO

18 'BTUMZͰͷΩϟογϡઓུ $BDIF$POUSPM 4VSSPHBUF$POUSPMͷઃఆ ೝূDPPLJFͷEFDPEF 'FBUVSF'MBHTͷਖ਼نԽʢ1SFqJHIUʣ
ৄ͘͠͸IUUQTTQFBLFSEFDLDPNSZZTENJDSPTFSWJDFTPOGBTUMZ

19 $BDIF)JU3BUJP Ωϟογϡώοτ཰͸໿

20 )551 'BTUMZͷػೳΛར༻ )551ͷԸܙ ετϦʔϜʹΑΔ௨৴ͷߴ଎Խ ϦΫΤετฒྻ਺૿Ճ
)1"$,ѹॖʹΑΓϔομαΠζ࡟ݮ 4FSWFS1VTI DSJUJDBMQBUIʹରͯ͠ద༻ 'BTUMZ#MBDL#PY IUUQFOHJOFSPPNGUDPNXIBUIBQQFOTXIFOZPVWJTJUGUDPN

21 Ϧιʔεͷѹॖ ѹॖͰ͖Δ΋ͷ͸શͯѹॖ͢Δ )0ʹΑΔΦϯβϑϥΠѹॖ΋Մೳ 'BTUMZʹѹॖΛ೚ͤΔ͜ͱͰɺΦϦδϯͷ$16ϦιʔεΛઅ໿Ͱ͖Δ

22 ը૾഑৴ 4BB4ͷ*NHJYΛར༻ ͓͢͢Ί ಺੡Ͱ࡞͍ͬͯͨը૾ม׵αʔό͔Β ৐Γ׵͑
)551"1*ͰإೝࣝɺΫϩοϓɺϦαΠ ζ౳͕ॊೈʹͰ͖Δ XFCQ KQH QOH౳ʹରԠ͠ΫϥΠΞϯτ ʹ࠷దͳը૾Λฦ٫͢Δ Ωϟογϡ੍ޚ΋

23 &EHF4JEFͰͷ࠷దԽͷ݁Ռ ߴ͍Ωϟογϡώοτ཰ ߴ଎ɺΩϟογϡώοτͨ͠৔߹͸VOEFSNT ΦϦδϯαʔόͷϦιʔε࡟ݮ

24 ϑϩϯτΤϯυͷ࠷దԽ

25 ߴ଎ԽͷͨΊʹϑϩϯτΤϯυͰ͢΂͖͜ͱ Ξηοτͷ࠶ར༻ αϒϦιʔεͷඇಉظಡΈࠐΈ 3FTQPOTJWF*NBHF MB[ZMPBEJOH
3FTPVSDF)JOUT

26 $BDIF$POUSPM ੩తϑΝΠϧʹ͸ηΦϦʔ௨ΓIBTITUSJOH NBYBHFΛ͚ͭΔ NBYBHFͷظؒ಺͸αʔό΁ͷ໰͍߹ΘͤΛߦΘͳ͍ Ϧϩʔυ΁ͷରࡦͱͯ͠JNNVUBCMFΛ͚ͭΔ 3FRVFTU63-SFTPVSDFTIVCTDSJQUCVOEMFSFWFGKT
$BDIF$POUSPMNBYBHF JNNVUBCMF

27 6*ίϯϙʔωϯτͷ࡞੒ /*,,&*6*ͱ͍͏ίϯϙʔωϯτ ࢦ޲ͷελΠϧΨΠυΛ࡞੒ ར఺ ϚʔΫΞοϓͷ։ൃίετ࡟ݮ
ελΠϧఆٛͷॏෳ࡟ݮ 6*ͷҰ؏ੑ୲อ ߴ͍ΞΫηγϏϦςΟ

28 3FTPVSDF)JOUT ࣍ʹඞཁͱͳΔϦιʔεͷ౤ػతͳ औಘΛߦ͏ EOTQSFGFUDI QSFDPOOFDU
QSFGFUDI QSFSFOEFS SOJLLFJDPNͰ͸EOTQSFGFUDI QSFGFUDI QSFSFOEFSΛར༻ ޿ࠂͳͲαʔυύʔςΟυϝΠϯ͸ EOTQSFGFUDI IUUQTXXXXPSH53SFTPVSDFIJOUT

29 ே༦ץϖʔδͰͷQSFGFUDI ೔ܦిࢠ൛Ͱ͸ͦͷ೔ͷே༦ץΛͬ͟ͱӾཡ͢ΔϢʔβ͕ଟ͍ ࣍ͷ໘Λࣄલऔಘ͓ͯ͘͜͠ͱͰϨεϙϯε࣌ؒΛ୹ॖ͢Δ

30 ಈతʹQSFSFOEFSΛઃఆ͢Δ Ϛ΢εΧʔιϧ͕ΞΠίϯʹ ৐ͬͨΒMJOLλάΛૠೖ ݕࡧը໘΁ͷભҠΛߴ଎Խ QSFSFOEFS͸$ISPNF͔Β ແޮԽ͞Ε͍ͯΔ
IUUQTHPPHMO);X IUUQTHPPHM&+K5$.

31 ࣮ࡍ࢖͑Δͷʁ ϒϥ΢βͷରԠঢ়گ͸·ͪ·ͪ 4BGBSJ΍*&Λߟྀ͢Δ৔߹͸EOT QSFGFUDI͔͠ݱঢ়બ୒ࢶ͕ͳ͍ ϒϥ΢β͕ະαϙʔτͰ΋ಈ࡞ʹӨ ڹΛ༩͑ͳ͍ͷͰ࠾༻͠΍͍͢
ϢʔεέʔεΛߟྀ͢Δ͜ͱ

32 SOJLLFJDPN͸7BOJMMB+4 8FCඪ४ͷීٴɺ1PMZpMMͷར༻ ঢ়ଶ؅ཧͷ೉͠͞ +4ϑϨʔϜϫʔΫͷϥΠϑαΠΫϧ
ංେԽ͢ΔϑΝΠϧαΠζ 443ɺ55* 5JNF5P*OUFSBDUJWF ͷ໰୊ 'SBNFXPSL 41" Ұ෦ϖʔδΛআ͖ඇ41"Ͱ࣮૷

33 ύϑΥʔϚϯεͷϞχλϦϯά

34 چϓϩμΫτ΍ڝ߹αʔϏεͱൺֱ ຖ೔ܭଌ͢Δ͢Δ͜ͱͰϦϦʔε࣌ͷӨڹ͕Θ͔Δ ݪҼΛಛఆ͠΍͘͢ͳΔ 4QFFEDVSWFΛར༻

35 ϘτϧωοΫͷௐࠪ ֤ύϑΥʔϚϯεࢦඪΛՄࢹԽͰ͖Δ $16࢖༻཰΍ίϯςϯπͷαΠζ΋ 8FC1BHF5FTU΍%FW5PPMTUJNFMJOFύωϧͰͷ ݁ՌӾཡɺ)"3ͷμ΢ϯϩʔυ

36 1FSGPSNBODF#VEHFUͷνΣοΫ ᮢ஋Λ௒͑ͨΒΞϥʔτ 4MBDLͰ௨஌

37 มߋޙͷ$44+4ϑΝΠϧαΠζΛ13্ʹ௨஌ $*ͰϏϧυ͞Εͨ+4$44αΠζΛ1VMM3FRVFTUʹ௨஌ ࣗ෼ͷมߋ͕ϑΝΠϧαΠζʹͲ͏Өڹ͢Δͷ͔ࣄલʹ෼͔Δ

38 1VTI$BDIF౳ͷΩϟογϡपΓ࠷దԽ $PEF4QMJUUJOH %0.͕ෳࡶʹͳΓ͗͢໰୊ 1FSGPSNBODF#VEHFUͷج४͕ෆ໌ྎ
36.Λ࢖ͬͨܭଌ ύϑΥʔϚϯεɾϞχλϦϯάͷ՝୊

39 18"

40 18" 1SPHSFTTJWF8FC"QQT 3FMJBCMF ωοτϫʔΫঢ়گʹґଘ͠ͳ͍ 'BTU
ϢʔβΞΫγϣϯ΁ͷԠ౴଎౓ ϖʔδϩʔυͷ଎౓ &OHBHJOH ϓογϡ௨஌ ϗʔϜʹ௥Ճ ")4 ৄࡉ͸νΣοΫϦετΛIUUQTEFWFMPQFSTHPPHMFDPNXFCQSPHSFTTJWFXFCBQQTDIFDLMJTU

41 18"ʹ͸4FSWJDF8PSLFS͕ෆՄܽ⚙

42 ॳظSOJLLFJDPNʹ͓͚Δ4FSWJDF8PSLFS ༗ྉձһʹ΋QBZXBMMΛදࣔ ϩάΠϯલͷϖʔδΛΩϟογϡ͍ͯͨ͠ Ωϟογϡͨ͠ϖʔδΛදࣔ͢Δͱ$44ద༻ લͷVOTUZMFEͳϖʔδ͕දࣔ͞ΕΔ هࣄͷߋ৽͕൓ө͞Εͳ͍

43 όάͩΒ͚

44 Կ͕͍͚ͳ͔ͬͨͷ͔ $*Ͱͷςετ͕ͳ͍ ϦϦʔε͢ΔҎ֎ʹຊ൪؀ڥ૬౰Ͱݕূ͢Δखஈ͕ͳ͍

45 Ͳ͏΍ͬͯ4FSWJDF8PSLFSͷςετΛ͢Δ͔ ղܾࡦ ࣮ࡍʹϒϥ΢βΛ্ཱͪ͛ͯςετ ࣮ߦ؀ڥͷϞοΫԽ SOJLLFJDPNͰ͸ݱঢ়4FMFOJVNΛ࢖ͬͨςετΛ$*ʹ૊ΈࠐΜͰ͍Δ
IUUQTHJUIVCDPN(PPHMF$ISPNF-BCTTFMFOJVNBTTJTUBOU IUUQTHJUIVCDPN(PPHMF$ISPNF-BCTTXUFTUJOHIFMQFST 50%0'FBUVSF'MBHTΛ*OEFYFE%#ʹಉظͤ͞Δ ίʔυมߋɺ2"ΛΑΓ༰қʹ

46 OHSPLΛ࢖ͬͨຊ൪؀ڥͰͷݕূ OHSPLͳͲͷ)5515$1τϯωϧΛ࢖ͬͯϩʔΧϧ؀ڥΛ֎෦ʹެ։ 'BTUMZͷϧʔςΟϯάΛ্ॻ͍ͯTXKTͷ޲͖ઌΛϩʔΧϧʹมߋ ˞ݱࡏ͸OHSPLͰ͸ͳ͘νʔϜϝϯόʔ͕ࣗ࡞ͨ͠πʔϧΛར༻

47 OHSPLΛ࢖ͬͨຊ൪؀ڥͰͷݕূ 'BTUMZ্Ͱ)551ϔομͱ$PPLJFΛݕূ ΦʔόʔϥΠυ༻ͷϔομ͕ଘࡏ͍ͯ͠Ε͹ϓϩΩγαʔόʹόοΫ ΤϯυΛಈతʹมߋ͢Δ ϓϩΩγαʔόͰ͸ΩϟογϡԚછ͠ͳ͍Α͏ʹ7BSZϔομΛ͚ͭΔ

48 ੩తϑΝΠϧͷΩϟογϡ τοϓϖʔδ΍هࣄϖʔδ΁ͷΦϑϥΠϯΞΫηε هࣄͷߋ৽νΣοΫ ଎ใͷϓογϡ௨஌ ݱࡏͷSOJLLFJDPNʹ͓͚Δ4FSWJDF8PSLFS

49 4FSWJDF8PSLFS಺ʹର৅ͱͳΔϑΝΠϧΛϦετͰอ࣋ GFUDIΠϕϯτΛΩϟϓνϟͯ֘͠౰ͷϦιʔεͰ͋Ε͹Ωϟογϡ͢Δ Ωϟογϡ͕ଘࡏ͢Ε͹ΩϟογϡΛɺͳ͚Ε͹ωοτϫʔΫϦΫΤετ ੩తϑΝΠϧͷΩϟογϡ

50 ՕॴͰ࣮ࢪ τοϓϖʔδͷΩϟογϡ ࠷৽ͷهࣄҰཡΛࣄલΩϟογϡ ே༦ץϖʔδͱ֤هࣄΛࣄલΩϟογϡ ಈతίϯςϯπͷΩϟογϡ

51 ΦϑϥΠϯͰ΋ΞΫηεͰ͖Δ

52 τοϓهࣄɾே༦ץͷࣄલΩϟογϡ ࣄલΩϟογϡͰߴ଎ԽɾΦϑϥΠϯͰͷΞΫηεΛ࣮ݱ 4FSWJDF8PSLFSͳ͠ 4FSWJDF8PSLFS͋Γ

53 ࣄલΩϟογϡͬͯσʔλ௨৴ྔ͍͢͝Μ͡Όʜ

54 /FUXPSL*OGPSNBUJPO"1* ௨৴؀ڥΛऔಘͰ͖Δ"1* ઀ଓͷछྨʢXJp͔DFMMVMBS͔ʣɺճઢ଎౓ʢ( (ʣɺ355ͳͲ͕औ ಘՄೳ େ͖ͳϦιʔεͷμ΢ϯϩʔυ͸XJp઀ଓ࣌ͷΈʹݶఆ͍ͯ͠Δ

55 Ϣʔβ͕ϩάΠϯͨ͠ͱ͖ɺඇϩάΠϯ࣌ͷݹ͍Ωϟογϡ͕࢒ͬͯ͠·͏ ༗ྉձһͱͯ͠ϩάΠϯ͍ͯ͠Δ͸ͣͳͷʹQBZXBMM͕දࣔ͞Εͯ͠·͏ ݹ͍Ωϟογϡ͕࢒Γଓ͚Δ Ωϟογϡಉظͷ໰୊

56 Ωϟογϡಉظͷ໰୊ 4FSWJDF8PSLFS಺ͰϩάΠϯϩάΞ΢τ࣌ͷ63-ΛΩϟϓνϟ͢Δ ϩάΠϯલޙͰΩϟογϡ࡟আ

57 Ωϟογϡಉظͷ໰୊ QPTU.FTTBHFΛ࢖͏ GSPOUKT TXKT

58 ݹ͍Ωϟογϡͷ࡟আ ΩϟογϡετϨʔδͷ༰ྔ͸σ όΠεґଘ ্ݶ౸ୡ࣌ͷڍಈ΋ϒϥ΢βґଘ ʢجຊ͸-36ʣ ׂͱϦιʔεʹ͸༨༟͕͋Δ͕ɺ
ෆཁͳΩϟογϡ͸ͬ͞͞ͱ࡟আ ͨ͠ํ͕͍͍ IUUQTEFWFMPQFSTHPPHMFDPNXFCGVOEBNFOUBMTJOTUBOUBOEP⒐JOFXFCTUPSBHFP⒐JOFGPSQXB

59 ݹ͍Ωϟογϡͷ࡟আ Ωϟογϡͨ͠63-ͱλΠϜελϯϓΛ*OEFYFE%#ʹอଘ $BDIF4UPSBHF಺ͷϦιʔεͱಉظͤ͞Δ Ωϟογϡ௥ՃϦΫΤετͷલॲཧͱͯ͠ಉ࣌ʹҰఆ࣌ؒܦաޙʹ࡟আ

60 ݹ͍Ωϟογϡͷ࡟আ #BDLHSPVOE4ZODͰ48ʹΩϟογϡཁٻ *OEFYFE%#͔Βݹ͍Ωϟογϡͷ࡟আ

61 ϓογϡ௨஌ ଎ใͷ௨஌ʹར༻ ೔ʹ ճఔ౓഑৴͞ΕΔ ϢʔβͷΤϯήʔδϝϯτ޲্

62 ϓογϡ௨஌ αʔό ΫϥΠΞϯτʢݹ͍ํࣜͳͷͰࢀߟʹ͠ͳ͍͜ͱʂʣ

63 ύʔϛογϣϯ͸৻ॏʹ ѱ͍69Λආ͚Δ ϖʔδΛ։͍ͨॠؒʹύʔϛογϣϯΛ ཁٻ͠ͳ͍ ωΠςΟϒΞϓϦ͸ͳ͔ͥͦΕ͕ڐ͞Εͯ ͍Δ͕ʜ
Ϣʔβ͕ٻΊ͍ͯΔՁ஋ͷ͋Δ৘ใΛఏڙ ͢Δ IUUQNJ[DIJIBUFOBCMPHDPNFOUSZ IUUQTEFWFMPQFSTHPPHMFDPNXFCGVOEBNFOUBMTQVTIOPUJpDBUJPOTQFSNJTTJPOVY IMKB

64 SOJLLFJDPNʹ͓͚Δ18"ରԠͷ՝୊ ߋ৽ܥॲཧͷΦϑϥΠϯରԠ ݱࡏ͸هࣄͷอଘͳͲ͕ΦϑϥΠϯͰͰ͖ͳ͍ ఆظ࣮ߦ͕Ͱ͖ͳ͍ ேץͷΩϟογϡͳͲ͸৸͍ͯΔؒʹউखʹ΍͍ͬͯͯ΄͍͠
ݱঢ়͸ΞΫηε͕ͳ͍ͱಈ࡞͠ͳ͍࣮૷ 1FSJPEJD4ZOD͕ݱࡏࡦఆத ϓογϡ௨஌ ଞͷϢʔεέʔεʹඇରԠʢ͓ؾʹೖΓίϥϜͷ৽ணهࣄͳͲʣ ։෧཰ͳͲͷܭଌ͕Ͱ͖͍ͯͳ͍ ࣮૷͕ݹ͍ϓϩτίϧʢHDN@TFOEFS@JEར༻ʣͷ··

65 αΠτߴ଎Խʴ18"ରԠͷ݁Ռ

66 چϞόΠϧ൛ͱͷൺֱʢ-JHIUIPVTFʣ ύϑΥʔϚϯεͷείΞ͸ഒҎ্վળ چϞόΠϧ൛ SOJLLFJDPN

67 ݱߦ1$൛ͱͷൺֱʢ8FC1BHF5FTUʣ 4QFFE*OEFYɺ4UBSU3FOEFS͕໿ʹ XXXOJLLFJDPN ݱߦ1$൛ SOJLLFJDPN

68 ͪͳΈʹ

69 Ѩ෦׮͸΋ͬͱ଎͍

70 ·ͱΊ ύϑΥʔϚϯε Ωϟογϡઃఆ΍ѹॖɺ)551ͳͲʹͭͭରԠ͢Δ ඇಉظಡΈࠐΈ΍ࣄલϩʔυΛར༻͢ΔɺΫϦςΟΧϧϨϯμϦϯά ύεΛݮΒ͢
֤ϝτϦΫε͸ܧଓతʹϞχλϦϯά͢Δ 18" 4FSWJDF8PSLFS͸ڧྗɺσόοά΍ςετ؀ڥΛ੔උ͢Δ Ωϟογϡͷಉظɺσʔλ༰ྔΛߟྀ͢Δ ϓογϡ௨஌͸ద੾ʹ࢖༻͢Δ

71 ༨ஊ ࠓ೔࿩ͨ͠ߴ଎Խʹ͍ͭͯ͸ઌ೔ൃച͞Εͨ ʮ௒଎ʂ8FCϖʔδ଎౓վળΨΠυʯʹ΄΅ શͯॻ͍ͯ͋Δ ϑϩϯτΤϯυΤϯδχΞ͸ͥͻಡ΋͏

72 ͋Γ͕ͱ͏͍͟͝·ͨ͠

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

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

More Decks by Shunya Shishido

Other Decks in Technology

Featured

Transcript

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

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