マルチカーソルのLT

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. 解決策

37. None

38. あしたから使っていきましょう！

39. None