10
4

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 3 years have passed since last update.

【初学者】Vimerへの第一歩。

Last updated at Posted at 2021-03-22

はじめに

プログラミングを学習し始めて9ヶ月目の私が最近、知り合いのエンジニアの影響でVimに興味を持ち始めました。
なるべくマウスやトラックパッドを使用しない**「脱マウス思考」**も取り入れたので、
**「そのためにやっていること」**を記事にしました。

環境

私のmacbookはJIS配列で、Vimを操るためにはUS配列がいいと聞いたので「Apple Wireless Keyboard」を即ポチりました。

  • macOS
  • US配列

macのキー設定を変更する

まず始めたのは、
macのアプリ間の移動やデスクトップの表示などのmacOS特有の動きを、マウスやトラックパッドをなるべく使用せずショートカットキーを用いる」です!

修飾キーの設定(mac設定)

まずはキーを押しやすい配列にカスタマイズしました。

やり方

「システム環境設定」→「キーボード」→「修飾キー」
※macの設定だと特定のキーしか変更できません
→もし変更したい場合は下の**「karabinerの設定」**を参考にしてください。

下の画像は私が修飾キーで設定したものです。ご参考までに。
(「F1,F2などのキーFnキーを標準のファンクションキーとして設定」にチェックは入れていません)
スクリーンショット 2021-03-22 18.18.05.png

ショートカットキーの設定

やり方

「システム環境設定」→「キーボード」→「ショートカット」

私が設定したショートカット(よく使う)は以下になります。
(US配列で上記修飾キーのためこのような設定になっています。JIS配列や違う修飾キー設定の方はお好みの設定にしてください)

  • 「⌘」+「tab」 = アプリの切り替え→デフォルト設定
  • 「⌘」+「space」 = spotlight検索→デフォルト設定(spotlight検索とは)
  • 「control」+「space」 = かな英切り替え→オリジナル設定
  • 「fn」+「F11」 = デスクトップ表示→オリジナル設定

karabinerの設定(無料)

現在macbookのキーボードの上にワイヤレスキーボードを乗せて使っています。
そうすると、タイピング中にmacbookのキーボードが反応してしまうのが問題でした。
それを解決するため、karabinerというアプリをインストールしました。
ちなみにこのアプリはキーバインドの変更もできます。

Google ChromeをVim化

正直これを見せられた瞬間、
「脱マウスしよう!!」
と決めたほど衝撃が強かったのがchormeのプラグイン**「vimium」**です。
これを参考にして設定を行いました

よく使うショートカット

ページの上下移動 下 「 j 」 , 上 「 k 」

閲覧するときにマウスのホイールを回したり、トラックパッドをなぞったりしなくても簡単にスムーズに閲覧できます。
速度を早くしたい場合は、
「d」「u」でより早い上下移動が可能になります。
ほかにも、
ページ最下部へ移動「shift」+「g」
ページ最上部へ移動「gg」

前のページに戻る 「 h 」 , 次へ進む 「 l 」

わざわざ左上の矢印にカーソルを合わせて戻ったりしなくても、ひとつキーを押すだけで戻ったり進んだりできます。

リンクへ飛ぶ 「 f 」

これが一番感動しました。
「f」を押すとリンクの隣にキーガイドが表示され、入力するとそのリンクへ飛べます。
もうマウスいりません!
vimium1.gif

タブ移動 左 「 shift 」 + 「 h 」 , 右 「 shift 」 + 「 l (エル) 」

chromeで開いているブラウザのタブを左右移動できます。これはvimiumを入れていなくても、
「tab」+「control」で右
「tab」+「control」+「shift」で左
に移動できます。
問題なのが、カーソルが入力待機状態だと「H」,「L」と入力されてしまう点です。
そういう時は、上記の「tab」+「control」で移動するか、「esc」を押してからにするかです。
私は後者の方法で解決しています。

コピーしたテキストで一発検索「 shift 」 + 「 p 」

いつも検索をするとき、「何らかのテキストをコピーして検索バーに貼り付けて検索をする」
といった方法を取るときがありますが、これを使えば
「⌘」+「c」でコピーして「p」を押すだけですぐに検索をしてくれます。

その他

  • 検索バー「o」
    検索バーが表示されます。

  • ブックマーク検索バー「b」
    自分がブックマークに登録しているワードを入力して飛びます。
    ※ブックマーク名を覚えていないと多用できないです

  • 新規タブ 「t」 , 「⌘」+「t」

  • 消したタブを元に戻す 「⌘」+「shift」+「t」

  • タブを消す 「⌘」+「w」 , 「x」

  • テキストの選択 「v」(「c」)
    これも今まではマウスを使わないと成せなかったもののひとつで、感動しました。
    が、結構手こずってしまうのでトラックパッドを使っちゃってます。

VSCodeでVimの設定

拡張機能の「Vim」をインストールします。
参考:VSCodeで始めるVim

よく使うコマンド

コマンド 説明
h,j,k,l 上下左右の移動
i カーソルの左から挿入モードへ
a カーソルの右から挿入モードへ
I 行の先頭から挿入モードへ
A 行の終端から挿入モードへ
v ビジュアルモードへ
esc 通常モードへ戻る
control+c 通常モードへ戻る
u 戻る
control+r 戻る
x カーソルの下の1文字削除
dd 1行削除
yy 1行コピー
p カーソルの右(下)に貼り付け
di" ""の中身を削除
yi" ""の中身をコピー
⌘+0 ディレクトリを対象にする
⌘+1 コードを対象にする

おわり

まだこれらをはじめて一週間ほどなので手が馴染んでいませんが、どんどん慣れて一人前のVimerを目指したいと思います。
最後まで見ていただきありがとうございました。

10
4
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
10
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?