マルチカーソルのLT

 マルチカーソルのLT

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

0f162107f1b716c9fa62d6071eb8b995?s=128

Hajime Mugishima

October 10, 2019
Tweet

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種類のカーソルの作り方がある ↓ 1つずつ作る or 一気に作る

  17. 基本的にはただの「カーソル」 ↓ カーソル1つでのキー操作は ほとんどそのまま使える 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