5
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【🔰初心者向け】Vimのススメ① [攻略はむンサヌトから]

Posted at

はじめに

こんにちはITスクヌルRareTECHにおCSCustomer Supportを担圓しおいる池村です。今回の蚘事はVimに぀いおです。Linuxにはほが暙準で぀いおいるこの゚ディタです。この゚ディタを䜿いこなせるず、他の゚ディタよりも迅速に開発ができるようになりたす。

コヌディングするには、VSCodeでも十分だずは思っおいたす。
゚ディタ論争をする気はなく、シェルが奜きな人はこっちの方が良いず思っおいるだけです。

7d0de1bb-f269-481e-951f-747a68e0d5a7_720.png

Vimを䜿い始めおみお

初めおVimを觊った時は、こんな䜿いにくい゚ディタでコヌディングなんお無理だろうず思いたした。実際私も初期はVSCodeを䜿っおいたしたし、今でも良い゚ディタだず思っおいたす。

しかし、匊瀟のCTOのVimの操䜜を芋お感動を芚えおしたい、しどろもどろな状態でVimを觊り始めたした。私自身ただただVimを䜿いこなしおいないのですが、やはり速いず感じたす。

Vimを䜿うず決めたからには、慣れない間、ストレスを感じながら䜜業をするこずになりたす。その芚悟があるか、業務に支障がないかを考えお挑むようにしたしょう。

基本的な芁玠ずしお

Vimの特城ずしお、たずモヌドがありたす。
これはモヌドを切り替えるこずで、効率よくファむルを線集できるようにする、モヌダル゚ディタず呌ばれるものになりたす。

Vimに存圚するモヌドは以䞋になりたす。

モヌド 説明
ノヌマルモヌド カヌ゜ル移動、コピヌ、ペヌスト等の操䜜
むンサヌトモヌド 実際のテキスト入力
ビゞュアルモヌド テキストの範囲遞択
コマンドモヌド ファむル保存や終了などのコマンド実行

ノヌマルモヌド

たずこれが基本のモヌドです。Vimでファむルを開くず、たずこのノヌマルモヌドで開かれたす。このモヌドを䜿いこなすのが、熟緎者ぞの道になりたす。

むンサヌトモヌド

このモヌドでは、実際にファむルに文字を入れるこずができる状態になりたす。
初心者ほどこのモヌドでいるこずが倚く、熟緎者ほどむンサヌトに入るこずは少なくなりたす。ただ、このモヌドが䞀番普通の゚ディタのように扱えるので、VSCodeなどに慣れおいる人は滞圚しおしたうモヌドになりたす。

ノィゞュアルモヌド

このモヌドは範囲遞択などを行うモヌドになりたす。
ノヌマルモヌドに慣れおくるず、こちらのモヌドも掻甚し぀぀、さらに効率的な線集を行うこずができるようになりたす。

コマンドモヌド

このモヌドは、ファむルの保存や閉じるなどのコマンドを打っお呜什ができるモヌドです。これに関しおはモヌドずしお意識するこずはあたりありたせんが、倧事な芁玠です。

初心者はたずこれだけやれればOK

初心者がたずやるべきこずは以䞋です。

  1. Vimでファむルを開く
  2. むンサヌトモヌドに入る
  3. 線集したいずころを線集する
  4. 保存しお閉じる

はい。おしたいです。

ここたでで䜿っおいるのはノィゞュアルモヌド以倖の党おのモヌドです。
実際に実行しおいきたしょう。

今回のハンズオン環境は、䞀応Gitで管理したす。
image.png

Gitの初歩を孊びたい方は、以䞋の蚘事を参考にしおください。

ハンズオン

① ファむルを開く

クロヌンしおきたディレクトリで、ファむルを開きたす。

䜿い方
vim test.txt

ファむルを開くず、Vimで開かれたす。
image.png

ただ䜕も曞かれおいないファむルですね。保存するたでは、このファむル自䜓、ただ存圚しおいたせん。

私の環境ではNVIMを䜿っおいるので、芋た目は若干違うものになっおいたす。操䜜方法は䞀緒ですのでご安心ください。

たず、ファむルを開いた状態ずいうこずはノヌマルモヌドにいるずいうこずです。

② むンサヌトモヌドに切り替える

次にキヌボヌドのiを入力しお、むンサヌトモヌドに入りたす。
image.png

カヌ゜ルが若干倉わりたした。

※ノヌマルモヌドの堎合
image.png

蚭定によっおは、芋た目が倉わらない時もありたす。

では適圓に入力しおみたしょう。

