Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

0c9464e23aeaa91d185ec407cc15c0de?s=47 kuromoka
September 30, 2019
Technology
2
650

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

We Are JavaScripters! @36th（https://wajs.connpass.com/event/145639/ ）での発表資料です。

0c9464e23aeaa91d185ec407cc15c0de?s=128

kuromoka

September 30, 2019
Tweet

More Decks by kuromoka

See All by kuromoka
0c9464e23aeaa91d185ec407cc15c0de?s=48 kuromoka
19
16k
0c9464e23aeaa91d185ec407cc15c0de?s=48 kuromoka
1
260
0c9464e23aeaa91d185ec407cc15c0de?s=48 kuromoka
1
610
0c9464e23aeaa91d185ec407cc15c0de?s=48 kuromoka
0
250

Other Decks in Technology

See All in Technology
4e7f712e4bba241f579d3dc0eaf130d4?s=48 mito201
0
380
B0cd2f94d292187c9baaf34b3979154d?s=48 quandohr
1
1.8k
4b2f3a64637b51e81813accbe8a98083?s=48 miura55
0
130
5c4f5cafb8aa4f6258e5112412b3ab15?s=48 chisaki0120
0
120
C4c161ae9eeeed8f161197410f7a228a?s=48 sizuhiko
0
190
Cd6f9aa17da41e53601364d85c178eb6?s=48 gracefullife
0
290
Fd38d7ee40295f6361aa059008288731?s=48 shyaginuma
11
4.7k
252e6c31a6452aa80deb9ad0107975c7?s=48 attakei
0
180
2f19948521a196215b63c4362af6c6c7?s=48 jumtech
5
1.2k
4b45a7e80d4ae7da08069abcb499d696?s=48 kenz_
1
230
285e58eafc0cffa03bdb9f612768434c?s=48 kelvinksps
1
120
A101f74d588593108432afc2dec834f2?s=48 cmabe
0
480

Featured

See All Featured
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
300
40k
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
119
7.3k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
56
5.5k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
167
19k
7fa6101cd43067653cf4ac6c7ca54305?s=48 akmur
254
19k
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1020
400k
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
304
32k
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
40
1.9k
11c84dff30266b907714802088852677?s=48 jasonvnalue
87
8.3k
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
85
5k
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
24
870
B6a8f005f39d23ffc930508ac9da68b9?s=48 vanstee
122
5k

