クリボウのプログラミングひとりごと

Showing posts with label Vim. Show all posts

2013-08-19

Vim のカーソル移動が練習できる Snake Vim Trainer をやってみた

100SHIKI の記事で紹介されていたゲーム

Snake Vim Trainer

をやってみた。

最初、ヘビがエサを食べないので焦ったものの、横に書いてある説明書を読んで納得。上下左右の移動はノーマルモードで k, j, h, l。エサを食べるときは i で挿入モードに入らないといけないとのこと。もちろん、Vim エディタ同様、エサを食べたあとは Esc でノーマルモードに戻らないと、再び移動できないという仕組み。

エサを食べていくにつれて、スピードも上がっていくので、なかなか手ごわかったり。クリボウの最高記録は 1750。慌てると、上に移動するつもりで i を押してしまい、身動き取れなくなってしまうんだよなぁ…。

ということで、Vim 使いはぜひ一度チャレンジを。

2012-08-05

Firefox のアドオン「It's All Text!」でエディタが開かないときの対処法

Firefox のテキストエリアで vim が使えたらいいのになぁとぼんやり考えていたところ、さすがは拡張機能の豊富な Firefox、やはりそういうものがあるようで。

It's All Text! :: Add-ons for Firefox

このアドオンにエディタとして gvim のパスを指定し起動してみたところ、こんなエラーが。

It's All Text! はエディタを開くことができませんでした
エディタを開くことができません
It's All Text! はエディタを実行できませんでした。編集を中止するか新たなエディタを選択して設定することができます。エディタへの完全なパスを用いることと、エディタが実行可能になっているかどうかをご確認ください。よろしくお願いします。
原因：パス「*」は存在しません。

どうもパス中に日本語があるのが原因のよう。しようがないので、日本語を含まないディレクトリに新しく bat ファイルを作って、そこ経由で gvim を呼び出すことにした。

startgvim.bat の中身：

"gvim.exe へのフルパス" -c "set fenc=utf-8" %1

赤字部分はフルパスに書き換えて使うこと。青字は、vim で文字コードを UTF-8 に固定する起動オプション。エディタによってここは異なるはず。

これで、無事テキストエリアの編集を gvim で行えるようになった。gvim 起動中に出るコマンドプロンプト画面が邪魔な場合は、「It's All Text!」→ バッチファイル(bat) → エディタとなっているところにショートカットを挟み、「It's All Text!」→ バッチファイルのショートカット → バッチファイル → エディタとして、ショートカットのプロパティ「実行時の大きさ」を「最小化」にしておけばいいはず。

その場合、「It's All Text!」で呼び出すエディタはショートカットファイルになるけれど、「参照」ボタンでショートカットを選択すると実体の方が選ばれてしまうので、「参照」ボタンを使わずに（ファイルダイアログを使わずに）エディタの欄にショートカットファイルのパスを直打ちするのがいいかと。

It's All Text! 設定

非常にややこしいことをして、素直にエディタを日本語を含まないパス上に置けば？と自分でツッコミつつ、最後の最後まで悪あがき。

2012-04-30

zencoding.vim が書き出す HTML の lang="en" を lang="ja" に変更する方法

zencoding.vim を導入していると、
Vim で html:4s と入力したあとに「Ctrl+y ,」と打つするだけで、

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  <title></title>
</head>
<body>
  
</body>
</html>

と、ここまで展開してくれて、めちゃくちゃ便利。
けど、lang="en" じゃないんだよなーと毎回 lang="ja" に打ちかえていたところ、最近になってようやく抜本的な解決策を発見。

zencoding.vimでjaに設定する #Vim - Qiita

こちらのコメントによると、

let g:user_zen_settings = {
\  'lang' : 'ja',
\}

を _vimrc に入れておけばいいみたい。
ありがたやー。

2012-02-19

vim でスペースを   に変換するためのスクリプト

前回、

クリボウのプログラミングひとりごと: vim で HTML タグを文字実体参照に変換するためのプラグイン「str2htmlentity.vim」

なんてのを書いたのだけれど、ブログに HTML コードを載せるときにもう一つ面倒なのがインデント（<pre> を使わず <div> にしているせいなんだけども）。スペース（空白）を   に変換してくれるプラグインがないかな～？と探してみたものの見つけられなかったので、自分で書いてみた。

