フロントエンドの リソース管理の話 TechFeed Summit#1 #techfeed #techfeedsummit

Transcript

1. ϑϩϯτΤϯυͷ
   Ϧιʔε؅ཧͷ࿩
   5FDI'FFE
   4VNNJU
   UFDIGFFE
   UFDIGFFETVNNJU !LZP@BHP

2. ࠷ۙ΍ͬͯΔ͜ͱ
   8FC/'$ͰϚΠφϯόʔ Χʔυಡ΋͏ͱͯ͠࠳ં !LZP@BHP

3. ϑϩϯτΤϯυͷ
   Ϧιʔε؅ཧͷ࿩Λ͠·͢

4. લఏ

5. લఏ  αʔόαΠυ͸"1*ͷΈͷ41"
    +4ʹIUNM
   DTT͕ຒΊࠐ·ΕͯΔ
    ΞΫηε͍ͯ͠ΔϢʔβ͕ࣝผՄೳ
   wϩάΠϯॲཧ͕ߦΘΕͨ͋ͱͷঢ়ଶ

6. ՝୊

7. ՝୊  ෳࡶͳΩϟογϡػߏ
   w࠷ۙ͸উखʹDIVOL͕͍ͭͨΓ
   4FSWJDF8PSLFSͰ؅ཧͨ͠Γ΋͢Δ͚Ͳ
    ϦιʔεͷཤྺΛ؅ཧ
   wίʔυͷཤྺͰ͸ͳ͘CVJME݁Ռͷཤྺ
    ϩʔϧόοΫ೉͍͠
   

   w  ʹ͍ۙ໰୊Ͱ͸͋Δ

8. ఏҊ

9. ఏҊ  $*ͰͷCVJMEຖʹ4ʹDPNNJU
   JE෇͖ͰQVTI
   wIUUQYYYTBNB[POBXTDPNTSDKT\DPNNJU
   JE^JOEFYKT
   wϦϦʔεͩΖ͏͕CVJMEͩΖ͏͕શ෦QVTI
    ຊ൪؀ڥͰ2VFSZ4USJOH͔Βड͚औͬͨDPNNJU
   JEΛTDSJQU<TSD>ͷQBUIʹຒࠐΉ
   wIUUQTFYBNQMFDPN SFTPVSDFYYYYYY
   Ͱ
   IUUQYYYTBNB[POBXTDPNTSDKTYYYYYYJOEFYKT
   ΛಡΉ
   

    2VFSZ4USJOH͔ΒDPNNJU
   JEΛࢦఆͰ͖Δͷ͸ಛఆͷάϧʔϓͷΈ
   wࣾ಺ϝϯόʔͱট଴͞Εͨϝϯόʔ
    4্ͷσʔλ͸جຊফ͞ͳ͍

10. ར఺

11. ར఺  TUBHJOH؀ڥͷߏங͕ΊͬͪΌָ
    wαʔόͷىಈίετ͕ͳ͍
    w&&ςετ؀ڥ΋Ұॠ
     όάൃੜ࣌ͷ௥੻΋ָ
    wϦϦʔε͢Δຖʹͦͷͱ͖ͷ؀ڥͷ63-ΛνϟοτʹྲྀΕΔΑ͏ʹ͓ͯ͘͠
    wൃݴͷ63-ΛͨͲΕ͹աڈͷ؀ڥΛ࠶ݱͰ͖Δ
    

    SPMMCBDL΋ָ
    wϦϦʔε͸DPNNJU
    JEΛࢦఆ͢Δ
    w࠷৽ͷDPNNJU
    JEͳΒ࠷৽൛͕ϦϦʔε͞ΕΔ
    wݹ͍DPNNJU
    JEͳΒݹ͍Ϧιʔε͕ϦϦʔε͞ΕΔ

12. ར఺  JE͕෇༩͞ΕΔͷͰόάใࠂ࣌ͷݕূ΋ָ
    wൃੜ࣌ͷDPNNJU
    JEΛه࿥͓͚ͯ͠͹
    ޙͰमਖ਼͞Εͨͷ͔ޡೝͩͬͨͷ͔൑அͰ͖Δ
     KTͷQBUIʹJEΛຒΊࠐΊΔͷͰΩϟογϡͷύʔδ͕࣮֬
    w࠷ۙ͸DIVOL෇͖ϑΝΠϧ໊Ͱग़ྗ͞ΕΔ͜ͱ΋ଟ͍͚Ͳ
     ϦϦʔεͷࠩผԽ͕༰қ
    

    wϑϩϯτΤϯυνʔϜ͸EFWFMPQʹϚʔδ͞Εͨ΋ͷΛ഑৴
    wϑϩϯτΤϯυҎ֎ͷ։ൃνʔϜ͸TUBHJOHͷ಺༰Λ഑৴
    wϦϦʔε͸ஈ֊ϦϦʔεʢTUBHFE
    SPMMPVUʣ

13. ܽ఺

14. ܽ఺  JE͕࿈൪͡Όͳ͍ͷͰલޙؔ܎͕Θ͔Βͳ͍
     ϑϩϯτΤϯυʹ੬ऑੑ͕͋ͬͨ৔߹ͷରԠ

15. 2"

16. 2"  ϑϩϯτΤϯυʹݶΒͣαʔόαΠυ΋ؚΊͯ؀ڥ༻ҙͨ͠Β͍͍ͷͰ͸
    wىಈ࣌ؒͱҡ࣋ίετͷ໰୊ʢϑϩϯτΤϯυͷΈͳΒ͍҆ʣ
    wຊ൪؀ڥͰࢼͤΔͷ΋ศར
     4ͷσʔλ͸ফ͞ͳ͍ͷʁ
    wجຊফ͢ϑϩʔ͸ͳ͍
    wܭࢉͨ͠ΒΊͬͪΌ͔҆ͬͨͷͰ์ஔ
    

    "1*ͷมߋ࣌ʹࠔΔͷͰ͸
    wͲͷΈͪΫϥΠΞϯτ͸Ұؾʹஔ͖׵͑͸ग़དྷͳ͍ͷͰ"1*͸ৗʹޓ׵ੑ ࣋ͨͤΔ͔͠ͳ͍

17. 2"  JE͕DPNNJU
    JEͳͷͲ͏ͳͷ
    wXFCQBDLͷDIVOLͱ͔Ͱ΋͍͍ͱࢥ͏͚Ͳɺ
    HJU
    MPH͔ΒJEऔΕΔͷศར
    wTFNWFS͸BQQʹ͸޲͔ͳ͍
     +4
    DTT
    IUNMҎ֎ͷϦιʔε͸ʁ
    

    wݴޠ৘ใ͸શ෦ຒΊࠐΜͰͨ
    wը૾͸ຒΊࠐΜͰͳ͍

18. ͓ΘΓ