9
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

vim-mode-plus の occurrence のぱわ〜( と demo-mode のぱわ〜)

Last updated at Posted at 2017-04-06

vim-mode-plus は、ユーザーも増えて、有名なプログラマ達も使っているとか、使おうとしているとかがあるのですが、皆、当たり前ですが、vim と同等の機能を探したがります。

それはそれで仕方がないのですが、vim-mode-plus の独自の拡張機能は知られないまま、使われないままというケースがとても多い。
これは色々理由があるだろうけど、一番大きな理由として、"ノーマルな Vim の動作を尊重する" ようにデフォルト値を設定しているので、そもそも独自機能が知られていない、というものがある。

そもそも俺が vim-mode-plus を興奮してやっているのは、ノーマルな Vim では難しい実験機能を JavaScript( CoffeeScript ) powered な Hackable な Atom でやれるからだ。

なのにそれが知られていない、というのは本末転倒だ、俺は別に「完全な Vim エミュレーター」を作りたい訳ではない。
だったらそもそもピュアな Vim 使えばいいわけだ。

そこで、この状況から少し前進する為に、まずはアニメ GIF を作ってみようと考えた。

以下サンプルです。
元ネタは、以下のツイッター連投。日本語でも共有したいと思いまして。
https://twitter.com/t9md/status/849872727540342784

The power of occurrence

以下の GIF では色々な方法で Paragraph 内の、decorationOptionsoptions に書き換えている。

お分かりいただけるだろうか?

カーソルを decorationOptions にカーソル移動してからの d O p, g u o p
demo-occurrence.gif

ただ、殆どの場合 c o p してから直接マルチカーソルで options をインサートした方が楽。
demo-occurrence-2.gif

レジスタ(クリップボード的なやつ)に、すでに options というテキストが入ってるなら、replace-with-register operator が楽な場合もある。俺は _ にマッピングしているので、キーストロークは _ o p.
demo-occurrence-3.gif

occurrenceg og O(subword 用) でプリセット(事前配置) 出来るので、g O で、decoration に occurrence-marker をプリセットしてからの c i p でもいける。最後にマルチカーソルで、"O" を小文字にすればOK.
demo-occurrence-4.gif

もう一つの例

これは atom-narrow での一括編集時に、occurrence の機能で、narrow-editor を一括置換し、保存すると、プロジェクト全体の変数名が、リプレイスできる、というシナリオ。
以下の例ではプロジェクト全体の OUTPUT_AREA_URIURI_OUTPUT_AREA に変えている。

どうやっているか?ポイントは narrow-editor 上で preset-occurrence でマーク後、_ cmd-aしている。

  1. まず置き変え結果となる URI_OUTPUT_AREA のテキストを作り、yank してレジスタに入れる。
  2. m: preset-occurrence してカーソル配下の OUTPUT_AREA_URI をマーク.(m の部分はデフォルトキーマップでは g o)
  3. _ cmd-a: replace-with-register, inner-entire narrow-editor 全体をレジスタに入ったテキスト(URI_OUTPUT_AREA)と置き換え。ただし、occurrence が preset されてるので各 occurrence が 置き換わる。

practical-occurrence.gif

c o p後、マルチカーソルで編集してもいいけど、_ cmd-a で一括で変わると気持ちいいと言うのがあるし、実際レジスタに必要なものがすでに入っている場合も結構あるので、このパターンも覚えておくと便利。

demo-mode とは?

demo-mode
vim-mode-plus で上記の様な GIF を作りやすくするために作った Atom package。
作ったばかりだが、アニメGIFを作るのが超楽になった。

これで Vim or vim-mode-plus の応用的な操作を説明するのが簡単になるはず。

以下は、色々なテキストオブジェクト( TextObject )を y でヤンクするGIF.

demo-motion-stop.gif

vim-mode-plus では demo-mode が提供する hook( service )を使って、より説明的な GIF が作れるように連携させている。

  • 通常はすぐ消える operator のターゲット範囲のフラッシュ効果を保持
  • Operation の種類( Operato, Motion or TextObject )を表示

最後に

お分かりいただけただろうか?

9
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?