Change your source with AST

For Roppongi.js#4

Transcript

1. "45Λ࢖ͬͨ
   ιʔείʔυฤूͷ࿩
   3PQQPOHJKT
   CZ!2VSBNZ
   

   View Slide

2. গ͠લʹCFUUFSOBNFͱ͍
   ͏$-*πʔϧΛͭ͘Γ·ͨ͠
   https://github.com/Quramy/better-name
   

   View Slide

3. ͳͥ࡞ͬͨͷ͔
   

   View Slide

4. ͳͥ࡞ͬͨͷ͔
   w ಛʹ࢓ࣄͰ
   Ұ౓ॻ͍ͨKTϑΝΠϧͷ৔ॴΛɺޙ͔Βม͑
   ͨ͘ͳΔ͜ͱ͕݁ߏ͋Δ
   w FYQPSU͢ΔGVODUJPODMBTT໊͸ࡶʹਖ਼نදݱͰ΋͍͍͚Ͳɺ
   JNQPSUͷ૬ରύεΛ௚͢ͷ͸ׂͱμϧ͍
   w *%&ʹΑΒͣɺڞ௨ͷಈ࡞͕อূ͞Εͯ΄͍͠

   WJNNFSͳͷͰɺྡͷಉ྅͕εΠεΠ8FC4UPSNͱ͔࢖ͬ
   ͯΔͷݟΔͱෲཱͭ
   

   View Slide

5. Ͱ͖ͨ΋ͷ
   w NWίϚϯυͱେମҰॹɻGSPN'JMFͷύε͕UP'JMF΁ҠΔ
   ͚ͩ
   better-name [options]
   w JNQPSUจͷ੔߹ੑΛҠಈલޙͰ୲อͯ͘͠ΕΔ
   

   View Slide

6. ͜Μͳ͔Μ͡
   

   View Slide

7. JNQPSUͱ"45
   w -5λΠτϧʹ΋͋Δ௨Γɺ͜ͷπʔϧ͸+BWB4DSJQUͷ
   "45 ந৅ߏจ໦
   Λղੳ͍ͯ͠Δ
   w JNQPSUFYQPSU͸จ๏ͷ੍໿͕ݫ͍͠

   ཪΛฦ͢ͱΊͬͪΌղੳ͠΍͍͢
   

   View Slide

8. ͙͢࡞Εͦ͏
   w ࣮૷ϓϥϯ KTKTYͷέʔε
   
   w CBCZMPOͰιʔείʔυΛ"45΁QBSTF
   w !CBCFMUSBWFSTFͰ"45 ͷJNQPSUจ
   Λม׵
   w !CBCFMHFOFSBUFͰ"45͔ΒιʔείʔυΛੜ੒
   

   View Slide

9. ͪͳ54ͷ৔߹
   w ࣮૷ϓϥϯ UTUTYͷέʔε
   
   w UTDSFBUF4PVSDF'JMFͰιʔείʔυΛ"45΁QBSTF
   w UTUSBOTGPSN$VTUPN5SBOTGPSNFSͰ"45 ͷ
   JNQPSUจ
   Λม׵
   w UTDSFBUF1SJOUFSͰ"45͔ΒιʔείʔυΛੜ੒
   

   View Slide

10. Ұ௨Γ࣮૷ͯ͠ؾͮ͘
    

    View Slide

11. ͋ΕɺJNQPSUจ͔͠ม׵ͯ͠ͳ͍ͷʹɺ

    ࣮ߦલޙͰEJ⒎ग़ա͗͡ΌͶʜ
    

    View Slide

12. ͓·ΘΓ͞ΜίΠπͰ͢
    w ࣮૷ϓϥϯ KTKTYͷέʔε
    
    w CBCZMPOͰιʔείʔυΛ"45΁QBSTF
    w !CBCFMUSBWFSTFͰ"45 ͷJNQPSUจ
    Λม׵
    w !CBCFMHFOFSBUFͰ"45͔ΒιʔείʔυΛੜ੒
    

    View Slide

13. ΍ͬͪ·ͬͨ
    w ͦ΋ͦ΋
    "45ιʔείʔυ͸Մٯม׵͡Όͳ͍

    FHηϛίϩϯ Πϯσϯτ ετϦϯάϦςϥϧ FUD
    
    w QSFUUJFS͔͚Ε͹͍͍΍ɺͱࢥ͍ͬͯͨ
    
    w ۭߦ͕࡟আ͞Εͯ͠·͏݅͸Ͳ͏͠Α͏΋ͳ͍
    

    View Slide

14. ΍Γ௚͠
    

    View Slide

15. "45ͷमਖ਼Λιʔε΁൓ө͞
    ͤΔʹ͸
    w !CBCFMHFOFSBUF࢖Θͳ͍ ࢖͏ʹͯ͠΋ہॴతʹ
    
    w "45Λղੳͨ͠ޙɺมߋ͍ͨ͠಺༰ͱର৅OPEFͷMPDBUJPO
    ͔Β5FYU$IBOHFΛ࡞Γɺιʔείʔυͷจࣈྻʹద༻͞
    ͤΔͷ͕ਖ਼ղ
    ʮ"45͔Βੜ੒ʯͰ͸ͳ͘ʮ"45ͷมߋΛద༻ʯʹ͢Δ
    

    View Slide

16. 5FYU$IBOHF
    w ԫ৭ͷ෦෼͸Ұ੾มߋ͕ͳ͍ ιʔείʔυͦͷ··
    
    w มߋ͕ෳ਺ͷ৔߹͸ɺιʔείʔυͷޙΖ͔Βద༻͢Δ
    import { someFn } from "./target";
    export default function main() {
    someFn();
    }
    import { someFn } from “./new-target”;
    export default function main() {
    someFn();
    }
    textChanges = [{ start: 24, end: 32, text: 'new-target' }]
    
    

    View Slide

17. ·ͱΊ
    w !CBCFMHFOFSBUPS΍UT1SJOUFSΛιʔείʔυमਖ਼ͷ໨
    తͰ࢖Θͳ͍ɻཚ༻͠ͳ͍
    w 5FYU$IBOHFͷύλʔϯΛ͓֮͑ͯ͘ͱɺͲ͔͜Ͱ໾ʹཱ
    ͔ͭ΋ʜ
    

    View Slide

18. 5IBOLZPV
    

    View Slide