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
410
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
運用しているアプリケーションのDBのリプレイスをやってみた
miura55
1
770
Amazon Rekognitionを使ったインターホンハック
miura55
0
32
Pythonでルンバをハックしてみた
miura55
0
80
あなたの知らないクラフトビールの世界
miura55
0
250
Storage Browser for Amazon S3を触ってみた + α
miura55
0
140
Cloudflare R2をトリガーにCloudflare Workersを動かしてみた
miura55
0
140
あのボタンでつながるSORACOM
miura55
0
88
Postman Flowsで作るAPI連携LINE Bot
miura55
0
310
Lambdaと共に歩んだAWS
miura55
3
680
Other Decks in Technology
See All in Technology
エンジニアのためのドキュメント力基礎講座〜構造化思考から始めよう〜(2025/02/15jbug広島#15発表資料)
yasuoyasuo
18
6.9k
個人開発から公式機能へ: PlaywrightとRailsをつなげた3年の軌跡
yusukeiwaki
11
3k
データ資産をシームレスに伝達するためのイベント駆動型アーキテクチャ
kakehashi
PRO
2
570
あれは良かった、あれは苦労したB2B2C型SaaSの新規開発におけるCloud Spanner
hirohito1108
2
670
Oracle Cloud Infrastructure:2025年2月度サービス・アップデート
oracle4engineer
PRO
1
240
クラウドサービス事業者におけるOSS
tagomoris
3
900
OpenID BizDay#17 KYC WG活動報告(法人) / 20250219-BizDay17-KYC-legalidentity
oidfj
0
260
JEDAI Meetup! Databricks AI/BI概要
databricksjapan
0
190
エンジニアが加速させるプロダクトディスカバリー 〜最速で価値ある機能を見つける方法〜 / product discovery accelerated by engineers
rince
4
400
目の前の仕事と向き合うことで成長できる - 仕事とスキルを広げる / Every little bit counts
soudai
26
7.4k
株式会社EventHub・エンジニア採用資料
eventhub
0
4.3k
君も受託系GISエンジニアにならないか
sudataka
2
450
Featured
See All Featured
Fireside Chat
paigeccino
34
3.2k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
How GitHub (no longer) Works
holman
314
140k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
46
2.3k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Writing Fast Ruby
sferik
628
61k
Mobile First: as difficult as doing things right
swwweet
223
9.3k
Code Review Best Practice
trishagee
67
18k
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