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

Vue.jsのプロジェクトをリファクタしているはなし

atsuco
July 22, 2019

 Vue.jsのプロジェクトをリファクタしているはなし

2019/07/22のWeJS発表資料です
https://wajs.connpass.com/event/138500/

atsuco

July 22, 2019
Tweet

More Decks by atsuco

Other Decks in Programming

Transcript

  1. 7VFKTͷϓϩδΣΫτΛϦϑΝΫλ͍ͯ͠Δ
    ͸ͳ͠
    !BUTVDP@

    View full-size slide

  2. ΞαΦΧΞπί
    ϑϦʔϥϯε
    ϑϩϯτΤϯυσβΠϯΧϝϥ
    Ͷ͜ͱϥΠϒͱ؁͍΋ͷ͕͋Ε͹޾ͤ
    ΤϯδχΞͷϙʔτϨʔτΛࡱΓ͍ͨ

    View full-size slide

  3. ݄ͷໃ६ʹ8F+4ͷൃදͷଓ͖ʜ

    View full-size slide

  4. ͜ΕΛ
    ΦϑγϣΞ
    Θͨ͠ ΞϓϦΤϯδχΞ
    7VF 1)1
    )5.- $44 +4
    'SPOUFOE #BDLFOE

    View full-size slide

  5. ͜͏͍ͨ͠
    ΦϑγϣΞ
    Θͨ͠ ΞϓϦΤϯδχΞ
    1)1
    7VF $44 +4
    'SPOUFOE #BDLFOE
    ։ൃΛ
    ෼཭

    View full-size slide

  6. Ͳ͏΍Δʁ
    ‣ σβΠϯΛ"UPNJD%FTJHOϕʔεʹ
    ‣ ϑϩϯτ։ൃͷϨϙδτϦΛΘ͚Δ
    ‣ ϑϩϯτͷίϯϙʔωϯτ΋"UPNJD%FTJHOϕʔεʴЋ
    ‣ 4'$Ͱؔ৺ࣄ߲͝ͱʹϑΝΠϧΛ෼ׂʢ)5.-$44+4ʣ
    ‣ ϑϩϯτͱόοΫΛ"1*Ͱͷ݁߹ʹ
    ‣ ͦͷଞɺࡉʑ͍͍ײ͡ʹ

    View full-size slide

  7. ػೳ͝ͱʹϦϑΝΫλத

    ୞ࠓશମͷˋ͘Β͍ʜʜ

    View full-size slide

  8. ͜Μͳײ͡
    'SPOUFOE #BDLFOE
    $POUSPMMFS
    %FTJHO
    6*

    $PNQPOFOUT

    EFTJHO
    "UPNT
    .PMFDVMFT
    0SHBOJTNT
    5FNQMBUF 4UPSF
    "UPNJD%FTJHO

    View full-size slide

  9. ͜Μͳײ͡
    'SPOUFOE #BDLFOE
    $POUSPMMFS
    %FTJHO
    6*

    $PNQPOFOUT

    EFTJHO
    "UPNT
    .PMFDVMFT
    0SHBOJTNT
    5FNQMBUF 4UPSF
    "1*

    View full-size slide

  10. ͭΒ͍
    ‣ σβΠϯΛ"UPNJD%FTJHOϕʔεʹௐ੔͠௚͢ඞཁ
    ‣ )5.-$44ͷҠ২ʺ৽نίʔσΟϯά
    ‣ %PDLFSTZOD͕Կނ͔ࢮ͵΄Ͳॏ͍
    ‣ -BSBWFM.JYʹ৐ͤͨΒWVFMPBEFSͷઃఆͰ٧Μͩˠ-BSBWFM.JY΍Ίͨ
    ‣ ୯७ʹϦϑΝΫλ͢Δػೳ͕ଟ͍

    View full-size slide

  11. Α͍
    ‣ ୯ମςετ͕؆୯
    ‣ Ϋϥε໊ʹ೰·ͳͯ͘Α͍
    ‣ ίϯϙʔωϯτͷ૊Έ߹ΘͤதʹσβΠϯͷໃ६ʹؾ෇͚Δ
    ‣ TUPSZCPPLͷಋೖ
    ‣ मਖ਼ɾϖʔδ௥Ճ͕؆୯

    View full-size slide

  12. ͳ΍Έ
    ‣ NPMFDVMFTPSHBOJTNTͷ͕͍ͪ
    ‣ υϝΠϯʹґଘ͢Δίϯϙʔωϯτ͔Ͳ͏͔
    ‣ EBUBDPNQVUFEͷ࢖͍෼͚
    ‣ ͳΔ΂͘SFBEPOMZͷDPNQVUFEΛ࢖͍͍ͨ
    ‣ ͪΐͬͱͨ͠ػೳʢϞʔμϧɾϓϧμ΢ϯͳͲʣΛࣗ࡞͢Δ͔ϓϥάΠϯΛೖΕΔ
    ͔ʜ
    ‣ ؅ཧɾϝϯς͕େมͳͷͰग़དྷΕ͹ࣗ࡞ʗػೳ͕ݶΒΕͨϓϥάΠϯΛʢશ෦ೖΓɺΈ͍ͨ
    ͳ΍ͭ͸ආ͚Δʣ

    View full-size slide

  13. ͋ͱˋ͕Μ͹Γ·͢ʜ
    5IBOLT

    View full-size slide