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
マルチカーソルのLT
Search
mugi / Hajime Mugishima
October 10, 2019
Programming
0
300
マルチカーソルのLT
2019/10/10 Misoca 秋のLT大会での発表資料です
https://mokuteku.connpass.com/event/146769/
mugi / Hajime Mugishima
October 10, 2019
Tweet
Share
More Decks by mugi / Hajime Mugishima
See All by mugi / Hajime Mugishima
サイボウズフロントエンドの横断活動から考える AI時代にできること
mugi_uno
4
1.6k
令和7年版 あなたが使ってよいフロントエンド機能とは
mugi_uno
14
7k
New Order in Cascade Sorting Order
mugi_uno
3
3.9k
Deep Dive into React Stream/Serialize
mugi_uno
8
2.1k
Next.js App Router での MPA フロントエンド刷新
mugi_uno
41
24k
コロナ禍 Frontend おさらい
mugi_uno
1
460
Toyama.rb
mugi_uno
1
150
kintoneフロントエンド刷新 〜新規参加5ヶ月から見るリアル〜
mugi_uno
3
1.8k
Javaを富山でやってたはずがSwiftのためにMacBook買ったらRubyでリモートワーカーになってJSの本を出版するまでを思い返す
mugi_uno
7
2.6k
Other Decks in Programming
See All in Programming
iOS 17で追加されたSubscriptionStoreView を利用して5分でサブスク実装チャレンジ
natmark
0
510
iOSDC.pdf
chronos2500
2
660
明日から始めるリファクタリング
ryounasso
0
110
iOSエンジニア向けの英語学習アプリを作る!
yukawashouhei
0
160
デミカツ切り抜きで面倒くさいことはPythonにやらせよう
aokswork3
0
170
Pythonスレッドとは結局何なのか? CPython実装から見るNoGIL時代の変化
curekoshimizu
4
1.3k
GraphQL×Railsアプリのデータベース負荷分散 - 月間3,000万人利用サービスを無停止で
koxya
1
1k
タスクの特性や不確実性に応じた最適な作業スタイルの選択(ペアプロ・モブプロ・ソロプロ)と実践 / Optimal Work Style Selection: Pair, Mob, or Solo Programming.
honyanya
3
130
ИИ-Агенты в каждый дом – Алексей Порядин, PythoNN
sobolevn
0
150
Back to the Future: Let me tell you about the ACP protocol
terhechte
0
130
いま中途半端なSwift 6対応をするより、Default ActorやApproachable Concurrencyを有効にしてからでいいんじゃない?
yimajo
2
330
uniqueパッケージの内部実装を支えるweak pointerの話
magavel
0
900
Featured
See All Featured
Building Adaptive Systems
keathley
43
2.8k
Code Reviewing Like a Champion
maltzj
525
40k
Documentation Writing (for coders)
carmenintech
75
5k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Fireside Chat
paigeccino
40
3.7k
The Language of Interfaces
destraynor
162
25k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
9
570
Thoughts on Productivity
jonyablonski
70
4.9k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
The Straight Up "How To Draw Better" Workshop
denniskardys
237
140k
Statistics for Hackers
jakevdp
799
220k
Docker and Python
trallard
46
3.6k
Transcript
マルチカーソルの 2019/10/10 もくテク 秋のLT大会
麦島 一 (むぎしま はじめ) @mugi_uno 自己紹介
マルチカーソル使ってますか
マルチカーソル • エディタで「カーソル」を複数作る機能 • さまざまなエディタで利用可能 VSCode / Atom / SublimeText
/ JetBrain系IDE など →
絵も書ける
よくある利用例
→ "User" を "Person" に変えたいな〜
"User" 部分だけをマルチカーソルで選択 一気に編集
マルチカーソル便利〜!
ʙऴʙ
という方が大半 ʙऴʙ
使いこなすともっと便利に!
ϚϧνΧʔιϧ 参考 マルチカーソルを使わないVSCodeはただのVSCodeだ!
※注意 • VSCodeを例とした説明です • 他エディタでも 考え方は同じはずです • Vim/Emacsの方はきっと マルチカーソルより編集速いはず
マルチカーソルの基本操作
5JQT 2種類のカーソルの作り方がある ↓ 1つずつ作る or 一気に作る
基本的にはただの「カーソル」 ↓ カーソル1つでのキー操作は ほとんどそのまま使える 5JQT
• 単純なキーワード置換 • 一気にセミコロンを付与 ར༻ྫ
実演
クリップボードと組み合わせる
マルチカーソルで選択中のコピー 5JQT ↓ 改行で区切られてコピーされる
ペースト時は独特な挙動をする 5JQT
ペースト内容の行数≠マルチカーソルの数 →すべてのカーソルの位置に 同じ内容を単純にペースト ペースト内容の行数=マルチカーソルの数 →ペースト内容が1行ずつ分解され ひとつひとつのカーソルの位置にペースト 5JQT
• 置換時に入力する代わりにペースト • JSON⇔コードの流用 • 外部ドキュメントからのコード生成 ར༻ྫ
実演
VSCodeの機能と組み合わせる
マルチカーソルに対して VSCodeの各種機能が適用できる 5JQT
• ケース変換 →標準機能 or 'change-case' Extention ར༻ྫ • シーケンシャル値の生成 →
'vscode-input-sequence' Extention • エンコード/デコード → 'Encode Decode' Extention
実演
マルチカーソル生成のコツ 残り時間を確認
前後の共通部に注目する 5JQT
実演
マルチカーソルの弱点
Vimキーバインドとの相性が悪い
Vimのカーソル移動の速度は魅力的...
解決策
None
あしたから使っていきましょう!
None