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

日経電子版 サイト高速化と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/

Shunya Shishido

December 19, 2017
Tweet

More Decks by Shunya Shishido

Other Decks in Technology

Transcript

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

    View full-size slide

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

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  7. 8
    ൓ڹ͕͋ͬͨ
    IUUQTOPUFNVLPOQZVOOGECG

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  11. 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

    View full-size slide

  12. 13
    '5Ͱͷςετ݁Ռ
    IUUQFOHJOFSPPNGUDPNBGBTUFSGUDPN

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  38. 40
    18" 1SPHSFTTJWF8FC"QQT

    3FMJBCMF
    ωοτϫʔΫঢ়گʹґଘ͠ͳ͍
    'BTU
    ϢʔβΞΫγϣϯ΁ͷԠ౴଎౓
    ϖʔδϩʔυͷ଎౓
    &OHBHJOH
    ϓογϡ௨஌
    ϗʔϜʹ௥Ճ ")4

    ৄࡉ͸νΣοΫϦετΛIUUQTEFWFMPQFSTHPPHMFDPNXFCQSPHSFTTJWFXFCBQQTDIFDLMJTU

    View full-size slide

  39. 41
    18"ʹ͸4FSWJDF8PSLFS͕ෆՄܽ⚙

    View full-size slide

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

    View full-size slide

  41. 43
    όάͩΒ͚

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    SOJLLFJDPN

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide