vimの話 
@clicktx 
2014.9.20 Gunma.web #17
Profilo 
• Nome:すぎむら むねのり 
• Twitter: @clicktx 
• Lingua: Perl 
• Laboro: アマグラマー
vim 
今回のテーマ
今回のテーマ 
vim化 
正確に言うと
Vimの話
vim的な操作ができるように 
するプラグインが多数存在
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
ブラウザ 
Vimium 
https://chrome.google.com/webstore/detail/vimium… 
Vimperator 
https://addons.mozilla.org/ja/firefox/addon/vimperator/ 
https://github.Vimari com/guyht/vimari
イカれてるの 
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
Webにもvim的な操作ができ 
る流れがきている!
vim的な操作ができるサイト
Vimの話
Vimの話
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の話たくさん 
しましたけど
Vimの話
I ♥
ご清聴ありがとうございまし 
た 
@clicktx

More Related Content

PDF
Introduction to Vim plugins developed by non-Japanese Vimmer (Japanese version)
PDF
Vimの魔術
ODP
Vimperator abc
ODP
modern X86 environment
PDF
かなりすごい発表(かなり) at VimConf2014
PDF
10分で作るScala開発環境 using vim
PDF
neobundle.vimについて+おまけ
PDF
Vimはこわくない
Introduction to Vim plugins developed by non-Japanese Vimmer (Japanese version)
Vimの魔術
Vimperator abc
modern X86 environment
かなりすごい発表(かなり) at VimConf2014
10分で作るScala開発環境 using vim
neobundle.vimについて+おまけ
Vimはこわくない

Viewers also liked (13)

PPT
LDDによるWebアプリケーション開発
PPT
Koi::Bana〜恋に落ちたエンジニア〜
PPT
モダンでオサレなwebサイト
KEY
Agavi update-2011 at PHP Conference Japan 2011
PPTX
Agavi updates
PPT
20% - Gunma.web#15
PPT
EC-CUBE on Bootstrap3 - Gunma.web#16
PDF
[Phpカンファレンス関西2014 lt]動けばいいじゃない
PDF
あの日見たMVCを僕たちはまだ知らない for RoR
PPT
Perl Beginners #7 おとなのWAF
PPT
おとなのテキストマイニング
PDF
Validações no Ruby on Rails
KEY
やはりお前らのMVCは間違っている
LDDによるWebアプリケーション開発
Koi::Bana〜恋に落ちたエンジニア〜
モダンでオサレなwebサイト
Agavi update-2011 at PHP Conference Japan 2011
Agavi updates
20% - Gunma.web#15
EC-CUBE on Bootstrap3 - Gunma.web#16
[Phpカンファレンス関西2014 lt]動けばいいじゃない
あの日見たMVCを僕たちはまだ知らない for RoR
Perl Beginners #7 おとなのWAF
おとなのテキストマイニング
Validações no Ruby on Rails
やはりお前らのMVCは間違っている
Ad

Similar to Vimの話 (14)

PDF
「Vimrcリーディングに役立ちそうな」vimrcの設定とplugin管理
 
PPTX
2016 04-15 nl-nagoya_vim8
PDF
Vim = VM
PDF
Tdd vim
PDF
vimプラグインでよりよい(ry
PDF
今どきのPerl開発にvimを対応させる
PDF
「とても小さいVim」vim tiny
 
PPTX
2014 12-06 ngk2014-b_2014年のvim
PDF
GitHubで見つかるFileMaker関連ソフトウェア
PDF
Arduino を PHP で制御する
PDF
気軽にVRMアプリを出してみよう
PDF
Unite with script
PDF
Vagrant(私立キャンプlt)
PDF
配布用Dotcloudによるすぐ始めるtwitterwebアプリ開発#twtr hack
「Vimrcリーディングに役立ちそうな」vimrcの設定とplugin管理
 
2016 04-15 nl-nagoya_vim8
Vim = VM
Tdd vim
vimプラグインでよりよい(ry
今どきのPerl開発にvimを対応させる
「とても小さいVim」vim tiny
 
2014 12-06 ngk2014-b_2014年のvim
GitHubで見つかるFileMaker関連ソフトウェア
Arduino を PHP で制御する
気軽にVRMアプリを出してみよう
Unite with script
Vagrant(私立キャンプlt)
配布用Dotcloudによるすぐ始めるtwitterwebアプリ開発#twtr hack
Ad

Recently uploaded (11)

PDF
ココロ分解帳|感情をやさしく分解し自分と他者を理解するためのモバイルノートアプリ
PPTX
Cosense - 整えずして完全勝利!Cosenseが他のwikiツールと違う理由
PDF
翔泳社 「C++ ゼロからはじめるプログラミング」対応 C++学習教材(三谷純)
PDF
20250823_IoTLT_vol126_kitazaki_v1___.pdf
PDF
20250826_Devinで切り拓く沖縄ITの未来_AI駆動開発勉強会 沖縄支部 第2回
PDF
Working as an OSS Developer at Ruby Association Activity Report 2025
PDF
Geminiの出力崩壊 本レポートは、Googleの大規模言語モデル「Gemini 2.5」が、特定の画像と短文入力に対して、誤った地名を推定し、最終的に...
PDF
R-SCoRe: Revisiting Scene Coordinate Regression for Robust Large-Scale Visual...
PPTX
生成AIとモデルベース開発:実はとても相性が良いことを説明します。まあそうだろうなと思われる方はご覧ください。
PDF
Yamaha DT200WR Real Enduro ENGINE CYLINDER TRANSMISSION
ココロ分解帳|感情をやさしく分解し自分と他者を理解するためのモバイルノートアプリ
Cosense - 整えずして完全勝利!Cosenseが他のwikiツールと違う理由
翔泳社 「C++ ゼロからはじめるプログラミング」対応 C++学習教材(三谷純)
20250823_IoTLT_vol126_kitazaki_v1___.pdf
20250826_Devinで切り拓く沖縄ITの未来_AI駆動開発勉強会 沖縄支部 第2回
Working as an OSS Developer at Ruby Association Activity Report 2025
Geminiの出力崩壊 本レポートは、Googleの大規模言語モデル「Gemini 2.5」が、特定の画像と短文入力に対して、誤った地名を推定し、最終的に...
R-SCoRe: Revisiting Scene Coordinate Regression for Robust Large-Scale Visual...
生成AIとモデルベース開発:実はとても相性が良いことを説明します。まあそうだろうなと思われる方はご覧ください。
Yamaha DT200WR Real Enduro ENGINE CYLINDER TRANSMISSION

Vimの話