TypeScriptでVSCodeの拡張機能を作っている話 / Development VSCode extension with TypeScript

by kuromoka

Embed

Start on current slide

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ʯ͸։ൃதͰ͢ʂ