vim の話

@clicktx

2014.9.20 Gunma.web #17

Profilo

• Nome ：すぎむら むねのり

• Twitter: @clicktx

• Lingua: Perl

• Laboro: アマグラマー

vim今回のテーマ

vim 化今回のテーマ

正確に言うと

vim 的な操作ができるように

するプラグインが多数存在

http://www.viemu.comViEmu

http://programming.jugglershu.net/softwares/xvim.htmlXVim

http://vrapper.sourceforge.net/home/Vrapper

IDE 等

http://jvi.sourceforge.netjVi

ブラウザ

https://github.com/guyht/vimariVimari

https://addons.mozilla.org/ja/firefox/addon/vimperator/Vimperator

https://chrome.google.com/webstore/detail/vimium…Vimium

イカれてるの

http://www.vector.co.jp/soft/dl/winnt/business/se494158.htmlVimxls

http://danielchoi.com/software/vmail.htmlVmail

http://danielchoi.com/software/vitunes.htmlViTunes

Web にも vim 的な操作ができ

る流れがきている！

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

etc…

使ってみると

• 意外と便利

• むしろ無いと不便

• 自分のサイトにも欲しくなる

jQuery Vimize

http://github.com/clicktx/jquery-vimize

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

使い方

jQuery Vimize の使い方

<script href=“_path_to/jquery.min.js”></script><script href=“_path_to/jquery.vimize.js”></script>

<script> jQuery(function($){ $().vimize(); });</script>

jQuery Vimize の使い方

初期設定

<script> jQuery(function($){ $().vimize({ homePagePath: '/', searchBoxSelector: 'input#se', selectors: { 0: '.posttitle a, .navigationpost a', 1: '#sidebar a', }, defaultSelectors: 0 }); });</script>

コマンド

コマンド

• キャンセル　　　 esc• 検索　　　　　　 / ? ctrl+w• 移動　　　　　　 　 h j k l 0 $• スクロール　　 　 d u ctrl+d ctrl+u

　　　　　　　　　　 gg G• ブラウザ操作　　 - b n• 他　　　　　　　　　 :cmd

デモ

コマンドモード

:cat

:neko

:nyan

デモ

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

い！

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

I ♥

ご清聴ありがとうございました

@clicktx