Upgrade to Pro — share decks privately, control downloads, hide ads and more …

マルチカーソルのLT

 マルチカーソルのLT

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

Hajime Mugishima

October 10, 2019
Tweet

More Decks by Hajime Mugishima

Other Decks in Programming

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種類のカーソルの作り方がある

    1つずつ作る or 一気に作る

    View Slide

  17. 基本的にはただの「カーソル」

    カーソル1つでのキー操作は
    ほとんどそのまま使える
    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