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
180
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
AWS×IoTについて語り合う会
miura55
0
60
クラウドを活用して家電をハックしてみた
miura55
0
55
Amplify Gen2でLambda構築してみた
miura55
0
72
Amplify Gen2でLambda構築してみた
miura55
1
500
Amplify Gen2がGAされたので試してみた
miura55
0
81
オープンソースのロボットソフトウェア「ROS」で地図作成を試してみた
miura55
0
280
Cloudflare WorkersがPythonに対応したので試してみた
miura55
0
400
個人のAWSアカウントをマルチ運用してみた
miura55
2
360
さらばあのボタンとは言わせない SORACOM LTE-M Button powerd by AWSをまだ使えるようにした(前編?)
miura55
0
180
Other Decks in Technology
See All in Technology
大規模ドラレコデータ収集・機械学習基盤を支える AWS CDK 〜導入・運用事例紹介〜
pemugi
0
110
Azure AI ことはじめ
tsubakimoto_s
0
130
dxd2024-生成AIに振り回された3か月間の成功と失敗/dxd2024-link-and-motivation
lmi
2
260
Azure Pipelinesを使用したCICDベースラインアーキテクチャ実践
yuriemori
0
190
推薦システムを本番導入する上で一番優先すべきだったこと~NewsPicks記事推薦機能の改善事例を元に~
morinota
0
120
Flutter研修【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
160
開発と事業を繋ぐ!SREのオブザーバビリティ戦略 ~ Developers Summit 2024 Summer ~
leveragestech
0
630
スタートアップにおける組織設計とスクラムの長期戦略 / Scrum Fest Kanazawa 2024
yoshikiiida
13
3.6k
技術負債による事業の失敗はなぜ起こるのか / Why do business failures due to technical debt occur?
i35_267
0
190
AWS IAMのアンチパターン/AWSが考える最低権限実現へのアプローチ概略(JAWS-UG朝会#59資料改修20分版)
htan
0
330
運用改善、不都合な真実 / 20240722-ssmjp-kaizen
opelab
17
8k
エンジニアの生存戦略 〜クラウド潮流の経験から紐解く技術トレンドのメカニズムと乗りこなし方〜
shimy
9
1.9k
Featured
See All Featured
WebSockets: Embracing the real-time Web
robhawkes
59
7.2k
Side Projects
sachag
451
42k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
24
1.8k
The Art of Programming - Codeland 2020
erikaheidi
48
13k
The Brand Is Dead. Long Live the Brand.
mthomps
52
36k
Web development in the modern age
philhawksworth
203
10k
Fireside Chat
paigeccino
25
2.8k
Adopting Sorbet at Scale
ufuk
71
8.8k
Happy Clients
brianwarren
94
6.5k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
360
22k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Automating Front-end Workflow
addyosmani
1362
200k
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