Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Vimの話

2,886 views

Published on

Gunma.web#17の発表です

Published in: Technology
  • Be the first to comment

Vimの話

  1. 1. vimの話 @clicktx 2014.9.20 Gunma.web #17
  2. 2. Profilo • Nome:すぎむら むねのり • Twitter: @clicktx • Lingua: Perl • Laboro: アマグラマー
  3. 3. vim 今回のテーマ
  4. 4. 今回のテーマ vim化 正確に言うと
  5. 5. vim的な操作ができるように するプラグインが多数存在
  6. 6. IDE等 Vrapper http://vrapper.sourceforge.net/home/ jVi http://jvi.sourceforge.net XVim http://programming.jugglershu.net/softwares/xvim.html ViEmu http://www.viemu.com
  7. 7. ブラウザ Vimium https://chrome.google.com/webstore/detail/vimium… Vimperator https://addons.mozilla.org/ja/firefox/addon/vimperator/ https://github.Vimari com/guyht/vimari
  8. 8. イカれてるの ViTunes http://danielchoi.com/software/vitunes.html Vmail http://danielchoi.com/software/vmail.html Vimxls http://www.vector.co.jp/soft/dl/winnt/business/se494158.html
  9. 9. Webにもvim的な操作ができ る流れがきている!
  10. 10. vim的な操作ができるサイト
  11. 11. etc…
  12. 12. 使ってみると • 意外と便利 • むしろ無いと不便 • 自分のサイトにも欲しくな る
  13. 13. jQuery Vimize http://github.com/clicktx/jquery-vimize
  14. 14. vim化あなたのサイトも簡単に
  15. 15. 使い方
  16. 16. jQuery Vimizeの使い方 <script href=“_path_to/jquery.min.js”></script> <script href=“_path_to/jquery.vimize.js”></script> <script> jQuery(function($){ $().vimize(); }); </script>
  17. 17. jQuery Vimizeの使い方 初期設定 <script> jQuery(function($){ $().vimize({ homePagePath: '/', searchBoxSelector: 'input#se', selectors: { 0: '.posttitle a, .navigationpost a', 1: '#sidebar a', }, defaultSelectors: 0 }); }); </script>
  18. 18. コマンド
  19. 19. コマンド • キャンセル    esc • 検索        / ? ctrl+w • 移動        h j k l 0 $ • スクロール    d u ctrl+d ctrl+u            gg G • ブラウザ操作  - b n • 他         :cmd
  20. 20. デモ
  21. 21. コマンドモード :cat :neko :nyan
  22. 22. デモ
  23. 23. 気になった方は 是非試してみてくださ い!
  24. 24. 本日はvimの話たくさん しましたけど
  25. 25. I ♥
  26. 26. ご清聴ありがとうございまし た @clicktx

×