VS CodeのExtensionを作ってみた/pixta-techcamp-05

Transcript

1. VS CodeͷExtensionΛ ࡞ͬͯΈͨ 2018/11/20 ։ൃ߹॓੒Ռൃද ϐΫελגࣜձࣾɹҏ౻ ༟ر
2. ໨࣍ • എܠ • ։ൃ߹॓Ͱ΍ͬͨ͜ͱ • ։ൃ߹॓ͰͰ͖ͳ͔ͬͨ͜ͱ • ·ͱΊ
   
3. ࿩͞ͳ͍͜ͱ • VS CodeͷExtensionͷ࡞Γํ
 ʢ͓ͦΒ͕࣌ؒ͘ͳ͍ͷͰʣ
   
4. എܠ
   
5. ͜͜਺೥͸Vim͕ϝΠϯ • 2011 ~ ઌੜͷӨڹΛड͚ͯterminal্Ͱ͸Vim Λ࢖͏Α͏ʹ • 2015 ~ ϐΫελʹస৬͔ͯ͠Β͸جຊVimͰ ίʔσΟϯά͍ͯ͠Δ • 2018 ~ ͳʹ͔plugin଍͢ͱ͖ʹ.vimrcΛมߋ͢ Δͷ͕ਏ͘ͳ͖ͬͯͨ
   
6. ͨͩɺ࠷ۙ͸VS Codeʹුؾத • Visual Studio Live Shareͱ͔ΠέΠέؒ͋Δ • MS͕GitHubങऩͱ͔ΠέΠέؒ͋Δ • ʢ·͋ཁ͸৽͍͠΋ͷ࢖ͬͯςϯγϣϯ্͛ ͍͖͍͚ͯͨͩʁʣ
   
7. VimͰͰ͖ͨ͜ͱΛVS CodeͰ΋
    7JN 74
   $PEF λάδϟϯϓ ඪ४ʢXJUI
   DUBHTʣ $5BHT
   4VQQPSU ੩తղੳ
   ʢSVCPDPQʣ XSQBMF SVCZSVCPDPQ (JU UQPQFWJNGVHJUJWF (JU-FOT ΠϯΫϦϝϯλϧݕࡧ ʢpMFʣ KVOFHVOOG[GWJN ඪ४
8. GitLens͕ݸਓతʹ͸ෆे෼ • Gitͷ͔Ώ͍ͱ͜Ζ·Ͱૢ࡞Ͱ͖ͦ͏ͳ͘Β͍ػೳ͕๛෋Ͱ ͸͋Δ • ҎԼͷૢ࡞Λ܁Γฦ͠ߦͬͯաڈͷϑΝΠϧΛௐ΂Δͱ͍͏ ͷΛओʹVimͰ΍͍ͬͯͨ • Git Blame => ίϛοτͷࠩ෼ => աڈͷϑΝΠϧ • GitLensͰ͸Ͱ͖Δ͚Ͳɺޮ཰Α͘Ͱ͖ͳ͍ʢ࢖͍ͬͯͨݶ Γ͸ʣ
   
9. ͳ͍ͳΒɺ࡞Ζ͏ ʢ։ൃ߹॓ͷωλʹͳΓͦ͏ʣ
   
10. ։ൃ߹॓Ͱ΍ͬͨ͜ͱ
    
11. vscode-git-blame-show
    
12. Ͱ͖Δ͜ͱ • Git Blame • ର৅ߦͷίϛοτ൪߸Λ΋ͱʹࠩ෼Λදࣔ • ࠩ෼͔ΒաڈͷϑΝΠϧΛදࣔ • ͋ͱ͸্هͷ܁Γฦ͠
    
13. σϞ
    
14. ։ൃ߹॓ͰͰ͖ͳ͔ͬͨ͜ͱ
    
15. ࠓޙ΍Γ͍ͨ͜ͱ • ͱΓ͋͑ͣಈ͘΋ͷΛͱ༏ઌͨͨ͠Ίɺίʔυ͕ ৔౰ͨΓతͳ΋ͷʹͳͬͯ͠·ͬͨ • ϦϑΝΫλϦϯά͍ͨ͠ • ίϚϯυύϨοτ͔ΒίϚϯυΛ࣮ߦ͍ͯ͠Δ͕ɺ ΩʔϘʔυγϣʔτΧοτͰͰ͖ΔΑ͏ʹ͍ͨ͠ • ϚʔέοτϓϨΠεͰެ։͍ͨ͠
    
16. ๻ͨͪͷ։ൃ߹॓͸ଓ͘ɺɺ
    
17. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