みなさんこんにちは!おさかなです!
今回は「Interactive Vim tutorial」について、書いていこうと思います!
それでは、レッツゴー!!!!!
・vim学習サイトを探している方
・vimの使い方を身につけたい方
・vimコマンドを復習したい方
「Interactive Vim tutorial」って何?
「Interactive Vim tutorial」とは、高機能なテキストエディタである、vim学習サイトのことです。
実際にコマンドを入力しながら学習を進められるので、vimを使うイメージが湧きやすくなっています!(いいね👍)
![](https://osakanav.com/wp-content/uploads/2022/05/cmatrix-top-160x90.png)
実際に使ってみよう!
vim学習の進め方
それでは早速サイトにアクセスしましょう!
![](https://osakanav.com/wp-content/uploads/2022/10/openvim.png)
適当なキーを押すと「解説文」が表示されます。(おお!)
![](https://osakanav.com/wp-content/uploads/2022/10/openvim.gif)
解説文を読みつつ、点滅したキーボードを押していきましょう!
![](https://osakanav.com/wp-content/uploads/2022/10/openvim-ikey.png)
ちなみに、vimは「4つのモード」が存在します。例えば「i」キーを押すと、インサートモードといって、文字入力・ファイル編集で使用するモードに切り替わります!(なるほど)
![](https://osakanav.com/wp-content/uploads/2022/10/openvim-imode.png)
「Esc」キーを押すと、ノーマルモードに戻ります。
![](https://osakanav.com/wp-content/uploads/2022/10/openvim-esc.png)
こんな感じで「NORMAL」と表示されていればOKです!(はい!)
![](https://osakanav.com/wp-content/uploads/2022/10/openvim-normal.png)
このインサートモードを実際のvimで使用すると、こんな感じになります!(おお〜!)
![](https://osakanav.com/wp-content/uploads/2022/10/openvim-i.gif)
![](https://osakanav.com/wp-content/uploads/2022/01/animetize-top-160x90.png)
(ひと休み💤)
マイペースに…学習を進めよう!
こんな感じで、学習を進めていきます。
適当なキーを押して、次の解説へと進みましょう!(ふむふむ…。)
![](https://osakanav.com/wp-content/uploads/2022/10/openvim-h.png)
他にもvimでは、キーボード「h、j、k、l」を、矢印に見立ててカーソルを動かしたり…。
![](https://osakanav.com/wp-content/uploads/2022/10/openvim-yajirusi.png)
同じ処理を複数回する場合は、「数字キー」を押したり…。
![](https://osakanav.com/wp-content/uploads/2022/10/openvim-number.png)
ファイルの先頭に移動する「gg」コマンド・ファイルの最後に移動する「G」コマンドなどもあります。(Gのオンパレード!笑)
![](https://osakanav.com/wp-content/uploads/2022/10/openvim-g.png)
皆さんの「vim学習」のサポートになれば幸いです!(一緒にがんばりましょう!)
![](https://osakanav.com/wp-content/uploads/2022/10/openvim-step.gif)
ドットインストールの「vim入門」も合わせてご活用ください…!
![](https://dotinstall.com/package_img/basic_vim/screen_1.png)
vimモードまとめ
ノーマルモード … 起動直後のモード、これを起点として操作
インサートモード … ファイルの編集・削除
ビジュアルモード … テキスト選択機能
コマンドラインモード … :から始まる「EXコマンド」が使える
![](https://osakanav.com/wp-content/uploads/2020/02/20-02-24-16-26-22-966_deco-300x300.jpg)
![おさかな](https://osakanav.com/wp-content/uploads/2019/08/osakana.jpg)
レーザー!ヴィーム(vim)!
![ナビまる](https://osakanav.com/wp-content/uploads/2019/09/navmaru-2.jpg)
ぐわああ!…ってならないわ!笑
これで全ての操作は完了です。(やった~!)
お疲れ様でした☕
ここまで読んでくださり、ありがとうございました!
![](https://osakanav.com/wp-content/uploads/2022/07/termux-top-160x90.png)