vmap <silent> sn :s/\%V /\ /g<cr>:noh<cr>

.vimrc とか .gvimrc とかに追加しとくと、文字列選択して sn したときに、選択されている空白がすべて   に変換される。インデントづけには、C-v 矩形選択からの sn がけっこう便利。

もっと便利なスクリプトがあるかもだけれど、これでまず用は足りたのでとりあえず公開しておくことにした。

2012-02-18

vim で HTML タグを文字実体参照に変換するためのプラグイン「str2htmlentity.vim」

ブログの投稿（HTML）を gvim で編集しているときに面倒くさいのが、HTML ソースの文字実体参照への置換。< を < に、> を > に、とかそういうの。

で、見つけたのがこちら。

vim で HTML文字実体参照の変換を行うスクリプト : Serendip - Webデザイン・プログラミング

v で文字列を選択して sx と入れると選択された部分の <、>、"、& をそれぞれ、<、>、"、& に変換してくれる。逆に、文字列選択して sr すると、それら文字実体参照から文字へと変換可能。

こういう、普段していることがちょっと楽になるというのがいいなあと。

2011-11-03

zencoding.vim のインデントをタブからスペースに変更する

Zen coding は、エディタ上で CSS セレクタのような書き方で HTML タグを記入することのできる、優れもののプラグインのこと。動画を見るとどういうものかすぐにわかるはず。

（Zen Coding v0.5 from Sergey Chikuyonok on Vimeo）

これを Vim に入れたというのは、以前書いたのだけれど、タグを自動挿入させたときのインデントがスペースじゃなくてタブなのが気になっていた。

で調べてみて、見つけたのがこのサイト。

Vimmerなプログラマは迷わずZen-Codingしろ！ - idesaku blog

インデントをスペースにするには、.vimrc に以下のように設定をすればいいとのこと。

let g:user_zen_settings = {'indentation' : ' '}

これだと、インデントにスペース 2 個を使ってくれる。ということで、どんどんコーディング環境が豊かになっていくのでした。

2011-09-14

eclipse のエディタを Vim 風にする Vrapper を入れてみた

Vim の操作にも随分慣れてきた。慣れてきたら慣れてきたで、GAE/J アプリ用に使っている eclipse でも Vim 特有のキー操作をしてしまって、困ることが増えてきた。

eclipse も Vim のように操作できたらいいのにと思い、探してみたらやっぱりあった！感激！

Eclipseのキーバインドをvim風にできるVrapperが素晴らしすぎる件について - ゆろよろ日記

導入は、eclipse のメニュー「ヘルプ＞新規ソフトウェアのインストール」で

http://vrapper.sourceforge.net/update-site/stable

を追加するだけ。

めちゃ簡単でめちゃ便利。ありがたやー。

2011-03-27

Vim に zen-coding 入れた

今年も何か新しいことを…、と一念発起して始めてみた Vim。ようやく独特の入力方法にも慣れてきて、とりあえず、HTML の編集で利用しているところ。

ブログの更新時は、ブログの HTML の雛形に実際に記事のコードを書き入れて、見栄えを確認しては編集、確認しては編集…ということをしているのだけれど、それを全部 Vim でできるようになったということ。

まあ、それはいいとして、HTML の補完用に autocomplpop.vim で <c-n> したり、surround.vim で ysst したり、とにかくいろいろプラグインを使ってみたけれど、最終的に zen-coding.vim に落ち着いた。

zen-coding の HTML のタグを CSS ライクなセレクタを使って入力できる機能がすばらしすぎるから。

（Zen Coding v0.5 from Sergey Chikuyonok on Vimeo）

それが Vim に移植されて登場した zen-code.vim。どんなことができるのかについては、移植者のページで。

Big Sky :: zen-codingの殆どの機能をzencoding.vimに取り込んだ。

ダウンロードはこちらから。

mattn/zencoding-vim - GitHub

最初、<c-z>, で動かない！と焦ったけれど、<c-y>, （コントロール押しながらy、コンマ）押したらちゃんと動いた。開発途中でコマンド変えたみたい。