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
500
Other Decks in Programming
See All in Programming
情報漏洩させないための設計
kubotak
5
1.2k
PHPとAPI Platformで作る本格的なWeb APIアプリケーション(入門編) / phpcon 2024 Intro to API Platform
ttskch
0
360
KubeCon NA 2024の全DB関連セッションを紹介
nnaka2992
0
110
Amazon S3 NYJavaSIG 2024-12-12
sullis
0
130
PHPで学ぶプログラミングの教訓 / Lessons in Programming Learned through PHP
nrslib
4
1k
GitHubで育つ コラボレーション文化 : ニフティでのインナーソース挑戦事例 - 2024-12-16 GitHub Universe 2024 Recap in ZOZO
niftycorp
PRO
0
1k
ゆるやかにgolangci-lintのルールを強くする / Kyoto.go #56
utgwkk
2
740
Scalaから始めるOpenFeature入門 / Scalaわいわい勉強会 #4
arthur1
1
380
create_tableをしただけなのに〜囚われのuuid編〜
daisukeshinoku
0
330
数十万行のプロジェクトを Scala 2から3に完全移行した
xuwei_k
0
500
Beyond ORM
77web
11
1.5k
アクターシステムに頼らずEvent Sourcingする方法について
j5ik2o
6
660
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
45
2.3k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7k
VelocityConf: Rendering Performance Case Studies
addyosmani
327
24k
Navigating Team Friction
lara
183
15k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
550
Imperfection Machines: The Place of Print at Facebook
scottboms
266
13k
A Modern Web Designer's Workflow
chriscoyier
693
190k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Done Done
chrislema
182
16k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
230
52k
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