みなさんこんにちは!おさかなです!
今回は「VIMATE」について、書いていこうと思います!
それでは、レッツゴー!!!!!
・vim学習サイトを探している方
・日本語対応のvim学習コンテンツを探している方
・vimの使い方を学びたい方
「VIMATE」って何?
「VIMATE」とは高機能テキストエディタ「vim」が、日本語で学習できるサイトのことです。初級・中級・上級とレベルが分かれており、コマンドの意味がゲーム感覚で学べます…!(おお〜)
![](https://osakanav.com/wp-content/uploads/cocoon-resources/blog-card-cache/a28e4a27cdba04f2a27654c067db8723.png)
Twitter→(@vimatejp)
![](https://osakanav.com/wp-content/uploads/2022/03/emocheck-top-160x90.png)
実際に使ってみよう!
VIMATEの使い方
それでは早速サイトにアクセスしましょう!
![](https://osakanav.com/wp-content/uploads/2022/11/vimate.png)
ページをスクロールすると「レッスン一覧」が見れます。(ふむふむ…。)
![](https://osakanav.com/wp-content/uploads/2022/11/vimate-lv.png)
学習履歴は記録され、ランクアップなどの「ゲーム要素」豊富です!
![](https://osakanav.com/wp-content/uploads/2022/11/vimate-game.png)
(このゆるキャラ可愛い…眉毛が好き。🎬)
![](https://osakanav.com/wp-content/uploads/2022/11/vimate.gif)
学習履歴を残したい場合は「ユーザー登録」ボタンを押しましょう!
![](https://osakanav.com/wp-content/uploads/2022/11/JlohXtIHHW67fag1668561717_1668561778.png)
「ユーザー名」「メールアドレス」「パスワード」のみで、サクッと登録できます。(よいしょ!)
![](https://osakanav.com/wp-content/uploads/2022/11/vimate-user.png)
今回は、お試し版として「すぐにレッスンを受講」から学習します!
![](https://osakanav.com/wp-content/uploads/2022/11/JlohXtIHHW67fag1668561717_1668561731.png)
提供されている「レッスン」はこんな感じです!(おー!)
![](https://osakanav.com/wp-content/uploads/2022/11/vimate-lesson.png)
「コマンド一覧はこちら」を押すと…?
![](https://osakanav.com/wp-content/uploads/2022/11/LAdtljN0JYjgETg1668561864_1668561915.png)
レッスンで使用する「vimコマンド」が確認できます。(いいね)
![](https://osakanav.com/wp-content/uploads/2022/11/vimate-komando.png)
続いて「レッスンはこちら」を押すと…?
![](https://osakanav.com/wp-content/uploads/2022/11/LAdtljN0JYjgETg1668561864_1668561876.png)
こんな感じで「Vim初級編」の学習がスタートします!(わーい✨)
![](https://osakanav.com/wp-content/uploads/2022/11/vimate-load.gif)
ウィンドウに「問題」が表示されるので、該当するVimコマンドを入力していきましょう!(おりゃ!)
![](https://osakanav.com/wp-content/uploads/2022/11/vimate-q1.png)
ちなみに「コマンド表示モードでレッスン」にチェックを入れると、コマンドのガイドが表示されます。vimを学び始めたばかりの方は、こちらのモードがおすすめです!
![](https://osakanav.com/wp-content/uploads/2022/11/vimate-q2.png)
入力した文字は「黒いボックス内」に表示されます。
![](https://osakanav.com/wp-content/uploads/2022/11/vimate-info.png)
ファイル保存&終了「:wq」コマンド。こちらはよく使用するので、まず最初に覚えておくとよいでしょう!(はい!)
![](https://osakanav.com/wp-content/uploads/2022/11/vimate-wq.png)
レッスンが終了すると「結果」が表示されます。
![](https://osakanav.com/wp-content/uploads/2022/11/vimate-clear.png)
(一旦休憩タイムー🍨)
ランクアップで、vimをマスターしよう!
「中級」にランクアップすると、こんな感じのステージになります!(一気に物々しい雰囲気に…。)
![](https://osakanav.com/wp-content/uploads/2022/11/vimate-tyuukyuu.png)
学習の進め方は、初級編と同じです。それから問題として表示される「コマンドの種類」は変わるので、vimの知識が深められます🍀
![](https://osakanav.com/wp-content/uploads/2022/11/vimate-tyuukyuuq1.png)
「上級」になると、宇宙っぽいステージに!(かわいい🪐)
![](https://osakanav.com/wp-content/uploads/2022/11/vimate-jou.png)
「ヤンク」など、少し知識が必要な問題も増えていきます!(おお〜!)
![](https://osakanav.com/wp-content/uploads/2022/11/vimate-jou1.png)
(このステージが一番好きかもしれない…。笑)
![](https://osakanav.com/wp-content/uploads/2022/11/vimate-jou2.png)
他にも「Vimmer診断初級編」という、少し毛色が違う講座もありました!
![](https://osakanav.com/wp-content/uploads/2022/11/vimate-sindan.png)
こちらは迷路に迷いこんだ「キャラクター・びむ太」を、コマンド操作でゴールまで導くといったゲーム。vimでは、普通の十字キーではなく「hjkl」キーで移動します!
![](https://osakanav.com/wp-content/uploads/2022/11/vimate-meiro.gif)
こちらの中級・上級は「近日リリース予定」となっているので、少し待ちましょう!(OKです!)
![](https://osakanav.com/wp-content/uploads/2022/11/vimate-ririsu.png)
こんな感じでVimの学習を進めていきましょう!「日本語」のVim学習サイトはかなり珍しいと感じたので、みなさんもぜひ一度試してみてください…!(お疲れ様でした🎊)
![](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)
全然関係ないけど、栗あん八ツ橋おいしかった!🌰
![ナビまる](https://osakanav.com/wp-content/uploads/2019/09/navmaru-2.jpg)
秋だねえ…🍁
これで全ての操作は完了です。(やった~!)
お疲れ様でした☕
ここまで読んでくださり、ありがとうございました!
![](https://osakanav.com/wp-content/uploads/2022/08/kimito-robot-ten-top-160x90.png)