Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
TypeScriptでVSCodeの拡張機能を作っている話 / Development VS...
Search
kuromoka
September 30, 2019
Technology
2
1.6k
TypeScriptでVSCodeの拡張機能を作っている話 / Development VSCode extension with TypeScript
We Are JavaScripters! @36th(
https://wajs.connpass.com/event/145639/
)での発表資料です。
kuromoka
September 30, 2019
Tweet
Share
More Decks by kuromoka
See All by kuromoka
2年半VSCodeを使ってきて意外と知らなかったこと
kuromoka
19
18k
Vuetifyのドキュメント翻訳について / Vuetify document translation
kuromoka
1
660
チームにジョインしたての開発あるある / Just join the team
kuromoka
1
1.2k
VuetifyにOSSコントリビュートした話 / Contributing to Vuetify
kuromoka
0
460
Other Decks in Technology
See All in Technology
claude codeでPrompt Engineering
iori0311
0
510
Shadow DOMとセキュリティ - 光と影の境界を探る / Shibuya.XSS techtalk #13
masatokinugawa
0
300
Wasmで社内ツールを作って配布しよう
askua
0
150
20250719_JAWS_kobe
takuyay0ne
1
170
With Devin -AIの自律とメンバーの自立
kotanin0
2
510
ecspressoの設計思想に至る道 / sekkeinight2025
fujiwara3
12
2k
PdM業務における使い分け
shinshiro
0
630
経理出身PdMがAIプロダクト開発を_ハンズオンで学んだ話.pdf
shunsukenarita
1
200
AIエージェントを支える設計
tkikuchi1002
11
1.9k
Bliki (ja), and the Cathedral, and the Bazaar
koic
8
1.5k
AI駆動開発 with MixLeap Study【大阪支部 #3】
lycorptech_jp
PRO
0
260
私とAWSとの関わりの歩み~意志あるところに道は開けるかも?~
nagisa53
1
120
Featured
See All Featured
KATA
mclloyd
30
14k
Six Lessons from altMBA
skipperchong
28
3.9k
Bash Introduction
62gerente
613
210k
A Modern Web Designer's Workflow
chriscoyier
695
190k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
Embracing the Ebb and Flow
colly
86
4.8k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
The Pragmatic Product Professional
lauravandoore
35
6.8k
Faster Mobile Websites
deanohume
308
31k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
54k
Transcript
5ZQF4DSJQUで74$PEFͷ֦ுػೳΛ࡞͍ͬͨͯΔ 8F"SF+BWB4DSJQUFST!UI !LVSPNPLB
!LVSPNPLB ๏ ͘Ζ͔LVSPNPLB ๏ (BNF8JUIαʔόαΠυΤϯδχΞ ๏ ීஈ1)1Λ͍ͬͯ·͢ ๏ ٕज़ॻయͰ1)1ͷຊΛग़ͨ͠ ๏
5ZQF4DSJQUࠓճॳΊͯ৮Γ·ͨ͠
͢͜ͱ ๏ ࡞͍ͬͯΔ֦ுػೳʹ͍ͭͯ ๏ 74$PEFͷ֦ுػೳ։ൃʹ͍ͭͯ ๏ 5ZQF4DSJQUͰ։ൃͯ͠Έͯ ๏ ·ͱΊ
࡞͍ͬͯΔ֦ுػೳʹ͍ͭͯ
$JSDMF$*4UBUVT ๏ $JSDMF$*ͷϏϧυ݁ՌΛεςʔλεόʔʹදࣔ ๏ Ϗϧυ݁ՌΛԡ͢ͱՃػೳ
$JSDMF$*4UBUVT ๏ Ճػೳ ‣ ࠷৽ͷϏϧυΛΓ͠ ‣ $JSDMF$*ͷϏϧυϖʔδΛ։͘ ‣ աڈͷϏϧυҰཡΛදࣔ͢Δ
$JSDMF$*4UBUVT ๏ ݱঢ়ͷ։ൃঢ়گ ‣ ਖ਼ৗܥ֓Ͷಈ͖ͦ͏͚ͩͲΤϥʔ࣌·ͬͨ͘ݟͯͳ͍ ‣ ϦϑΝΫλ͍ͨ͠ˍςετίʔυॻ͖͍ͨ ๏ (JU)VCʹެ։ࡁΈʢؾʹͳͬͨΒ˒͍ͩ͘͞ʂʣ ‣
IUUQTHJUIVCDPNLVSPNPLBDJSDMFDJTUBUVT
74$PEFͷ֦ுػೳ։ൃʹ͍ͭͯ
֦ுػೳ։ൃͷྲྀΕ ๏ ίʔυδΣωϨʔλͰܗ࡞ ๏ ཉ͍͠ػೳͷ74$PEFͰͷ໊લΛ୳͢ ๏ ػೳͷαϯϓϧίʔυΛݟΔ
ίʔυδΣωϨʔλͰܗ࡞ ๏ :FPNBOͱHFOFSBUPSDPEFΛΠϯετʔϧ ๏ ίʔυδΣωϨʔλͰίʔυੜ $ npm install -g yo
generator-code $ yo code
ίʔυδΣωϨʔλͰܗ࡞ ๏ 8IBUUZQFPGFYUFOTJPOEPZPVXBOUUPDSFBUF ‣ 5ZQF4DSJQUʮ/FX&YUFOTJPO 5ZQF4DSJQU ʯΛબ
ίʔυδΣωϨʔλͰܗ࡞ ๏ ͋ͱͷ࣭͓ΈͰʢOQNPSZBSOͳͲͷ࣭ʣ ๏ ࡞ޙʹσόοάʢ'ʣͯ͠ಈ࡞֬ೝ ‣ ֦ுػೳ։ൃ༻ͷ74$PEF͕ผʹ্ཱ͕ͪΔ ‣ ίϚϯυύϨοτ͔Βʮ)FMMP8PSMEʯͷಈ࡞Λ֬ೝ
ཉ͍͠ػೳͷ74$PEFͰͷ໊લΛ୳͢ ๏ ֤ػೳ͝ͱͷ໊લ͕ɺ"1*ͷ໊ؔΫϥε໊ʹͳ͍ͬͯΔ ‣ ͨͱ͑εςʔλεόʔʮDSFBUF4UBUVT#BS*UFNʯؔͰ࡞Δ ๏ ཉ͍͠ػೳͷॴ໊͕͔ͬͯલ͕͔Βͳ͍ ๏ ໊લ͔͑͞Ε"1*Ұཡͷϖʔδ͔ΒใݕࡧͰ͖Δ ‣
IUUQTDPEFWJTVBMTUVEJPDPNBQJSFGFSFODFTWTDPEFBQJ
໊લ͕͔Βͳ͔ͬͨྫ ๏ ͜ΕΛ࡞Γ͍ͨΠϝʔδ಄ʹ͋Δ໊͕લ͕ෆ໌ɾɾɾ ‣ ެࣜυΩϡϝϯτͰࢀߟʹͳΔهࡌ͕ݟ͚ͭΒͳ͔ͬͨ ‣ ಉ༷ͷ6*͕͋Δʮ(JU-FOTʯͷιʔείʔυΛಡΜͰɺ ʮ2VJDL1JDLʯͱΑ͏͘໌
ػೳͷαϯϓϧίʔυΛݟΔ ๏ ݸਓతʹυΩϡϝϯτΑΓίʔυͷํ͕ࢀߟʹͳͬͨ ๏ ެࣜͰެ։͍ͯ͠ΔαϯϓϧίʔυͷϦϙδτϦ ‣ IUUQTHJUIVCDPNNJDSPTPGUWTDPEFFYUFOTJPOTBNQMFT
5ZQF4DSJQUͰ։ൃͯ͠Έͯ
ྑ͔ͬͨͱ͜Ζ ๏ 74$PEFͰิ͕ΨϯΨϯޮ͘ͱ͜Ζ ‣ 1)1Λ74$PEFͰॻ͍ͯΔͱ͖ͱੈք͕ҧ͍·ͨ͠ɾɾɾ ๏ Τϥʔ͕͋ΕίϯύΠϧͰ͔ΕΔ҆৺ײ
ਏ͔ͬͨͱ͜Ζ ๏ ܕγεςϜ͕ڧྗͳɺΤϥʔͰ·ͬͨ͜ͱʢಛʹ࠷ॳʣ ๏ ԼͷΑ͏ͳίϯετϥΫλͷॻ͖ํ ‣ ίϯετϥΫλʹͨ͠ͰɺϓϩύςΟͷηοτ·Ͱߦ͏
·ͱΊ
·ͱΊ ๏ 74$PEFͷ֦ுػೳ։ൃ໊લΛ୳͢ͷ͕େม ๏ υΩϡϝϯτΑΓαϯϓϧίʔυͷํ͕ࢀߟʹͳΔ͔ʁ ๏ ࡞͍ͬͯΔʮ$JSDMF$*4UBUVTʯ։ൃதͰ͢ʂ