VS CodeとVimが好きなエンジニアが考えた最強のエディタ

2024/06/07 「好きなエディタについて語ろう！エディタトーークLT会」
https://nagoya-it.connpass.com/event/319135/

Transcript

1. VS CodeとVimが好きなエンジニアが考えた 最強のエディタ KMiura(@k_miura_io)
2. 自己紹介 • 三浦 耕生(こうき) • オフィスDXのSaaSのバックエンド エンジニア • JAWS UG名古屋運営 • Cloudflare Meetup 名古屋運営 @k_miura_io koki.miura05
3. エディタの変遷
4. 大学入学して • プログラムはターミナルでやるものという考えが刷り込まれていた • viでプログラムを書いて、保存、編集、カーソル移動をすべてキーボー ドでやることに最初慣れなかった • Mac、LinuxとUnixの世界に片足突っ込んだ
5. 大学2年～就活直前 • メインの開発機がUbuntu • Vimでの開発を強要された • コピペはgedit(Ubuntuにある デフォルトのエディタ)
6. 就活～大学院 • 東京の会社へ就活行った時に参加 した勉強会でAtomを知る • 自分好みのデザインにできるのが魅 力的 • カスタムしすぎるとクソ重くなる…
7. 社会人になる直前 • MS製品のくせにクソ軽くて使いやすい… • どれだけ拡張機能いれても動作が重くな らない • 新卒時代の会社はIntelliJのライセンス付 与されてたけどそれでもブレずにVSCode を使ってたｗ
8. エディタ変遷 vi 大学入学 学部2年 gedit / Vim 学部4年 Atom 社会人になる直前 VSCode
9. 大きな転機が…
10. 英語配列のキーボードに鞍替え • 新卒時代のメンターの影響で英語配列のキー ボードを買う • 奮発してRealforceを買ったら思いの外フィッ トした(合わなかったら損するところだったｗ) • 出先でも英語配列を使いたくてHHKBも買う
11. 久々にVimを触ってみたら… あれ、昔より使い やすくね？ ↑ 社会に馴染めない僕(イメージ)
12. Vim / VSCodeの両刀遣いに Vimのキーバイン ドは合理的だけ ど、VSCodeの拡 張性は便利 両方のいいとこ取り できる方法はない だろうか…
13. 会社の勉強会で… IntelliJにVim拡張機能入れて キーバインドをカスタムしてます ↑話を聞いている(ふりをしている)僕 そんなことできるんだ…
14. VSCodeにもそういう機能があった https://marketplace.visualstudio.com/items?itemName=vscodevim.vim
15. 動かしたときの挙動
16. VSCodeのVim拡張 • エディタ内でのカーソル移動やコードのコピペ などがVimと同じように操作できる • VSCodeのショートカットも使えるが、それが Vimとかぶる時はVimが優先される • あくまでVimのキーバインドをエミュレートして いるだけなので自分で設定しているVim拡張 は使えない ↑ VSCodeのScreencastを有効にす るとキー入力を表示できる
17. Vim拡張を入れたことへの弊害 • 普段の作業を自分のVSCodeでやっているので人のVSCodeを使う時 に手癖でVimのキー操作をやってしまうｗ • 入れている拡張機能によってはフッターのVimの入力モードがわかり にくくなることがある • 編集前の状態に戻してもそのステータスがわかりにくくなる
18. まとめ • 元VimmerがVSCodeに拡張をいれることで両方のいいとこ取りをした エディタ環境を構築した • キー操作が効率よくなったが、他のエディタを触ると手癖がつくので要 注意 • VSCodeのScreencastは結構便利
19. 宣伝 https://bit.ly/3QvlyVv
20. END