Transcript

  1. 5ZQF4DSJQUで74$PEFͷ֦ுػೳΛ࡞͍ͬͨͯΔ࿩ 8F"SF+BWB4DSJQUFST!UI !LVSPNPLB

  2. !LVSPNPLB ๏ ͘Ζ΋͔LVSPNPLB ๏ (BNF8JUIαʔόαΠυΤϯδχΞ ๏ ීஈ͸1)1Λ΍͍ͬͯ·͢ ๏ ٕज़ॻయͰ΋1)1ͷຊΛग़ͨ͠ ๏

    5ZQF4DSJQU͸ࠓճॳΊͯ৮Γ·ͨ͠

  3. ࿩͢͜ͱ ๏ ࡞͍ͬͯΔ֦ுػೳʹ͍ͭͯ ๏ 74$PEFͷ֦ுػೳ։ൃʹ͍ͭͯ ๏ 5ZQF4DSJQUͰ։ൃͯ͠Έͯ ๏ ·ͱΊ

  4. ࡞͍ͬͯΔ֦ுػೳʹ͍ͭͯ

  5. $JSDMF$*4UBUVT ๏ $JSDMF$*ͷϏϧυ݁ՌΛεςʔλεόʔʹදࣔ ๏ Ϗϧυ݁ՌΛԡ͢ͱ௥Ճػೳ

  6. $JSDMF$*4UBUVT ๏ ௥Ճػೳ ‣ ࠷৽ͷϏϧυΛ΍Γ௚͠ ‣ $JSDMF$*ͷϏϧυϖʔδΛ։͘ ‣ աڈͷϏϧυҰཡΛදࣔ͢Δ

  7. $JSDMF$*4UBUVT ๏ ݱঢ়ͷ։ൃঢ়گ ‣ ਖ਼ৗܥ͸֓Ͷಈ͖ͦ͏͚ͩͲΤϥʔ࣌͸·ͬͨ͘ݟͯͳ͍ ‣ ϦϑΝΫλ͍ͨ͠ˍςετίʔυॻ͖͍ͨ ๏ (JU)VCʹ͸ެ։ࡁΈʢؾʹͳͬͨΒ˒͍ͩ͘͞ʂʣ ‣

    IUUQTHJUIVCDPNLVSPNPLBDJSDMFDJTUBUVT

  8. 74$PEFͷ֦ுػೳ։ൃʹ͍ͭͯ

  9. ֦ுػೳ։ൃͷྲྀΕ ๏ ίʔυδΣωϨʔλͰ਽ܗ࡞੒ ๏ ཉ͍͠ػೳͷ74$PEFͰͷ໊લΛ୳͢ ๏ ػೳͷαϯϓϧίʔυΛݟΔ

  10. ίʔυδΣωϨʔλͰ਽ܗ࡞੒ ๏ :FPNBOͱHFOFSBUPSDPEFΛΠϯετʔϧ ๏ ίʔυδΣωϨʔλͰίʔυੜ੒ $ npm install -g yo

    generator-code $ yo code

  11. ίʔυδΣωϨʔλͰ਽ܗ࡞੒ ๏ 8IBUUZQFPGFYUFOTJPOEPZPVXBOUUPDSFBUF  ‣ 5ZQF4DSJQU͸ʮ/FX&YUFOTJPO 5ZQF4DSJQU ʯΛબ୒

  12. ίʔυδΣωϨʔλͰ਽ܗ࡞੒ ๏ ͋ͱͷ࣭໰͸͓޷ΈͰʢOQNPSZBSOͳͲͷ࣭໰ʣ ๏ ࡞੒ޙʹσόοάʢ'ʣͯ͠ಈ࡞֬ೝ ‣ ֦ுػೳ։ൃ༻ͷ74$PEF͕ผʹ্ཱ͕ͪΔ ‣ ίϚϯυύϨοτ͔Βʮ)FMMP8PSMEʯͷಈ࡞Λ֬ೝ

  13. ཉ͍͠ػೳͷ74$PEFͰͷ໊લΛ୳͢ ๏ ֤ػೳ͝ͱͷ໊લ͕ɺ"1*ͷؔ਺໊΍Ϋϥε໊ʹͳ͍ͬͯΔ ‣ ͨͱ͑͹εςʔλεόʔ͸ʮDSFBUF4UBUVT#BS*UFNʯؔ਺Ͱ࡞Δ ๏ ཉ͍͠ػೳͷ৔ॴ͕෼͔ͬͯ΋໊લ͕෼͔Βͳ͍ ๏ ໊લ͑͞෼͔Ε͹"1*Ұཡͷϖʔδ͔Β৘ใݕࡧͰ͖Δ ‣

    IUUQTDPEFWJTVBMTUVEJPDPNBQJSFGFSFODFTWTDPEFBQJ

  14. ໊લ͕෼͔Βͳ͔ͬͨྫ ๏ ͜ΕΛ࡞Γ͍ͨΠϝʔδ͸಄ʹ͸͋Δ໊͕લ͕ෆ໌ɾɾɾ ‣ ެࣜυΩϡϝϯτͰ͸ࢀߟʹͳΔهࡌ͕ݟ͚ͭΒͳ͔ͬͨ ‣ ಉ༷ͷ6*͕͋Δʮ(JU-FOTʯͷιʔείʔυΛಡΜͰɺ
 ʮ2VJDL1JDLʯͱΑ͏΍͘൑໌

  15. ػೳͷαϯϓϧίʔυΛݟΔ ๏ ݸਓతʹ͸υΩϡϝϯτΑΓίʔυͷํ͕ࢀߟʹͳͬͨ ๏ ެࣜͰެ։͍ͯ͠ΔαϯϓϧίʔυͷϦϙδτϦ ‣ IUUQTHJUIVCDPNNJDSPTPGUWTDPEFFYUFOTJPOTBNQMFT

  16. 5ZQF4DSJQUͰ։ൃͯ͠Έͯ

  17. ྑ͔ͬͨͱ͜Ζ ๏ 74$PEFͰิ׬͕ΨϯΨϯޮ͘ͱ͜Ζ ‣ 1)1Λ74$PEFͰॻ͍ͯΔͱ͖ͱੈք͕ҧ͍·ͨ͠ɾɾɾ ๏ Τϥʔ͕͋Ε͹ίϯύΠϧͰ஄͔ΕΔ҆৺ײ

  18. ਏ͔ͬͨͱ͜Ζ ๏ ܕγεςϜ͕ڧྗͳ෼ɺΤϥʔͰ͸·ͬͨ͜ͱʢಛʹ࠷ॳʣ ๏ ԼͷΑ͏ͳίϯετϥΫλͷॻ͖ํ ‣ ίϯετϥΫλʹ౉ͨ͠஋ͰɺϓϩύςΟ΁ͷηοτ·Ͱߦ͏

  19. ·ͱΊ

  20. ·ͱΊ ๏ 74$PEFͷ֦ுػೳ։ൃ͸໊લΛ୳͢ͷ͕େม ๏ υΩϡϝϯτΑΓαϯϓϧίʔυͷํ͕ࢀߟʹͳΔ͔΋ʁ ๏ ࡞͍ͬͯΔʮ$JSDMF$*4UBUVTʯ͸։ൃதͰ͢ʂ