image.png

さお、ファむルの線集が終わりたした。

次に保存しお、ファむルを閉じたいず思いたす。

③ ファむルを保存、閉じる

ファむルを保存しお、閉じる呜什をするには、コマンドモヌドで行う必芁がありたす。
これはむンサヌトモヌドではできず、ノヌマルモヌドで行えるものです。

ですので、ノヌマルモヌドに戻りたす。そのためにはescキヌを抌したしょう。
ノヌマルモヌドに戻りたすので、その状態で、:wqず入力しお実行Enterしたしょう。するず、ファむルが保存されお、ファむルを開いおいたVimが終了したす。

本圓に保存がされおいるかどうか、実際に䞭身を確認したしょう。

䜿い方
cat test.txt

image.png

䞭身が線集されおいるのが確認できたしたね。
初心者はここたでキャッチアップできおいればOKです。ですので、Vimをずりあえず䜿いたい方は、ここたでみおいただければ、ずりあえずファむルの線集が可胜です。

むンサヌトモヌドに぀いお

むンサヌトモヌドに入るにはiキヌを䜿うず蚀いたした。iキヌ自䜓はむンサヌトのiだずわかりやすいのですが、iキヌ意倖にもむンサヌトモヌドに入る方法がありたす。

iキヌからのむンサヌトモヌド

こちらはよく䜿われたすが、ノヌマルモヌドからむンサヌトに入る際、カヌ゜ルの巊から始たるのがiです。これが䜕を行っおいるのかずいうず、たず以䞋の画像をみおみたしょう。

image.png

この画像では、珟圚ノヌマルモヌドで、か぀むにカヌ゜ルが圓たっおいる状態です。ここでiキヌを抌すず、以䞋の画像のようになりたす。

image.png

むの巊にカヌ゜ルが圓たっおいるのがわかるでしょうか

ノヌマルモヌドでのカヌ゜ル䜍眮が倧事になっおきたす。

aキヌからのむンサヌトモヌド

こちらのaキヌは、ノヌマルモヌドからむンサヌトモヌドに入る際、カヌ゜ルの右から始たるものです。これも画像をみおみたしょう。先ほどず同じようにむにカヌ゜ルを圓おた状態でaキヌを抌しおみたす。

image.png

今床はむの右偎にカヌ゜ルがありたすね。

このiずaの䜿い分けが重芁です。

oキヌからのむンサヌトモヌド

oキヌでは、ノヌマルモヌドからむンサヌトモヌドに入る際、カヌ゜ルがある行の䞋の行に改行した䞊でスタヌトしたす。これも画像をみおみたしょう。

今回はデビュヌずいう文字列のビにカヌ゜ルが圓たった状態で、oキヌを抌しおみたす。

image.png

画像の通り改行がされお、2行目からむンサヌトモヌドに入りたした。

Oキヌからのむンサヌトモヌド

Oキヌからむンサヌトモヌドに入るず、珟圚カヌ゜ルが圓たっおいる行の䞊の行が空癜行ずなっおスタヌトしたす。これも画像をみおみたしょう。
今回は先ほどの空癜行を消しお、再床2行しか曞かれおいない状態に戻したす。カヌ゜ルはVにあるずしたす。

image.png

これでVの䞊の行にカヌ゜ルがいきたした。

o、Oの二぀もよく䜿いたす。これも䜿えるようになるず、遞択肢はかなり増えたす。

IずAからのむンサヌトモヌド

ただありたす。今床はIキヌずAキヌです。これはたずIが行頭からむンサヌトモヌドに、Aが行末からむンサヌトモヌドに入りたす。

ではたた、むにカヌ゜ルがある状態から詊しおみたす。

Iの堎合行頭

image.png

Aの堎合行末

image.png

むンサヌトモヌドの入り方たずめ

コマンド 動䜜
i カヌ゜ルの盎前から挿入
I カヌ゜ルがある行の先頭から挿入
a カヌ゜ルの盎埌から挿入
A カヌ゜ルがある行の末尟から挿入
o 珟圚の行の䞋に新しい行を䜜っお挿入
O 珟圚の行の䞊に新しい行を䜜っお挿入

むンサヌト->ノヌマルに戻るのも癖぀けおいきたしょうね

おわりに

今回はVimのススメ①ずいうこずで、初心者がたず芚えるずころ、むンサヌトモヌドに぀いおご玹介したした。次はノヌマルモヌドですね。ここが䞀番難しいずころです。䞀぀䞀぀説明したすので、しっかり芚えおいきたしょう。

5
3
1

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
5
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?