日経電子版 サイト高速化と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. 1 ೔ܦిࢠ൛ αΠτߴ଎Խͱ18"ରԠ ೔ຊܦࡁ৽ฉࣾɹ࣡ށढ़࠸

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

    ॴଐ  ೔ຊܦࡁ৽ฉࣾͷιϑτ΢ΣΞΤϯδχΞ  SOJLLFJDPNͷϑϩϯτΤϯυɺόοΫΤϯυɺ $%/ 'BTUMZ ͷ഑৴पΓ୲౰  ܦྺ  લ৬ɿυϫϯΰ  ʙɿ೔ຊܦࡁ৽ฉࣾ "CPVU.F
  3. 3  ৽͍͠೔ܦిࢠ൛ͷ࿩  αΠτߴ଎ԽͷϓϥΫςΟε  18"΁ͷରԠ ΞδΣϯμ

  4. 4 ೔ܦిࢠ൛ͱ͸  ೥݄૑ץ  ຖ೔໿ຊͷهࣄΛ഑৴  ༗ྉձһສਓҎ্ɺແྉձһສਓҎ্  ݄ؒԯΞΫηεҎ্

     ࢴɾిࢠ൛ͷ߹ܭͰ͸શੈքͰສ෦Λൃߦ͢Δ ੈք࠷େͷܦࡁϝσΟΞ
  5. 5 /FYU/JLLFJ

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

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

  8. 8 ൓ڹ͕͋ͬͨ IUUQTOPUFNVLPOQZVOOGECG

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

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

  11. 11  #BDLCPOFKTͱK2VFSZΛϕʔεʹॻ͔Εͨ41" Ͱɺอकੑʹ໰୊͕͋ͬͨ  ॳճදࣔ଎౓͕஗͍  େྔͷαϒϦιʔεಡΈࠐΈ  ංେԽͨ͠KTϑΝΠϧ

     443ඇରԠ  ݹ͍"1*αʔόΛར༻͓ͯ͠Γڞ௨Խ͔ͨͬͨ͠ چϞόΠϧ൛ͷ՝୊
  12. 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. 13 '5Ͱͷςετ݁Ռ IUUQFOHJOFSPPNGUDPNBGBTUFSGUDPN

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

    18"Խ  'BTUMZ΍NJDSPTFSWJDFTΞʔΩςΫνϟͷ࠾༻  ΋ͪΖΜ಺੡ /FYU'5ˠ/FYU/JLLFJ
  15. 15 SOJLLFJDPNͷ಺෦ߏ੒͸͜Μͳײ͡ 'BTUMZ &MBTUJD#FBOTUBML /PEFKTPOUIFDPOUBJOFS αʔϏεͷ਺͸Ҏ্ ΞʔΩςΫνϟ֎؍ 5PQ1BHF "SUJDMF1BHF 4FBSDI1BHF

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

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

    )551ͷར༻  αϒϦιʔεͷѹॖ  ը૾഑৴ IUUQTXXXGBTUMZDPNQSPEVDUTFEHFTELNPEFSOOFUXPSLEFTJHO
  18. 18 'BTUMZͰͷΩϟογϡઓུ  $BDIF$POUSPM 4VSSPHBUF$POUSPMͷઃఆ  ೝূDPPLJFͷEFDPEF  'FBUVSF'MBHTͷਖ਼نԽʢ1SFqJHIUʣ 

    ৄ͘͠͸IUUQTTQFBLFSEFDLDPNSZZTENJDSPTFSWJDFTPOGBTUMZ
  19. 19 $BDIF)JU3BUJP Ωϟογϡώοτ཰͸໿

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

     )1"$,ѹॖʹΑΓϔομαΠζ࡟ݮ  4FSWFS1VTI  DSJUJDBMQBUIʹରͯ͠ద༻ 'BTUMZ#MBDL#PY IUUQFOHJOFSPPNGUDPNXIBUIBQQFOTXIFOZPVWJTJUGUDPN
  21. 21 Ϧιʔεͷѹॖ  ѹॖͰ͖Δ΋ͷ͸શͯѹॖ͢Δ  )0ʹΑΔΦϯβϑϥΠѹॖ΋Մೳ  'BTUMZʹѹॖΛ೚ͤΔ͜ͱͰɺΦϦδϯͷ$16ϦιʔεΛઅ໿Ͱ͖Δ

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

    )551"1*ͰإೝࣝɺΫϩοϓɺϦαΠ ζ౳͕ॊೈʹͰ͖Δ  XFCQ KQH QOH౳ʹରԠ͠ΫϥΠΞϯτ ʹ࠷దͳը૾Λฦ٫͢Δ  Ωϟογϡ੍ޚ΋
  23. 23 &EHF4JEFͰͷ࠷దԽͷ݁Ռ  ߴ͍Ωϟογϡώοτ཰  ߴ଎ɺΩϟογϡώοτͨ͠৔߹͸VOEFSNT  ΦϦδϯαʔόͷϦιʔε࡟ݮ

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

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

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

    $BDIF$POUSPMNBYBHF JNNVUBCMF
  27. 27 6*ίϯϙʔωϯτͷ࡞੒  /*,,&*6*ͱ͍͏ίϯϙʔωϯτ ࢦ޲ͷελΠϧΨΠυΛ࡞੒  ར఺  ϚʔΫΞοϓͷ։ൃίετ࡟ݮ 

    ελΠϧఆٛͷॏෳ࡟ݮ  6*ͷҰ؏ੑ୲อ  ߴ͍ΞΫηγϏϦςΟ
  28. 28 3FTPVSDF)JOUT  ࣍ʹඞཁͱͳΔϦιʔεͷ౤ػతͳ औಘΛߦ͏  EOTQSFGFUDI  QSFDPOOFDU 

    QSFGFUDI  QSFSFOEFS  SOJLLFJDPNͰ͸EOTQSFGFUDI  QSFGFUDI QSFSFOEFSΛར༻  ޿ࠂͳͲαʔυύʔςΟυϝΠϯ͸ EOTQSFGFUDI IUUQTXXXXPSH53SFTPVSDFIJOUT
  29. 29 ே༦ץϖʔδͰͷQSFGFUDI  ೔ܦిࢠ൛Ͱ͸ͦͷ೔ͷே༦ץΛͬ͟ͱӾཡ͢ΔϢʔβ͕ଟ͍  ࣍ͷ໘Λࣄલऔಘ͓ͯ͘͜͠ͱͰϨεϙϯε࣌ؒΛ୹ॖ͢Δ

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

     IUUQTHPPHMO);X  IUUQTHPPHM&+K5$.
  31. 31 ࣮ࡍ࢖͑Δͷʁ  ϒϥ΢βͷରԠঢ়گ͸·ͪ·ͪ  4BGBSJ΍*&Λߟྀ͢Δ৔߹͸EOT QSFGFUDI͔͠ݱঢ়બ୒ࢶ͕ͳ͍  ϒϥ΢β͕ະαϙʔτͰ΋ಈ࡞ʹӨ ڹΛ༩͑ͳ͍ͷͰ࠾༻͠΍͍͢

     ϢʔεέʔεΛߟྀ͢Δ͜ͱ
  32. 32  SOJLLFJDPN͸7BOJMMB+4  8FCඪ४ͷීٴɺ1PMZpMMͷར༻  ঢ়ଶ؅ཧͷ೉͠͞  +4ϑϨʔϜϫʔΫͷϥΠϑαΠΫϧ 

    ංେԽ͢ΔϑΝΠϧαΠζ  443ɺ55* 5JNF5P*OUFSBDUJWF ͷ໰୊ 'SBNFXPSL 41"  Ұ෦ϖʔδΛআ͖ඇ41"Ͱ࣮૷
  33. 33 ύϑΥʔϚϯεͷϞχλϦϯά

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

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

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

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

  38. 38  1VTI$BDIF౳ͷΩϟογϡपΓ࠷దԽ  $PEF4QMJUUJOH  %0.͕ෳࡶʹͳΓ͗͢໰୊  1FSGPSNBODF#VEHFUͷج४͕ෆ໌ྎ 

    36.Λ࢖ͬͨܭଌ ύϑΥʔϚϯεɾϞχλϦϯάͷ՝୊
  39. 39 18"

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

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

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

  43. 43 όάͩΒ͚

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

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

     IUUQTHJUIVCDPN(PPHMF$ISPNF-BCTTFMFOJVNBTTJTUBOU  IUUQTHJUIVCDPN(PPHMF$ISPNF-BCTTXUFTUJOHIFMQFST  50%0'FBUVSF'MBHTΛ*OEFYFE%#ʹಉظͤ͞Δ  ίʔυมߋɺ2"ΛΑΓ༰қʹ
  46. 46 OHSPLΛ࢖ͬͨຊ൪؀ڥͰͷݕূ  OHSPLͳͲͷ)5515$1τϯωϧΛ࢖ͬͯϩʔΧϧ؀ڥΛ֎෦ʹެ։  'BTUMZͷϧʔςΟϯάΛ্ॻ͍ͯTXKTͷ޲͖ઌΛϩʔΧϧʹมߋ  ˞ݱࡏ͸OHSPLͰ͸ͳ͘νʔϜϝϯόʔ͕ࣗ࡞ͨ͠πʔϧΛར༻

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

     Ϣʔβ͕ٻΊ͍ͯΔՁ஋ͷ͋Δ৘ใΛఏڙ ͢Δ IUUQNJ[DIJIBUFOBCMPHDPNFOUSZ IUUQTEFWFMPQFSTHPPHMFDPNXFCGVOEBNFOUBMTQVTIOPUJpDBUJPOTQFSNJTTJPOVY IMKB
  64. 64 SOJLLFJDPNʹ͓͚Δ18"ରԠͷ՝୊  ߋ৽ܥॲཧͷΦϑϥΠϯରԠ  ݱࡏ͸هࣄͷอଘͳͲ͕ΦϑϥΠϯͰͰ͖ͳ͍  ఆظ࣮ߦ͕Ͱ͖ͳ͍  ேץͷΩϟογϡͳͲ͸৸͍ͯΔؒʹউखʹ΍͍ͬͯͯ΄͍͠

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

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

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

  68. 68 ͪͳΈʹ

  69. 69 Ѩ෦׮͸΋ͬͱ଎͍

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

    ֤ϝτϦΫε͸ܧଓతʹϞχλϦϯά͢Δ  18"  4FSWJDF8PSLFS͸ڧྗɺσόοά΍ςετ؀ڥΛ੔උ͢Δ  Ωϟογϡͷಉظɺσʔλ༰ྔΛߟྀ͢Δ  ϓογϡ௨஌͸ద੾ʹ࢖༻͢Δ
  71. 71 ༨ஊ  ࠓ೔࿩ͨ͠ߴ଎Խʹ͍ͭͯ͸ઌ೔ൃച͞Εͨ ʮ௒଎ʂ8FCϖʔδ଎౓վળΨΠυʯʹ΄΅ શͯॻ͍ͯ͋Δ  ϑϩϯτΤϯυΤϯδχΞ͸ͥͻಡ΋͏

  72. 72 ͋Γ͕ͱ͏͍͟͝·ͨ͠