vim入門｜黒板に描いて覚えるviの図解レッスン｜UNIX Cafe

UNIX Cafe | 第62回

黒板の前へようこそ。今日は「図でわかる vi」

vi は、文章で説明されると難しく感じやすいエディタです。
ですが実際には、仕組みはとてもシンプルで、図にすると一気に分かりやすくなります。

このページでは、黒板に図を描くような感覚で、vi の基本構造と操作の流れを整理していきます。
今日のゴールは、i と Esc の行き来が、頭の中で一本の道として見えるようになることです。

ユニ先生

言葉で分からなくても大丈夫。今日は“見る回”だからね。

黒板1枚目｜vi の世界は「2つのモード」でできている

vi には、大きく分けて2つの時間があります。

• 文字を書く時間
• 命令を受け取る時間

この切り替えこそが、vi の中心です。

コマンドモード → i → インサートモード → Esc → コマンドモード

この一本道が見えるようになると、vi のこわさは自然と消えていきます。

入力できないのは、間違いではありません。
いまは「命令を聞く時間」にいるだけです。

黒板2枚目｜最初に覚えるキーの地図

ここまで出てきたキーを、役割ごとに並べるとこうなります。

[書くためのキー]

i   a   o

i   a   o

[戻るキー]

Esc

Esc

[操作するキー]

x   dd   yy   p   u   /

x   dd   yy   p   u   /

[終わるキー]

:wq   :q!

:wq   :q!

一度に全部覚える必要はありません。
最初の優先順位は、i → Esc → :wq / :q! の順で十分です。

黒板3枚目｜保存と終了は“出口の看板”で見る

保存と終了まわりは、不安になりやすい部分です。
でも流れにすると、とても単純です。

文字を書いた
   ↓
Esc を押す
   ↓
保存する？ → はい → :wq
          └→ いいえ → :q!

終了の前にまず Esc。
これだけでも、かなり迷いにくくなります。

黒板4枚目｜編集は「今いる行」が中心

vi の編集操作は、常に「今いる行」を中心に考えると整理しやすくなります。

• dd：今の行を削除
• yy：今の行をコピー
• p：貼り付け
• x：カーソル位置の1文字を削除

範囲選択をしなくても操作できるのは、
この「カレントライン」という考え方があるからです。

黒板5枚目｜編集の基本サイクル

vi の作業は、実は次のくり返しです。

開く → 見る → 書く → 戻る → 直す → 保存する → 終わる

特別な魔法のように見えても、やっていること自体は意外と普通です。
違うのは、「書く」と「操作する」を分けているところだけです。

迷ったときの黒板メモ

文字が打てない
  ↓
コマンドモードかも
  ↓
i を押す

終了できない
  ↓
インサートモードかも
  ↓
Esc を押す
  ↓
:wq または :q!

つまり、多くの迷いは「今どのモードにいるかわからない」ことから起きています。
だからこそ、困ったら Esc が強い味方になります。

黒板の最後に書きたかったこと

vi は、一度に覚えるエディタではありません。

• 毎日ほんの少し触る
• 短い編集を繰り返す

それだけで、手が自然と動くようになっていきます。

vi は逃げません。
急がなくても、確実に手に馴染んでいきます。

まとめ｜今日の黒板レッスンのふりかえり

• vi は「2つのモード」でできている
• 操作の中心は「今いる行」
• 基本コマンドはごく少数
• 図で理解すると、迷いにくくなる

vi は派手な道具ではありません。
ですが、静かに、確実に、現場を支える道具です。

この黒板の内容が、vi と仲良くなる最初の地図になればうれしいです。

もう一度、はじめからゆっくりと

ここまで読み進めてきた今、もう一度最初の回に戻ってみてください。

はじめは少し難しく感じた内容も、
きっと違った景色に見えてくるはずです。

viは、一度で理解するものではなく、
何度か行き来しながら、少しずつ深まっていく道具です。

最初の一歩に戻ることは、後退ではありません。
それは、理解を確かなものにするための大切な一歩です。

👉 もう一度、第1回から読み直してみましょう。

復習してみよう

復習したい方は、こちらもあわせてご覧ください。

vi & vim 入門まとめに戻る

viの基礎がわかってきたら、全体の流れも見てみましょう。
まとめページでは、vimとの違いも整理できます。