マルチカーソルのLT

2019/10/10 Misoca 秋のLT大会での発表資料です
https://mokuteku.connpass.com/event/146769/

Transcript

1. マルチカーソルの 2019/10/10 もくテク 秋のLT大会
2. 麦島 一 (むぎしま はじめ) @mugi_uno 自己紹介
3. マルチカーソル使ってますか
4. マルチカーソル • エディタで「カーソル」を複数作る機能 • さまざまなエディタで利用可能 VSCode / Atom / SublimeText / JetBrain系IDE など →
5. 絵も書ける
6. よくある利用例
7. → "User" を "Person" に変えたいな〜
8. "User" 部分だけをマルチカーソルで選択 一気に編集
9. マルチカーソル便利〜！
10. ʙऴʙ
11. という方が大半 ʙऴʙ
12. 使いこなすともっと便利に！
13. 
    
    ϚϧνΧʔιϧ 参考 マルチカーソルを使わないVSCodeはただのVSCodeだ！
14. ※注意 • VSCodeを例とした説明です • 他エディタでも 考え方は同じはずです • Vim/Emacsの方はきっと マルチカーソルより編集速いはず
15. マルチカーソルの基本操作
16. 5JQT 2種類のカーソルの作り方がある ↓ １つずつ作る or 一気に作る
17. 基本的にはただの「カーソル」 ↓ カーソル１つでのキー操作は ほとんどそのまま使える 5JQT
18. • 単純なキーワード置換 • 一気にセミコロンを付与 ར༻ྫ
19. 実演
20. クリップボードと組み合わせる
21. マルチカーソルで選択中のコピー 5JQT ↓ 改行で区切られてコピーされる
22. ペースト時は独特な挙動をする 5JQT
23. ペースト内容の行数≠マルチカーソルの数 →すべてのカーソルの位置に 同じ内容を単純にペースト ペースト内容の行数=マルチカーソルの数 →ペースト内容が1行ずつ分解され ひとつひとつのカーソルの位置にペースト 5JQT
24. • 置換時に入力する代わりにペースト • JSON⇔コードの流用 • 外部ドキュメントからのコード生成 ར༻ྫ
25. 実演
26. VSCodeの機能と組み合わせる
27. マルチカーソルに対して VSCodeの各種機能が適用できる 5JQT
28. • ケース変換 →標準機能 or 'change-case' Extention ར༻ྫ • シーケンシャル値の生成 → 'vscode-input-sequence' Extention • エンコード/デコード → 'Encode Decode' Extention
29. 実演
30. マルチカーソル生成のコツ 残り時間を確認
31. 前後の共通部に注目する 5JQT
32. 実演
33. マルチカーソルの弱点
34. Vimキーバインドとの相性が悪い
35. Vimのカーソル移動の速度は魅力的...
36. 解決策
38. あしたから使っていきましょう！