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
Hajime Mugishima
October 10, 2019
Programming
0
210
マルチカーソルのLT
2019/10/10 Misoca 秋のLT大会での発表資料です
https://mokuteku.connpass.com/event/146769/
Hajime Mugishima
October 10, 2019
Tweet
Share
More Decks by Hajime Mugishima
See All by Hajime Mugishima
Deep Dive into React Stream/Serialize
mugi_uno
5
1.3k
Next.js App Router での MPA フロントエンド刷新
mugi_uno
37
19k
コロナ禍 Frontend おさらい
mugi_uno
1
390
Toyama.rb
mugi_uno
1
84
kintoneフロントエンド刷新 〜新規参加5ヶ月から見るリアル〜
mugi_uno
3
1.6k
Javaを富山でやってたはずがSwiftのためにMacBook買ったらRubyでリモートワーカーになってJSの本を出版するまでを思い返す
mugi_uno
7
2.5k
脱レガシーフロントエンドのために知っておいたほうがいいこと
mugi_uno
20
7.4k
消費税軽減税率制度
mugi_uno
7
7k
レガシーなフロントエンドに立ち向かう
mugi_uno
1
470
Other Decks in Programming
See All in Programming
The rollercoaster of releasing an Android, iOS, and macOS app with Kotlin Multiplatform | droidcon Berlin
prof18
0
110
CSC307 Lecture 09
javiergs
PRO
1
500
【Go言語】golangci-lintの使い方
tomo1227
0
280
小さな開発会社を作った理由
polidog
0
1.9k
日付と正規化
megmogmog1965
0
140
Ruby メモリ管理 プログラミング
megmogmog1965
0
130
Android開発者のための Kotlin Multiplatform入門
ntaro
0
190
TiDB Serverless ~理想のServerless DBを考える~
soso_15315
1
160
Introduction of Happy Eyeballs Version 2 (RFC8305) to the Socket library
coe401_
1
220
CSC307 Lecture 10
javiergs
PRO
0
310
AWS初心者ってどうやってAWSを学ぶ?〜アプリエンジニアがやってよかったアーキテクチャ学習方法〜
yamanashi_ren01
0
190
Advanced App Shrinking Techniques
cbeyls
2
150
Featured
See All Featured
Leading Effective Engineering Teams 2024
addyosmani
3
300
4 Signs Your Business is Dying
shpigford
178
21k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
121
18k
Visualization
eitanlees
139
14k
How GitHub Uses GitHub to Build GitHub
holman
471
290k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
It's Worth the Effort
3n
181
27k
Making Projects Easy
brettharned
111
5.7k
Building a Modern Day E-commerce SEO Strategy
aleyda
25
6.7k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
248
20k
Embracing the Ebb and Flow
colly
81
4.3k
Stop Working from a Prison Cell
hatefulcrawdad
266
20k
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