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

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 を使ってたｗ

エディタ変遷 vi 大学入学学部2年 gedit / Vim 学部4年 Atom 社会人になる直前
VSCode

大きな転機が…

英語配列のキーボードに鞍替え • 新卒時代のメンターの影響で英語配列のキーボードを買う • 奮発してRealforceを買ったら思いの外フィットした(合わなかったら損するところだったｗ) • 出先でも英語配列を使いたくて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のキー操作をやってしまうｗ • 入れている拡張機能によってはフッターのVimの入力モードがわかりにくくなることがある • 編集前の状態に戻してもそのステータスがわかりにくくなる

まとめ • 元VimmerがVSCodeに拡張をいれることで両方のいいとこ取りをしたエディタ環境を構築した • キー操作が効率よくなったが、他のエディタを触ると手癖がつくので要注意 • VSCodeのScreencastは結構便利

宣伝 https://bit.ly/3QvlyVv

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

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

KMiura

More Decks by KMiura

Other Decks in Technology

Featured

Transcript