マルチカーソルのLT

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

Transcript

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

5. 絵も書ける
   

   View Slide

6. よくある利用例
   

   View Slide

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

   View Slide

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

   View Slide

9. マルチカーソル便利〜！
   

   View Slide

10. ʙऴʙ
    

    View Slide

11. という方が大半
    ʙऴʙ
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

19. 実演
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

25. 実演
    

    View Slide

26. VSCodeの機能と組み合わせる
    

    View Slide

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

    View Slide

28. • ケース変換
    →標準機能 or 'change-case' Extention
    ར༻ྫ
    • シーケンシャル値の生成
    → 'vscode-input-sequence' Extention
    • エンコード/デコード
    → 'Encode Decode' Extention
    

    View Slide

29. 実演
    

    View Slide

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

    View Slide

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

    View Slide

32. 実演
    

    View Slide

33. マルチカーソルの弱点
    

    View Slide

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

    View Slide

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

    View Slide

36. 解決策
    

    View Slide

37. View Slide

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

    View Slide

39. View Slide