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

by hamuyuuki

Slide 1

Slide 1 text

VS CodeͷExtensionΛ ࡞ͬͯΈͨ 2018/11/20 ։ൃ߹॓੒Ռൃද ϐΫελגࣜձࣾɹҏ౻ ༟ر

Slide 2

Slide 2 text

໨࣍ • എܠ • ։ൃ߹॓Ͱ΍ͬͨ͜ͱ • ։ൃ߹॓ͰͰ͖ͳ͔ͬͨ͜ͱ • ·ͱΊ

Slide 3

Slide 3 text

࿩͞ͳ͍͜ͱ • VS CodeͷExtensionͷ࡞Γํ  ʢ͓ͦΒ͕࣌ؒ͘ͳ͍ͷͰʣ

Slide 4

Slide 4 text

എܠ

Slide 5

Slide 5 text

͜͜਺೥͸Vim͕ϝΠϯ • 2011 ~ ઌੜͷӨڹΛड͚ͯterminal্Ͱ͸Vim Λ࢖͏Α͏ʹ • 2015 ~ ϐΫελʹస৬͔ͯ͠Β͸جຊVimͰ ίʔσΟϯά͍ͯ͠Δ • 2018 ~ ͳʹ͔plugin଍͢ͱ͖ʹ.vimrcΛมߋ͢ Δͷ͕ਏ͘ͳ͖ͬͯͨ

Slide 6

Slide 6 text

ͨͩɺ࠷ۙ͸VS Codeʹුؾத • Visual Studio Live Shareͱ͔ΠέΠέؒ͋Δ • MS͕GitHubങऩͱ͔ΠέΠέؒ͋Δ • ʢ·͋ཁ͸৽͍͠΋ͷ࢖ͬͯςϯγϣϯ্͛ ͍͖͍͚ͯͨͩʁʣ

Slide 7

Slide 7 text

VimͰͰ͖ͨ͜ͱΛVS CodeͰ΋ 7JN 74$PEF λάδϟϯϓ ඪ४ʢXJUIDUBHTʣ $5BHT4VQQPSU ੩తղੳ ʢSVCPDPQʣ XSQBMF SVCZSVCPDPQ (JU UQPQFWJNGVHJUJWF (JU-FOT ΠϯΫϦϝϯλϧݕࡧ ʢpMFʣ KVOFHVOOG[GWJN ඪ४

Slide 8

Slide 8 text

GitLens͕ݸਓతʹ͸ෆे෼ • Gitͷ͔Ώ͍ͱ͜Ζ·Ͱૢ࡞Ͱ͖ͦ͏ͳ͘Β͍ػೳ͕๛෋Ͱ ͸͋Δ • ҎԼͷૢ࡞Λ܁Γฦ͠ߦͬͯաڈͷϑΝΠϧΛௐ΂Δͱ͍͏ ͷΛओʹVimͰ΍͍ͬͯͨ • Git Blame => ίϛοτͷࠩ෼ => աڈͷϑΝΠϧ • GitLensͰ͸Ͱ͖Δ͚Ͳɺޮ཰Α͘Ͱ͖ͳ͍ʢ࢖͍ͬͯͨݶ Γ͸ʣ

Slide 9

Slide 9 text

ͳ͍ͳΒɺ࡞Ζ͏ ʢ։ൃ߹॓ͷωλʹͳΓͦ͏ʣ

Slide 10

Slide 10 text

։ൃ߹॓Ͱ΍ͬͨ͜ͱ

Slide 11

Slide 11 text

vscode-git-blame-show

Slide 12

Slide 12 text

Ͱ͖Δ͜ͱ • Git Blame • ର৅ߦͷίϛοτ൪߸Λ΋ͱʹࠩ෼Λදࣔ • ࠩ෼͔ΒաڈͷϑΝΠϧΛදࣔ • ͋ͱ͸্هͷ܁Γฦ͠

Slide 13

Slide 13 text

σϞ

Slide 14

Slide 14 text

։ൃ߹॓ͰͰ͖ͳ͔ͬͨ͜ͱ

Slide 15

Slide 15 text

ࠓޙ΍Γ͍ͨ͜ͱ • ͱΓ͋͑ͣಈ͘΋ͷΛͱ༏ઌͨͨ͠Ίɺίʔυ͕ ৔౰ͨΓతͳ΋ͷʹͳͬͯ͠·ͬͨ • ϦϑΝΫλϦϯά͍ͨ͠ • ίϚϯυύϨοτ͔ΒίϚϯυΛ࣮ߦ͍ͯ͠Δ͕ɺ ΩʔϘʔυγϣʔτΧοτͰͰ͖ΔΑ͏ʹ͍ͨ͠ • ϚʔέοτϓϨΠεͰެ։͍ͨ͠