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.5k
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
590
チームにジョインしたての開発あるある / Just join the team
kuromoka
1
1.2k
VuetifyにOSSコントリビュートした話 / Contributing to Vuetify
kuromoka
0
410
Other Decks in Technology
See All in Technology
プロダクトエンジニアを支えるための開発生産性向上施策
tsukakei
0
130
App Router を実プロダクトで採用して見えてきた勘所をちょっとだけ紹介
marokanatani
0
790
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
2
170
株式会社M2X エンジニアチーム紹介資料
m2xsoftware
0
590
ビジネスとエンジニアリングを繋ぐプロダクトを中心とした組織づくりの実践
sansantech
PRO
1
160
四国クラウドお遍路 2024 in 高知 オープニング
yukataoka
0
180
Creative UIs with Compose: DroidKaigi 2024
chrishorner
1
190
Oracle Base Database Service:サービス概要のご紹介
oracle4engineer
PRO
0
13k
四国クラウドお遍路 2024 in 高知 エンディング
yukataoka
0
180
すぐに始めるAWSコスト削減。短期でできる改善策と長期的な運用負荷軽減への取り組み方を解説
ncdc
1
550
Oracle Autonomous Database:サービス概要のご紹介
oracle4engineer
PRO
1
7k
サーバレスでモバイルアプリ開発! NTTコム「ビジネスdアプリ」のアーキテクチャ / The architecture of business d app
nttcom
12
210
Featured
See All Featured
What's in a price? How to price your products and services
michaelherold
242
11k
Designing the Hi-DPI Web
ddemaree
278
34k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
Mobile First: as difficult as doing things right
swwweet
221
8.8k
Faster Mobile Websites
deanohume
304
30k
Imperfection Machines: The Place of Print at Facebook
scottboms
263
13k
Scaling GitHub
holman
458
140k
How STYLIGHT went responsive
nonsquared
93
5.1k
Designing Experiences People Love
moore
138
23k
Documentation Writing (for coders)
carmenintech
65
4.3k
A Modern Web Designer's Workflow
chriscoyier
691
190k
It's Worth the Effort
3n
182
27k
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ʯ։ൃதͰ͢ʂ