マルチカーソルのLT

Transcript

1. 1.

   マルチカーソルの 2019/10/10 もくテク 秋のLT大会

2. 2.

   麦島 一 (むぎしま はじめ) @mugi_uno 自己紹介

3. 3.

   マルチカーソル使ってますか

4. 4.

   マルチカーソル • エディタで「カーソル」を複数作る機能 • さまざまなエディタで利用可能 VSCode / Atom / SublimeText

   / JetBrain系IDE など →
5. 5.

   絵も書ける

6. 6.

   よくある利用例

7. 7.

   → "User" を "Person" に変えたいな〜

8. 8.

   "User" 部分だけをマルチカーソルで選択 一気に編集

9. 9.

   マルチカーソル便利〜！

10. 10.

    ʙऴʙ

11. 11.

    という方が大半 ʙऴʙ

12. 12.

    使いこなすともっと便利に！

13. 13.

    
    
    ϚϧνΧʔιϧ 参考 マルチカーソルを使わないVSCodeはただのVSCodeだ！

14. 14.

    ※注意 • VSCodeを例とした説明です • 他エディタでも 考え方は同じはずです • Vim/Emacsの方はきっと マルチカーソルより編集速いはず

15. 15.

    マルチカーソルの基本操作

16. 16.

    5JQT 2種類のカーソルの作り方がある ↓ １つずつ作る or 一気に作る

17. 17.

    基本的にはただの「カーソル」 ↓ カーソル１つでのキー操作は ほとんどそのまま使える 5JQT

18. 18.

    • 単純なキーワード置換 • 一気にセミコロンを付与 ར༻ྫ

19. 19.

    実演

20. 20.

    クリップボードと組み合わせる

21. 21.

    マルチカーソルで選択中のコピー 5JQT ↓ 改行で区切られてコピーされる

22. 22.

    ペースト時は独特な挙動をする 5JQT

23. 23.

    ペースト内容の行数≠マルチカーソルの数 →すべてのカーソルの位置に 同じ内容を単純にペースト ペースト内容の行数=マルチカーソルの数 →ペースト内容が1行ずつ分解され ひとつひとつのカーソルの位置にペースト 5JQT

24. 24.

    • 置換時に入力する代わりにペースト • JSON⇔コードの流用 • 外部ドキュメントからのコード生成 ར༻ྫ

25. 25.

    実演

26. 26.

    VSCodeの機能と組み合わせる

27. 27.

    マルチカーソルに対して VSCodeの各種機能が適用できる 5JQT

28. 28.

    • ケース変換 →標準機能 or 'change-case' Extention ར༻ྫ • シーケンシャル値の生成 →

    'vscode-input-sequence' Extention • エンコード/デコード → 'Encode Decode' Extention
29. 29.

    実演

30. 30.

    マルチカーソル生成のコツ 残り時間を確認

31. 31.

    前後の共通部に注目する 5JQT

32. 32.

    実演

33. 33.

    マルチカーソルの弱点

34. 34.

    Vimキーバインドとの相性が悪い

35. 35.

    Vimのカーソル移動の速度は魅力的...

36. 36.

    解決策

37. 37.

    None
38. 38.

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

39. 39.

    None