VimKata: Learn Vim Visually

VimKataはVim学習のためのコンパニオンアプリです。どのようなコマンドが存在するのか、どのように構成され、いつ使うのかといった概念を学習できます。物理キーボードで操作することで、コマンドを直感的に理解できます。アプリで学習し、エディタで応用できます。

すべてのコマンドは、実際に練習する前にデモが表示されます。バッファはステップごとにアニメーション表示され、キーボードのレプリカは押されたキーをハイライト表示し、レジスタインジケーターは保存された内容を表示します。コマンドを使用する前に、そのコマンドの動作を確認できます。

◆ 代替ではなく、コンパニオン

VimKataはメンタルモデルを学習します。スマートフォンは文法を、ターミナルはタイピングを学びます。通勤中、休憩中、あるいは就寝前に10分間VimKataを手に取り、学んだことを実際のキーボードで実践してみましょう。

◆ デモ → KATAサイクル

各エクササイズはアニメーションデモから始まります。キーストロークのタイムラインが各ステップを追跡します。MacBookキーボードのレプリカはキーをハイライト表示します。その後、画面上のキーボードで練習します。推測する必要はありません。まずは実際に見て、それから試してみましょう。

◆ 実際のコードで練習

演習では、単なる例ではなく、実際のJavaScript、Python、HTML、CSS、Markdownを使用します。各演習には具体的な編集目標が設定されており、「このコードをあのコードに変換する」という目標があります。演習ごとに1つの概念を習得してください。

◆ すべてのキーストロークを採点

各演習は、S（完璧）からD（練習継続）までの評価が付けられます。完了後、アプリは最適な解法と自分の解法を並べて表示し、どのコマンドがより短くなっていたかを正確に確認できます。成績向上を目指して、もう一度挑戦してみましょう。

◆ 7レベル、135のエクササイズ

• L1: 基本動作 — h j k l w b e 0 $ gg G f t

• L2: 基本編集 — x dd dw yy p P cw o

• L3: 演算子 + 動作 — de ct df dt ye cc 3w

• L4: テキストオブジェクト — diw daw ciw ci" da" ci( di( ci{

• L5: ビジュアルモード — v V d y c ~ o

• L6: ナビゲーションの習得 — W B E F T ; , %

• L7: クイック編集 — r s J O I D C ^ ~

レベル1～3は無料です。レベル4～7は1回限りの購入でアンロックされます。

各レベルには、入門エクササイズ（ガイド付き、一度に1つのコマンド）、練習エクササイズ（リアルなコード、フルデモ）、チャレンジ演習（デモやヒントなし、複合スキルをテスト）

◆ VIM は言語です

多くの人は、Vim をコマンドリストとして学びます。VimKata は、その背後にあるシステムを教えてくれます。演算子はモーションを使って操作します。単語の削除、行末への移動、文字のヤンクなど。これが理解できたら、暗記は終わり、すぐに操作を始めます。

◆ 練習キューを作成

現在学習中のコマンドの練習問題をブックマークしましょう。ホーム画面の「保存済み」タブから、自分だけの練習リストにすぐにアクセスできます。