VIM Master - Vimコマンドを学べる軽量ブラウザゲーム

 (github.com/renzorlive)
24 ポイント 投稿者 GN⁺ 2025-08-29 | 2件のコメント | WhatsAppで共有
  • VIM Masterは、インストール不要でブラウザ上で動作するVim学習ゲームで、主要な移動・編集コマンドを短時間かつ集中的に学習可能
  • ノーマル/挿入モード、コマンドログ、数値プレフィックス（例: 3w, 2dd）、取り消し/やり直しなど、Vimの主要機能をサポート
  • チャレンジモードでは時間制限の中でコマンドの正確性と速度をテストでき、スコアベースで学習意欲を高められる
  • HTML、CSS、JavaScriptで構成された軽量技術スタックを採用し、依存関係なしで簡単に実行可能
  • MITライセンスのオープンソースプロジェクトで、簡単なレベル追加により拡張しやすい

レベル構成

  • 全13レベルで、各レベルは単一の概念の学習に焦点を当てている
    • レベル 1: Exコマンド（:q, :wq）
    • レベル 2: 基本移動（h, j, k, l）
    • レベル 3: 単語移動（w, b, e）
    • レベル 4: 行移動（gg, G）
    • レベル 5: 挿入モード（a, テキスト入力, Esc）
    • レベル 6: 削除の基本（dd, dw, x）
    • レベル 7: コピー＆ペースト（yy, p）
    • レベル 8: 行の境界（0, $）
    • レベル 9: 追加入力と新しい行（a, o, O）
    • レベル 10: 単語変更（cw）
    • レベル 11: 行末までの削除と置換（D, r）
    • レベル 12: 数値プレフィックス（3w）
    • レベル 13: 取り消し/やり直し（dd, u, Ctrl+r）

関連記事

2件のコメント

 
roxie 2025-08-30

私はVim Adventuresが好きでした。有料でしたが
 
GN⁺ 2025-08-29
Hacker Newsのコメント

  • 誰かが Guitar Hero と Vim のキーバインドを組み合わせたゲームを作ったら面白そう
    素早くタブを入力して本当に演奏している感覚にしたり、ASCIIアートの行を入力するような形で、複数行編集や特定文字の挿入みたいなテクニックまで含まれていたら、誰でも vimgod になれそう
    一方で、誰かが自分の席に来て Vim の複雑さを見せつけたくてやる単語編集トリックがいつも失敗するのを見るたびに、指は輪ゴムじゃないという現実を感じさせられる
    自分は nano が好きな人間でもある（半分冗談、半分本気）

  • Vim Adventuresも言及する価値がある
    もう 12 年も前のゲームだけど、以前の Hacker News スレッドでも紹介されていた

    • 自分はこのゲームのおかげで Vim の基礎を覚えた
      今でもかなり良いゲーム

  • vimtutor への言及がないのは意外
    自分の知る限り、vim がインストールされているすべての環境に標準で入っているチュートリアル
    このプロジェクトも素晴らしいけれど、元祖の概念である vimtutor にも一度は触れておくとよいと思う

    • 実は自分はこれが vimtutor の代替であってほしいと思って見に来た
      中級者や上級者向けに、段階的に難易度が上がっていくようなチュートリアルがあるといい
      これまでオンラインブログや vim 公式ドキュメントから本当に役立つヒントをたくさん得てきた
      もしおすすめのリポジトリがあれば、ぜひ使ってみたい
    • vimtutor は Babbel、このプロジェクトは duolingo にたとえられそう
      ゲーム形式の学習を好む人も多いけれど、教科書や正統派チュートリアルのスタイルをより好む人もいる
      個人的には、Vim と Emacs をもっと多くの人に使ってもらえるなら、どんな方法でも素晴らしいことだと思う
    • 残念ながら vimtutor は neovim fork ではもう提供されていない

  • 昔 Linux を初めて学んだとき、vim チュートリアルを丁寧にたどった経験が本当に大きな助けになった
    自分は今でも vim の達人ではないけれど、あのとき注いだ時間には本当に大きな価値があった

    • Neovim Tutor は従来の Vim Tutor よりずっとよく整理されている
      キーコマンドを素早く身につけたいなら、チュートリアルを繰り返し練習して筋肉記憶に落とし込むのがおすすめ
      そこまで来ると、Vim の学習曲線はずっと怖くなくなり、実用的なものとして見えてくる

  • vim-adventures.com というサイトもある

    • ただ、このゲームはある時点から課金を促す形式になっている
      こういうモデル自体に問題はないけれど、少しゲームに没入したところで突然有料の壁にぶつかって、少し面食らった
    • 正直かなり戸惑うし、vim にあまり良くない癖を植えつけそう
      始めると h, j, k, l しか使えず、ヘルプに出ているキーの中にも実際には使えないものが多かった
      そのせいで、ただ方向キーのように押し続けるだけになる。最初のレベルが長すぎて集中力が切れた
      2 つ目のエリアでは単語単位の移動（w, b, e）を紹介するが、その時点ではまだそのキーを使えない
      キャラクターが言及はするものの、まだロックされたままなので歯がゆかった
      結局 w, b, e をようやく解除できたあと最初に戻ってみたが、単語と句読点の間にも空白があって、さらに B, 0, ^, 数字キーまでアンロックしないといけず腹が立った
      個人的には [1/10] を付けたいくらいおすすめしない
      ほとんどの人は、vimtutor でいくつかキーを覚えるほうが、このゲームで b キーをアンロックするまでにかかる時間よりずっと短く、しかもより正しく学べると思う
      vim では実際に暗記しなければならないことはそれほど多くない
      移動キーとコマンドキーの組み合わせを覚えればいい。たとえば b, w, e と d を知っていれば、すぐに db, dw, de, dd ができる
      それぞれを別々に学ぶのではなく、組み合わせとして学ぶ形になる
      大文字の移動キーも同様に一度に概念がつかめるので、これこそ vim の真の美学だと思う

  • Vim Hero も入門用としてかなり良いサイト

  • VimGolf も面白いことは面白いけれど、すごいトリックはたくさん学べても、実際に手に染みつく筋肉記憶にはあまり役立たない感じがする

    • Twitter(X) アカウントが必要なのが少し不思議
      なぜそんなものが必要なのかわからない

  • Caps Lock キーを ESC キーにマッピングするのが最高のキーボードハックのコツ

    • まさにこれが真理

  • 本当に素晴らしいサイト
    自分も似たアイデアで vimgolf.ai を作っている
    新しい Vim の移動操作を学べるように設計した
    最近は生活に追われて後回しになっているけれど、ぜひ完成させたい

    • いいアイデアだね！
      登録なしでいくつか練習問題を提供してくれれば、実際に使って判断できそう
    • ログイン/会員登録、プライバシーポリシー、オープンソースでないことなどは、一般的な Linux ユーザーには少し抵抗感があるかもしれない
      すでにかなりニッチな好みの人たち向けではあるけれど、健闘を祈る

  • 昔スクリーンキャストが流行っていたころに出てきた vimcasts.org/episodes/ も参考になる