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

VSCodeVim が意外と Vim だった / VSCodeVim is also Vim

VSCodeVim が意外と Vim だった / VSCodeVim is also Vim

ゴリラ.vim #2 発表資料

https://gorillavim.connpass.com/event/121394/

Fumiaki MATSUSHIMA

March 11, 2019
Tweet

More Decks by Fumiaki MATSUSHIMA

Other Decks in Programming

Transcript

  1. #gorillavim VSCodeVim が意外と Vim だった
    @mtsmfm
    Fumiaki Matsushima
    VSCodeVim が意外と Vim だった
    ゴリラ.vim #2 #gorillavim

    View full-size slide

  2. #gorillavim VSCodeVim が意外と Vim だった
    ➔ Web Dev at Quipper
    ➔ Ruby と麻雀と DbD が好き
    ➔ 西日暮里.rb 主催
    ➔ GraphQL Tokyo 主催
    @mtsmfm.inspect

    View full-size slide

  3. #gorillavim VSCodeVim が意外と Vim だった
    https://studysapuri.jp/

    View full-size slide

  4. #gorillavim VSCodeVim が意外と Vim だった

    View full-size slide

  5. #gorillavim VSCodeVim が意外と Vim だった
    https://nishinipporirb.doorkeeper.jp/

    View full-size slide

  6. #gorillavim VSCodeVim が意外と Vim だった
    https://www.meetup.com/ja-JP/GraphQL-Tokyo/

    View full-size slide

  7. #gorillavim VSCodeVim が意外と Vim だった
    https://marketplace.visualstudio.com/items?itemName=mtsmfm.ruby-lsc

    View full-size slide

  8. #gorillavim VSCodeVim が意外と Vim だった
    https://github.com/mtsmfm?utf8=%E2%9C%93&tab=repositories&q=vim&type=public&language=

    View full-size slide

  9. #gorillavim VSCodeVim が意外と Vim だった
    https://github.com/mtsmfm?utf8=%E2%9C%93&tab=repositories&q=vim&type=public&language=

    View full-size slide

  10. #gorillavim VSCodeVim が意外と Vim だった
    https://github.com/mtsmfm/unite-turnip

    View full-size slide

  11. #gorillavim VSCodeVim が意外と Vim だった

    View full-size slide

  12. #gorillavim VSCodeVim が意外と Vim だった
    昔 Atom を試すも
    キーバインドに慣れず
    vim-mode を使っていた

    View full-size slide

  13. #gorillavim VSCodeVim が意外と Vim だった
    https://speakerdeck.com/mtsmfm/find-your-favorite-tools?slide=95

    View full-size slide

  14. #gorillavim VSCodeVim が意外と Vim だった
    https://speakerdeck.com/mtsmfm/find-your-favorite-tools?slide=96

    View full-size slide

  15. #gorillavim VSCodeVim が意外と Vim だった
    https://github.com/VSCodeVim/Vim

    View full-size slide

  16. #gorillavim VSCodeVim が意外と Vim だった
    hjkl で動けるくらいでしょ?
    と思ったら

    View full-size slide

  17. #gorillavim VSCodeVim が意外と Vim だった
    VSCodeVim が
    意外と Vim だった!!!
    ※個人の感想です

    View full-size slide

  18. #gorillavim VSCodeVim が意外と Vim だった
    ※ Atom も
    できることもありそう

    View full-size slide

  19. #gorillavim VSCodeVim が意外と Vim だった
    テキストオブジェクトが使える!
    - ciw とかよく使う
    - 単語を消して insert mode へ

    View full-size slide

  20. #gorillavim VSCodeVim が意外と Vim だった
    https://github.com/VSCodeVim/Vim#vim-surround

    View full-size slide

  21. #gorillavim VSCodeVim が意外と Vim だった
    テキストオブジェクトが使える!
    - ciw とかよく使う
    - 単語を消して insert mode へ
    - ysiw(
    - 単語を() で囲む
    - surround.vim がデフォで入っている!

    View full-size slide

  22. #gorillavim VSCodeVim が意外と Vim だった
    マクロも動く!
    - qayypC-aq して 10@a とか
    - 1..10 まで作る

    View full-size slide

  23. #gorillavim VSCodeVim が意外と Vim だった
    ※一部未対応な模様
    https://github.com/VSCodeVim/Vim/blob/6a72bd49de5e88e9bad566df5c8e4a2a
    a8b25516/ROADMAP.md

    View full-size slide

  24. #gorillavim VSCodeVim が意外と Vim だった
    よくある設定は移行できる!
    - jj で esc とか

    View full-size slide

  25. #gorillavim VSCodeVim が意外と Vim だった
    よくある設定は移行できる!
    - yank 先を OS のクリップボードにするとか

    View full-size slide

  26. #gorillavim VSCodeVim が意外と Vim だった
    困ったら Vim がさっと起動できる!
    - 内蔵ターミナルがよくできている!
    - xterm.js をフォークしている模様
    - https://github.com/Microsoft/xterm.js

    View full-size slide

  27. #gorillavim VSCodeVim が意外と Vim だった
    VSCode
    VSCode 内
    ターミナル内
    Vim

    View full-size slide

  28. #gorillavim VSCodeVim が意外と Vim だった
    実質 Vim

    View full-size slide

  29. #gorillavim VSCodeVim が意外と Vim だった
    VSCodeVim のつらいところ
    - Vim script は動かないので、欲しいものは JS
    で再実装が必要そう
    - C-v しての複数行操作はちょっと怪しいかも
    - 重めの拡張と一緒に使うとすごく遅くなって操作
    が辛い
    - 依存が多い TypeScript プロジェクトとかだと
    VSCodeVim をオフにしている...

    View full-size slide

  30. #gorillavim VSCodeVim が意外と Vim だった
    普段使う技術の延長でデバッグできそう

    View full-size slide

  31. #gorillavim VSCodeVim が意外と Vim だった
    https://www.amazon.co.jp/dp/B00HWLJI3U
    "思考のスピードで
    編集しよう"

    View full-size slide

  32. #gorillavim VSCodeVim が意外と Vim だった
    ゴリラ.vim きっかけで contribute
    https://github.com/VSCodeVim/Vim/pull/3574

    View full-size slide

  33. #gorillavim VSCodeVim が意外と Vim だった
    思考のスピードで
    編集できるよう
    やっていくぞ

    View full-size slide