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
470
Other Decks in Technology
See All in Technology
LLMエージェント時代に適応した開発フロー
hiragram
1
410
7月のガバクラ利用料が高かったので調べてみた
techniczna
3
440
新規案件の立ち上げ専門チームから見たAI駆動開発の始め方
shuyakinjo
0
130
あとはAIに任せて人間は自由に生きる
kentaro
3
1.1k
Backboneとしてのtimm2025
yu4u
4
1.5k
Goss: New Production-Ready Go Binding for Faiss #coefl_go_jp
bengo4com
0
1.1k
ABEMAにおける 生成AI活用の現在地 / The Current Status of Generative AI at ABEMA
dekatotoro
0
660
実践データベース設計 ①データベース設計概論
recruitengineers
PRO
3
250
知られざるprops命名の慣習 アクション編
uhyo
11
2.5k
認知戦の理解と、市民としての対抗策
hogehuga
0
360
.NET開発者のためのAzureの概要
tomokusaba
0
230
Figma + Storybook + PlaywrightのMCPを使ったフロントエンド開発
yug1224
9
2.6k
Featured
See All Featured
How GitHub (no longer) Works
holman
315
140k
Code Review Best Practice
trishagee
70
19k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
GitHub's CSS Performance
jonrohan
1031
460k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.4k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
The Invisible Side of Design
smashingmag
301
51k
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ʯ։ൃதͰ͢ʂ