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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
KMiura
June 07, 2024
Technology
0
1.3k
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
1.1k
Amazon Rekognitionを使ったインターホンハック
miura55
0
100
Pythonでルンバをハックしてみた
miura55
0
200
あなたの知らないクラフトビールの世界
miura55
0
390
Storage Browser for Amazon S3を触ってみた + α
miura55
0
250
Cloudflare R2をトリガーにCloudflare Workersを動かしてみた
miura55
0
250
あのボタンでつながるSORACOM
miura55
0
160
Postman Flowsで作るAPI連携LINE Bot
miura55
0
410
Lambdaと共に歩んだAWS
miura55
3
920
Other Decks in Technology
See All in Technology
AIが実装する時代、人間は仕様と検証を設計する
gotalab555
1
650
【Oracle Cloud ウェビナー】[Oracle AI Database + AWS] Oracle Database@AWSで広がるクラウドの新たな選択肢とAI時代のデータ戦略
oracle4engineer
PRO
2
190
GitHub Copilot CLI を使いやすくしよう
tsubakimoto_s
0
110
配列に見る bash と zsh の違い
kazzpapa3
3
170
ランサムウェア対策としてのpnpm導入のススメ
ishikawa_satoru
0
230
Bedrock PolicyでAmazon Bedrock Guardrails利用を強制してみた
yuu551
0
270
OCI Database Management サービス詳細
oracle4engineer
PRO
1
7.4k
顧客との商談議事録をみんなで読んで顧客解像度を上げよう
shibayu36
0
350
ECS障害を例に学ぶ、インシデント対応に備えたAIエージェントの育て方 / How to develop AI agents for incident response with ECS outage
iselegant
4
460
SREが向き合う大規模リアーキテクチャ 〜信頼性とアジリティの両立〜
zepprix
0
480
AIエージェントを開発しよう!-AgentCore活用の勘所-
yukiogawa
0
200
猫でもわかるKiro CLI(セキュリティ編)
kentapapa
0
130
Featured
See All Featured
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.4k
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
190
The untapped power of vector embeddings
frankvandijk
1
1.6k
Making the Leap to Tech Lead
cromwellryan
135
9.7k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
196
71k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.3k
Building an army of robots
kneath
306
46k
Context Engineering - Making Every Token Count
addyosmani
9
670
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
470
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
60
42k
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
140
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