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
VS CodeとVimが好きなエンジニアが考えた最強のエディタ
Search
KMiura
June 07, 2024
Technology
0
230
VS CodeとVimが好きなエンジニアが考えた最強のエディタ
2024/06/07 「好きなエディタについて語ろう!エディタトーークLT会」
https://nagoya-it.connpass.com/event/319135/
KMiura
June 07, 2024
Tweet
Share
More Decks by KMiura
See All by KMiura
Bedrock Knowledge baseを使って今年の上半期のニュースを聞いてみた(リベンジ編)
miura55
0
140
Is it wrong to use a web framework with Lambda?
miura55
0
99
Bedrock Knowledge baseを使って今年の上半期のニュースを聞いてみた
miura55
0
110
AWS×IoTについて語り合う会
miura55
0
78
クラウドを活用して家電をハックしてみた
miura55
0
72
Amplify Gen2でLambda構築してみた
miura55
0
98
Amplify Gen2でLambda構築してみた
miura55
1
680
Amplify Gen2がGAされたので試してみた
miura55
0
110
オープンソースのロボットソフトウェア「ROS」で地図作成を試してみた
miura55
0
320
Other Decks in Technology
See All in Technology
Binary Authorizationと友達になろう / Let's be friends with Binary Authorization
iselegant
2
140
Oracle Database 23ai 新機能 #3 Oracle Globally Distributed Database(GDD)
oracle4engineer
PRO
1
160
Functional TypeScript
naoya
7
3.4k
技術力あげたい
hisaichi5518
2
2.9k
CRTO/CRTL/OSEPの比較・勉強法とAV/EDRの検知実験
chayakonanaika
1
920
デジタル化・DX推進あるある
y150saya
0
230
HolidayJp.jl を作りました
mrkn
0
110
Azure SQL Database Hyperscale HA レプリカの監視
sansantech
PRO
0
210
Discover Your Tailored Platform Strategy with Real-World Practice
hhiroshell
1
140
RAGHack: Building RAG apps in Python
pamelafox
0
120
中規模・ミドルTier開発組織におけるDevRelの戦略と実行と成果 - DevRel Guild Conference Mini -
leveragestech
2
280
20分で分かるIAM全機能 (拡大版) / 20240903-jawsug-yokohama-iam
opelab
3
130
Featured
See All Featured
WebSockets: Embracing the real-time Web
robhawkes
59
7.3k
Ruby is Unlike a Banana
tanoku
96
10k
Happy Clients
brianwarren
96
6.6k
Optimizing for Happiness
mojombo
375
69k
What’s in a name? Adding method to the madness
productmarketing
PRO
21
3k
Unsuck your backbone
ammeep
667
57k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
103
47k
[RailsConf 2023] Rails as a piece of cake
palkan
44
4.6k
The Language of Interfaces
destraynor
153
23k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
Fantastic passwords and where to find them - at NoRuKo
philnash
47
2.8k
Learning to Love Humans: Emotional Interface Design
aarron
270
40k
Transcript
VS CodeとVimが好きなエンジニアが考えた 最強のエディタ KMiura(@k_miura_io)
自己紹介 • 三浦 耕生(こうき) • オフィスDXのSaaSのバックエンド エンジニア • JAWS UG名古屋運営
• Cloudflare Meetup 名古屋運営 @k_miura_io koki.miura05
エディタの変遷
大学入学して • プログラムはターミナルでやるものという考えが刷り込まれていた • viでプログラムを書いて、保存、編集、カーソル移動をすべてキーボー ドでやることに最初慣れなかった • Mac、LinuxとUnixの世界に片足突っ込んだ
大学2年~就活直前 • メインの開発機がUbuntu • Vimでの開発を強要された • コピペはgedit(Ubuntuにある デフォルトのエディタ)
就活~大学院 • 東京の会社へ就活行った時に参加 した勉強会でAtomを知る • 自分好みのデザインにできるのが魅 力的 • カスタムしすぎるとクソ重くなる…
社会人になる直前 • MS製品のくせにクソ軽くて使いやすい… • どれだけ拡張機能いれても動作が重くな らない • 新卒時代の会社はIntelliJのライセンス付 与されてたけどそれでもブレずにVSCode を使ってたw
エディタ変遷 vi 大学入学 学部2年 gedit / Vim 学部4年 Atom 社会人になる直前
VSCode
大きな転機が…
英語配列のキーボードに鞍替え • 新卒時代のメンターの影響で英語配列のキー ボードを買う • 奮発してRealforceを買ったら思いの外フィッ トした(合わなかったら損するところだったw) • 出先でも英語配列を使いたくてHHKBも買う
久々にVimを触ってみたら… あれ、昔より使い やすくね? ↑ 社会に馴染めない僕(イメージ)
Vim / VSCodeの両刀遣いに Vimのキーバイン ドは合理的だけ ど、VSCodeの拡 張性は便利 両方のいいとこ取り できる方法はない だろうか…
会社の勉強会で… IntelliJにVim拡張機能入れて キーバインドをカスタムしてます ↑話を聞いている(ふりをしている)僕 そんなことできるんだ…
VSCodeにもそういう機能があった https://marketplace.visualstudio.com/items?itemName=vscodevim.vim
動かしたときの挙動
VSCodeのVim拡張 • エディタ内でのカーソル移動やコードのコピペ などがVimと同じように操作できる • VSCodeのショートカットも使えるが、それが Vimとかぶる時はVimが優先される • あくまでVimのキーバインドをエミュレートして いるだけなので自分で設定しているVim拡張
は使えない ↑ VSCodeのScreencastを有効にす るとキー入力を表示できる
Vim拡張を入れたことへの弊害 • 普段の作業を自分のVSCodeでやっているので人のVSCodeを使う時 に手癖でVimのキー操作をやってしまうw • 入れている拡張機能によってはフッターのVimの入力モードがわかり にくくなることがある • 編集前の状態に戻してもそのステータスがわかりにくくなる
まとめ • 元VimmerがVSCodeに拡張をいれることで両方のいいとこ取りをした エディタ環境を構築した • キー操作が効率よくなったが、他のエディタを触ると手癖がつくので要 注意 • VSCodeのScreencastは結構便利
宣伝 https://bit.ly/3QvlyVv
END