TypeScriptでVSCodeの拡張機能を作っている話 / Development VSCode extension with TypeScript
by
kuromoka
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
5ZQF4DSJQUで74$PEFͷ֦ுػೳΛ࡞͍ͬͨͯΔ 8F"SF+BWB4DSJQUFST!UI !LVSPNPLB
Slide 2
Slide 2 text
!LVSPNPLB ๏ ͘Ζ͔LVSPNPLB ๏ (BNF8JUIαʔόαΠυΤϯδχΞ ๏ ීஈ1)1Λ͍ͬͯ·͢ ๏ ٕज़ॻయͰ1)1ͷຊΛग़ͨ͠ ๏ 5ZQF4DSJQUࠓճॳΊͯ৮Γ·ͨ͠
Slide 3
Slide 3 text
͢͜ͱ ๏ ࡞͍ͬͯΔ֦ுػೳʹ͍ͭͯ ๏ 74$PEFͷ֦ுػೳ։ൃʹ͍ͭͯ ๏ 5ZQF4DSJQUͰ։ൃͯ͠Έͯ ๏ ·ͱΊ
Slide 4
Slide 4 text
࡞͍ͬͯΔ֦ுػೳʹ͍ͭͯ
Slide 5
Slide 5 text
$JSDMF$*4UBUVT ๏ $JSDMF$*ͷϏϧυ݁ՌΛεςʔλεόʔʹදࣔ ๏ Ϗϧυ݁ՌΛԡ͢ͱՃػೳ
Slide 6
Slide 6 text
$JSDMF$*4UBUVT ๏ Ճػೳ ‣ ࠷৽ͷϏϧυΛΓ͠ ‣ $JSDMF$*ͷϏϧυϖʔδΛ։͘ ‣ աڈͷϏϧυҰཡΛදࣔ͢Δ
Slide 7
Slide 7 text
$JSDMF$*4UBUVT ๏ ݱঢ়ͷ։ൃঢ়گ ‣ ਖ਼ৗܥ֓Ͷಈ͖ͦ͏͚ͩͲΤϥʔ࣌·ͬͨ͘ݟͯͳ͍ ‣ ϦϑΝΫλ͍ͨ͠ˍςετίʔυॻ͖͍ͨ ๏ (JU)VCʹެ։ࡁΈʢؾʹͳͬͨΒ˒͍ͩ͘͞ʂʣ ‣ IUUQTHJUIVCDPNLVSPNPLBDJSDMFDJTUBUVT
Slide 8
Slide 8 text
74$PEFͷ֦ுػೳ։ൃʹ͍ͭͯ
Slide 9
Slide 9 text
֦ுػೳ։ൃͷྲྀΕ ๏ ίʔυδΣωϨʔλͰܗ࡞ ๏ ཉ͍͠ػೳͷ74$PEFͰͷ໊લΛ୳͢ ๏ ػೳͷαϯϓϧίʔυΛݟΔ
Slide 10
Slide 10 text
ίʔυδΣωϨʔλͰܗ࡞ ๏ :FPNBOͱHFOFSBUPSDPEFΛΠϯετʔϧ ๏ ίʔυδΣωϨʔλͰίʔυੜ $ npm install -g yo generator-code $ yo code
Slide 11
Slide 11 text
ίʔυδΣωϨʔλͰܗ࡞ ๏ 8IBUUZQFPGFYUFOTJPOEPZPVXBOUUPDSFBUF ‣ 5ZQF4DSJQUʮ/FX&YUFOTJPO 5ZQF4DSJQU ʯΛબ
Slide 12
Slide 12 text
ίʔυδΣωϨʔλͰܗ࡞ ๏ ͋ͱͷ࣭͓ΈͰʢOQNPSZBSOͳͲͷ࣭ʣ ๏ ࡞ޙʹσόοάʢ'ʣͯ͠ಈ࡞֬ೝ ‣ ֦ுػೳ։ൃ༻ͷ74$PEF͕ผʹ্ཱ͕ͪΔ ‣ ίϚϯυύϨοτ͔Βʮ)FMMP8PSMEʯͷಈ࡞Λ֬ೝ
Slide 13
Slide 13 text
ཉ͍͠ػೳͷ74$PEFͰͷ໊લΛ୳͢ ๏ ֤ػೳ͝ͱͷ໊લ͕ɺ"1*ͷ໊ؔΫϥε໊ʹͳ͍ͬͯΔ ‣ ͨͱ͑εςʔλεόʔʮDSFBUF4UBUVT#BS*UFNʯؔͰ࡞Δ ๏ ཉ͍͠ػೳͷॴ໊͕͔ͬͯલ͕͔Βͳ͍ ๏ ໊લ͔͑͞Ε"1*Ұཡͷϖʔδ͔ΒใݕࡧͰ͖Δ ‣ IUUQTDPEFWJTVBMTUVEJPDPNBQJSFGFSFODFTWTDPEFBQJ
Slide 14
Slide 14 text
໊લ͕͔Βͳ͔ͬͨྫ ๏ ͜ΕΛ࡞Γ͍ͨΠϝʔδ಄ʹ͋Δ໊͕લ͕ෆ໌ɾɾɾ ‣ ެࣜυΩϡϝϯτͰࢀߟʹͳΔهࡌ͕ݟ͚ͭΒͳ͔ͬͨ ‣ ಉ༷ͷ6*͕͋Δʮ(JU-FOTʯͷιʔείʔυΛಡΜͰɺ ʮ2VJDL1JDLʯͱΑ͏͘໌
Slide 15
Slide 15 text
ػೳͷαϯϓϧίʔυΛݟΔ ๏ ݸਓతʹυΩϡϝϯτΑΓίʔυͷํ͕ࢀߟʹͳͬͨ ๏ ެࣜͰެ։͍ͯ͠ΔαϯϓϧίʔυͷϦϙδτϦ ‣ IUUQTHJUIVCDPNNJDSPTPGUWTDPEFFYUFOTJPOTBNQMFT
Slide 16
Slide 16 text
5ZQF4DSJQUͰ։ൃͯ͠Έͯ
Slide 17
Slide 17 text
ྑ͔ͬͨͱ͜Ζ ๏ 74$PEFͰิ͕ΨϯΨϯޮ͘ͱ͜Ζ ‣ 1)1Λ74$PEFͰॻ͍ͯΔͱ͖ͱੈք͕ҧ͍·ͨ͠ɾɾɾ ๏ Τϥʔ͕͋ΕίϯύΠϧͰ͔ΕΔ҆৺ײ
Slide 18
Slide 18 text
ਏ͔ͬͨͱ͜Ζ ๏ ܕγεςϜ͕ڧྗͳɺΤϥʔͰ·ͬͨ͜ͱʢಛʹ࠷ॳʣ ๏ ԼͷΑ͏ͳίϯετϥΫλͷॻ͖ํ ‣ ίϯετϥΫλʹͨ͠ͰɺϓϩύςΟͷηοτ·Ͱߦ͏
Slide 19
Slide 19 text
·ͱΊ
Slide 20
Slide 20 text
·ͱΊ ๏ 74$PEFͷ֦ுػೳ։ൃ໊લΛ୳͢ͷ͕େม ๏ υΩϡϝϯτΑΓαϯϓϧίʔυͷํ͕ࢀߟʹͳΔ͔ʁ ๏ ࡞͍ͬͯΔʮ$JSDMF$*4UBUVTʯ։ൃதͰ͢ʂ