第6回山口県WEB勉強会資料「Vim初心者によるVim入門」

1. 2010.11.13 6 Web #YWebGrp第 回山口県 勉強会 1
Vim 初心者による Vim 入門
@haman29

2. 2
自己紹介
● 浜田 恭平 ／カトウくん／はまーん
● 学生：宇部高専 専攻科 経営情報工学専攻
● 研究： SBM 上でのレコメンド , 照応解析
● 就職：来年度から Web エンジニア (ecnavi.co.jp)
● Vim 歴： 1 年ちょっと
● コンタクト
● Twitter : @haman29
● Facebook : kyohei.hamada
● Skype : khama0129

3. 3
Vim って何？
●
プログラマ向けのテキストエディタ
● テキストエディタの例
● メモ帳 , 秀丸 ,Terapad,IMEditor,Emacs,IDE 付属
● しばしば Emacs と比較される
●
操作が特殊 ( モード )

4. 4
歴史
●
軽量の Vi
↓
● 機能豊富な Vim
● Vi IMitation( 模倣 ) Vi IMproved (→ 改良）
※ 詳しくはググってください

5. 5
出会い
●
3 年前 講義で Vi を知る
● 1 年前 インターンシップで Vim を使う
● 社員さんの手つきがかっこいい
● 使いこなしたい欲
● 今ではコーディングは Vim オンリー
● まだまだ初心者
※Emacs や IDE 付属のエディタについてはほとんど触ったことがありません

6. 6
おいしいところ
 CUI
 軽い
 サーバ管理 (ex ssh でログインしていじる )
 カスタマイズ性
 設定ファイル (.vimrc) ，各種 Plugin
 慣れるとコーディングのスピードが速い
 習得コストは高い
 コードを書いていて気持ちいい
 手つきがプロっぽい

7. 7
導入
● Windows
● KaoriYa Vim7.3(2010.11.13 現在 )
 http://www.kaoriya.net/#VIM
 Ubuntu(Linux)
● デフォルトは Vi(vim­tiny)
● $ sudo apt­get install vim
● Mac
● MacVim デフォルトで入っている

8. 8
モード
Normal
( ノーマル )
Command
(EX)
Insert
( 挿入 )
Visual
( ビジュアル )
ESC
ESC
ESC
v,V
Ctrl+v
i,a,o
I,A,O
:
/,?
h,j,k,l,^,$
y,p,d,x
※ESC( エスケープ ) を多用する
選択 置換，検索など
移動 , 削除 , コピー , 貼付など

9. 9
Normal( ノーマル )
 h,j,k,l ４方向 . 左 (h), 下 (j), 上 (k), 右 (l) に移動
 ^,$ 行頭 ( ^), 行末 ($) に移動
 G,gg ファイルの先頭 (gg), 末尾 (G) に移動

dd,yy 1 行削除 (dd),1 行ヤンク / コピー (yy)
 p ペースト
 u,Ctrl+r アンドゥ (u) ＆リドゥ (Ctrl+r)
移動

10. 10
Insert( 挿入 )

i,I,A その場 (i), 行の先頭 (I), 行の末尾 (A)

o,O 前の行 (o), 後ろの行 (O)

11. 11
Command(EX)
 :wq 保存＆終了
 /hoge ”hoge" を検索
 :%s/hoge/fuga/g ”hoge” を” fuga” に置換

12. 12
Visual( ビジュアル )
 v,V その場 (v), 行ごと (V)

13. 13
デモ１
～独特な操作～

14. 14
カスタマイズ
●
ディレクトリ構造 (Ubuntu の例 )
$HOME/.vimrc 設定ファイル
$HOME/.vim/
Autoload/ 自動的に読み込まれるスクリプト
colors/ 色テーマ定義ファイル
doc/ ヘルプドキュメント
ftplugin/ ファイルタイププラグイン
Indent/ インデントスクリプト
plugin/ プラグインスクリプト
syntax/ 文法ファイル
.../ 他にもたくさんあります

15. 15
.vimrc( 設定ファイル )
番号，タブ幅，文字コード，カラースキーマの設定など
※ 前述のコマンド (EX) モードでも設定できる
浜田の例
( 一部 )
僕も他人の .vimrc をコピペして使っているレベルなのでまだまだです

16. 16
プラグイン
 http://www.vim.org/scripts/ で探す
 hoge.vim $HOME/.vim/plugin/ に配置
 hoge.tar.gz .zip 解凍して指定されたディレクトリに配置

17. 17
浜田が入れている plugin 例
 Neocomplcache
 補完候補を自動でポップアップ
 https://github.com/Shougo/neocomplcache
 NERD commenter
 楽にコメントアウト
 https://github.com/scrooloose/nerdcommenter

18. 18
デモ２
~ プラグイン導入 ~

19. 19
Tips1
 矩形選択 (Ctrl+v) * 「くけい」と読む
 I 選択した範囲の箇所に文字列を挿入
 $A 選択した範囲の行末に文字列を挿入

20. 20
Tips2

画面分割
 :split [filename] 横分割
 :vsplit [filename] 縦分割
 Ctrl+w h,j,k,l 画面間の移動
 タブ
 tabnew [filename] タブで開く
 gt,gT タブ間の移動

21. 21
Tips3

qa, qb... マクロ (@a,@b で呼ぶ )
 Ctrl+a, Ctrl+x インクリメント & デクリメント
 !php % shell での "php hoge.php" と同義
 r!date 現在時刻の挿入 (shell)
 選択 :sort 選択した箇所を sort する

22. 22
おまけ ( チートシート )
http://www.viemu.com/a_vi_vim_graphical_cheat_sheet_tutorial.html より引用

23. 23
まとめ
慣れると
速いのが Vim
慣れないと
使えないのが Vim

24. 24
ありがとうございました .