Upgrade to Pro — share decks privately, control downloads, hide ads and more …

開発速度を5倍早くするVSCodeの拡張機能を作った

D7da604883d0056673358ed111aa9ec3?s=47 Haruki Murasaki
June 15, 2022
Programming
2
200

 開発速度を5倍早くするVSCodeの拡張機能を作った

2022/06/15 Frontend LT回#7

D7da604883d0056673358ed111aa9ec3?s=128

Haruki Murasaki

June 15, 2022
Tweet

Other Decks in Programming

See All in Programming
How GitHub Supports Vim License Detection, The Five Years Journey
C4ce16f549c450f4759eb37f5d5d1a63?s=48 othree
1
360
企業内スモールデータでのデータ解析
6aceb3377c71b05c1285459c596d1d1f?s=48 hamage9
0
890
VIMRC 2022
E76db8a47bdae9ef76629ecb366483ed?s=48 achimnol
0
130
How to start contributing to Kubernetes Projects
Db3181d9b15867e445d87720bfc59577?s=48 ydfu
0
140
ちょっとつよい足トラ
6a661bb5871208cad64912223bb0c637?s=48 logilabo
0
390
それ全部エラーメッセージに書いてあるよ!〜独学でPHPプログラミングが上達するたった一つの方法〜
B793da271a45d149b52f507bca9f137c?s=48 77web
1
150
WindowsコンテナDojo: 第4回 Red Hat OpenShift Localを使ってみよう
E5eb221d34d4ffbe973f8542b4c3a00e?s=48 oniak3ibm
PRO
0
180
ZOZOTOWNにおけるDatadogの活用と、それを支える全社管理者の取り組み / 2022-07-27
198d69383210fbec8c6bea4a35863c9d?s=48 tippy
1
3.2k
Untangling Coroutine Testing (Droidcon Berlin 2022)
4047c64e3a1e2f81addd4ba675ddc451?s=48 zsmb
1
480
設計の考え方とやり方
8f84b7d8869ef6005d89b378e8661f7c?s=48 masuda220
PRO
53
29k
RustのWebフレームワーク周りの概観
E42cffccdc14c60a449caac8de0ce0e0?s=48 hayao
0
180
話題の AlloyDB は本当に凄いデータベースなのでプレビューを使い倒した #devio2022
Ae763d151aeee101b40ae10cc13ebe63?s=48 maroon1st
0
13k

Featured

See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
498
130k
VelocityConf: Rendering Performance Case Studies
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
316
22k
Building a Scalable Design System with Sketch
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
448
30k
The Illustrated Children's Guide to Kubernetes
0438ae60cde4c7add6f9da48f28c15cc?s=48 chrisshort
18
40k
Pencils Down: Stop Designing & Start Developing
79acae287842acf29084005533a7fb3b?s=48 hursman
113
9.8k
Helping Users Find Their Own Way: Creating Modern Search Experiences
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
7
1.1k
Why You Should Never Use an ORM
88bc30284c6a424b63a92aad27d0ba36?s=48 jnunemaker
PRO
47
7.6k
Designing for humans not robots
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
241
24k
Three Pipe Problems
11c84dff30266b907714802088852677?s=48 jasonvnalue
89
8.7k
Intergalactic Javascript Robots from Outer Space
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
260
25k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
237
19k
The Invisible Customer
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
110
11k

Transcript

  1. 開発速度を5倍早くする VSCodeの拡張機能を作った 2022/06/15 @purp1eeeee

  2. 自己紹介

  3. むらさき 株式会社 HRBrain の 21 卒 TypeScript/React だったり Go だったり

    TwitterとGitHub: @purp1eeeee

  4. 導入 先日読んだ内定者への手紙という本にこんなことが書いてありました 量でも質でもなくスピードを意識せよ スピードはどちらにも転換可能である

  5. 開発スピードを上げるにはどうすればいいんだろう？

  6. 🤔

  7. ...

  8. 💡

  9. コードを書く手を止めなければいいんだ！

  10. Time Bomb 1. インストールしてenabledコマンドを実行する 2. コードを書き始めるとカウントダウンが始まる 3. コードを書く手を止めるとカウントダウンが進み、 コードを書き続けるとカウントダウンが止まる 4.

    もしカウントが0になって爆発したらエディタを強 制終了させる

  11. デモ-起動

  12. デモ-カウントダウン

  13. デモ-爆発

  14. Q & A Q：3秒は早すぎます...せめて5秒に設定できませんか？ A：できません。検証を重ねた結果の3秒です。 Q：エディタの強制終了はやりすぎでは...せめてタブを閉じるとかにしてもらえませんか？ A：できません。検証を重ねた結果、一番焦ることができるアクションにしています。 Q：ぜひインストールしたいのですがVSCodeを使っていません...他のエディタにも対応してもらえませんか？ A：できません。VSCodeに乗り換えてください

  15. 実装 困ったことはthisの束縛

  16. 実装-解決 困ったことはthisの束縛

  17. まとめ VSCodeのAPIが充実していることを知った 久しぶりにvanilaJS(TS)が書けて楽しかった 開発速度が上がるかは自分次第

  18. 終わり ありがとうございました! よかったらtwitterのフォローお願いします! 弊社HRBrainではフロントエンドエンジニアを積極採用中なので気になる方がいればDMください!

  19. None