Gunma.web#17の発表です

1. vimの話
@clicktx
2014.9.20 Gunma.web #17

2. Profilo
• Nome：すぎむら むねのり
• Twitter: @clicktx
• Lingua: Perl
• Laboro: アマグラマー

3. vim
今回のテーマ

4. 今回のテーマ
vim化
正確に言うと

6. vim的な操作ができるように
するプラグインが多数存在

7. 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

8. ブラウザ
Vimium
https://chrome.google.com/webstore/detail/vimium…
Vimperator
https://addons.mozilla.org/ja/firefox/addon/vimperator/
https://github.Vimari com/guyht/vimari

9. イカれてるの
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

10. Webにもvim的な操作ができ
る流れがきている！

11. vim的な操作ができるサイト

16. etc…

17. 使ってみると
• 意外と便利
• むしろ無いと不便
• 自分のサイトにも欲しくな
る

18. jQuery
Vimize
http://github.com/clicktx/jquery-vimize

19. vim化あなたのサイトも簡単に

20. 使い方

21. jQuery Vimizeの使い方
<script href=“_path_to/jquery.min.js”></script>
<script href=“_path_to/jquery.vimize.js”></script>
<script>
jQuery(function($){
$().vimize();
});
</script>

22. jQuery Vimizeの使い方
初期設定
<script>
jQuery(function($){
$().vimize({
homePagePath: '/',
searchBoxSelector: 'input#se',
selectors: {
0: '.posttitle a, .navigationpost a',
1: '#sidebar a',
},
defaultSelectors: 0
});
});
</script>

23. コマンド

24. コマンド
• キャンセル esc
• 検索 / ? ctrl+w
• 移動 h j k l 0 $
• スクロール d u ctrl+d
ctrl+u
gg G
• ブラウザ操作 - b n
• 他 :cmd

25. デモ

26. コマンドモード
:cat
:neko
:nyan

27. デモ

28. 気になった方は
是非試してみてくださ
い！

29. 本日はvimの話たくさん
しましたけど

31. I ♥

32. ご清聴ありがとうございまし
た
@clicktx