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
開発速度を5倍早くするVSCodeの拡張機能を作った
Search
Haruki Murasaki
June 15, 2022
Programming
2
430
開発速度を5倍早くするVSCodeの拡張機能を作った
2022/06/15 Frontend LT回#7
Haruki Murasaki
June 15, 2022
Tweet
Share
More Decks by Haruki Murasaki
See All by Haruki Murasaki
5分でtRPCに入門する
purp1eeeee
0
510
Other Decks in Programming
See All in Programming
Fibonacci Function Gallery - Part 2
philipschwarz
PRO
0
230
社内フレームワークとその依存性解決 / in-house framework and its dependency management
vvakame
1
500
Amazon Bedrock Multi Agentsを試してきた
tm2
1
220
asdf-ecspresso作って 友達が増えた話 / Fujiwara Tech Conference 2025
koluku
0
1.6k
React 19でお手軽にCSS-in-JSを自作する
yukukotani
5
600
Terraform で作る Amazon ECS の CI/CD パイプライン
hiyanger
0
110
オニオンアーキテクチャを使って、 Unityと.NETでコードを共有する
soi013
0
380
チームの立て直し施策をGoogleの 『効果的なチーム』と見比べてみた
maroon8021
0
270
chibiccをCILに移植した結果 (NGK2025S版)
kekyo
PRO
0
190
はてなにおけるfujiwara-wareの活用やecspressoのCI/CD構成 / Fujiwara Tech Conference 2025
cohalz
3
3.2k
最近のVS Codeで気になるニュース 2025/01
74th
1
240
EC2からECSへ 念願のコンテナ移行と巨大レガシーPHPアプリケーションの再構築
sumiyae
3
630
Featured
See All Featured
Designing for humans not robots
tammielis
250
25k
4 Signs Your Business is Dying
shpigford
182
22k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
39
1.9k
Faster Mobile Websites
deanohume
305
30k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
It's Worth the Effort
3n
184
28k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
51k
KATA
mclloyd
29
14k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
990
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Transcript
開発速度を5倍早くする VSCodeの拡張機能を作った 2022/06/15 @purp1eeeee
自己紹介
むらさき 株式会社 HRBrain の 21 卒 TypeScript/React だったり Go だったり
TwitterとGitHub: @purp1eeeee
導入 先日読んだ内定者への手紙という本にこんなことが書いてありました 量でも質でもなくスピードを意識せよ スピードはどちらにも転換可能である
開発スピードを上げるにはどうすればいいんだろう?
🤔
...
💡
コードを書く手を止めなければいいんだ!
Time Bomb 1. インストールしてenabledコマンドを実行する 2. コードを書き始めるとカウントダウンが始まる 3. コードを書く手を止めるとカウントダウンが進み、 コードを書き続けるとカウントダウンが止まる 4.
もしカウントが0になって爆発したらエディタを強 制終了させる
デモ-起動
デモ-カウントダウン
デモ-爆発
Q & A Q:3秒は早すぎます...せめて5秒に設定できませんか? A:できません。検証を重ねた結果の3秒です。 Q:エディタの強制終了はやりすぎでは...せめてタブを閉じるとかにしてもらえませんか? A:できません。検証を重ねた結果、一番焦ることができるアクションにしています。 Q:ぜひインストールしたいのですがVSCodeを使っていません...他のエディタにも対応してもらえませんか? A:できません。VSCodeに乗り換えてください
実装 困ったことはthisの束縛
実装-解決 困ったことはthisの束縛
まとめ VSCodeのAPIが充実していることを知った 久しぶりにvanilaJS(TS)が書けて楽しかった 開発速度が上がるかは自分次第
終わり ありがとうございました! よかったらtwitterのフォローお願いします! 弊社HRBrainではフロントエンドエンジニアを積極採用中なので気になる方がいればDMください!
None