<h2 id="%E3%83%A2%E3%83%BC%E3%83%89" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E3%83%A2%E3%83%BC%E3%83%89" aria-hidden="true"></a> モード</h2>
<p data-line="2" class="code-line">Vim は下図の 4 つのモードを切り替えて操作します。</p>
<p data-line="4" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/36b9a38fd1f1-20220115.png" alt="vim4つのモード" loading="lazy" class="md-img"></p>
<aside class="msg message"><span class="msg-symbol">!</span><div class="msg-content">
<p data-line="7" class="code-line">途中で困ったら「esc」を押してノーマルモードに戻りましょう。<br>
まずは、「:」でコマンドモードに移って<br>
「q!」(強制終了)または「wq」(上書きして終了)だけ<br>
覚えておけば、OK です。</p>
</div></aside>
<h3 id="%E3%83%8E%E3%83%BC%E3%83%9E%E3%83%AB%E3%83%A2%E3%83%BC%E3%83%89" data-line="13" class="code-line">
<a class="header-anchor-link" href="#%E3%83%8E%E3%83%BC%E3%83%9E%E3%83%AB%E3%83%A2%E3%83%BC%E3%83%89" aria-hidden="true"></a> ノーマルモード</h3>
<p data-line="15" class="code-line">Vim を起動すると、ノーマルモードから始まります。<br>
ノーマルモードを起点に各モードに遷移することができます。<br>
それぞれのモードで「Esc」を押すとノーマルモードに遷移します。</p>
<h4 id="%E7%A7%BB%E5%8B%95" data-line="19" class="code-line">
<a class="header-anchor-link" href="#%E7%A7%BB%E5%8B%95" aria-hidden="true"></a> 移動</h4>
<p data-line="21" class="code-line">矢印キーでも移動できますが、コマンドを使うことでホームポジションを崩さずに移動できます。</p>
<table data-line="23" class="code-line">
<thead data-line="23" class="code-line">
<tr data-line="23" class="code-line">
<th>コマンド</th>
<th>動作</th>
</tr>
</thead>
<tbody data-line="25" class="code-line">
<tr data-line="25" class="code-line">
<td>h</td>
<td>左に移動</td>
</tr>
<tr data-line="26" class="code-line">
<td>j</td>
<td>下に移動</td>
</tr>
<tr data-line="27" class="code-line">
<td>k</td>
<td>上に移動</td>
</tr>
<tr data-line="28" class="code-line">
<td>l</td>
<td>右に移動</td>
</tr>
<tr data-line="29" class="code-line">
<td>gg</td>
<td>一番上の行に移動</td>
</tr>
<tr data-line="30" class="code-line">
<td>G</td>
<td>一番下の行に移動</td>
</tr>
<tr data-line="31" class="code-line">
<td>gj</td>
<td>折り返し時に 1 つ下の行に移動</td>
</tr>
<tr data-line="32" class="code-line">
<td>gk</td>
<td>折り返し時に 1 つ上の行に移動</td>
</tr>
</tbody>
</table>
<h4 id="%E3%81%9D%E3%81%AE%E4%BB%96" data-line="34" class="code-line">
<a class="header-anchor-link" href="#%E3%81%9D%E3%81%AE%E4%BB%96" aria-hidden="true"></a> その他</h4>
<table data-line="36" class="code-line">
<thead data-line="36" class="code-line">
<tr data-line="36" class="code-line">
<th>コマンド</th>
<th>動作</th>
</tr>
</thead>
<tbody data-line="38" class="code-line">
<tr data-line="38" class="code-line">
<td>x</td>
<td>1 文字削除</td>
</tr>
<tr data-line="39" class="code-line">
<td>d</td>
<td>delete(切り取り)</td>
</tr>
<tr data-line="40" class="code-line">
<td>y</td>
<td>yank(コピー)</td>
</tr>
<tr data-line="41" class="code-line">
<td>p</td>
<td>put(ペースト)</td>
</tr>
<tr data-line="42" class="code-line">
<td>u</td>
<td>undo(1 つ前に戻す)</td>
</tr>
<tr data-line="43" class="code-line">
<td>Ctrl + r</td>
<td>redo(取り消した操作のやり直し)</td>
</tr>
</tbody>
</table>
<p data-line="45" class="code-line">yy など 同じコマンドを 2 回繰り返すと現在の行全体に対して動作を行います。<br>
たとえば、yy ならば現在の行全体を yank することになります。<br>
dd→p をすることで、切り取ったあと貼り付けができます。</p>
<h3 id="%E5%85%A5%E5%8A%9B%E3%83%A2%E3%83%BC%E3%83%89" data-line="49" class="code-line">
<a class="header-anchor-link" href="#%E5%85%A5%E5%8A%9B%E3%83%A2%E3%83%BC%E3%83%89" aria-hidden="true"></a> 入力モード</h3>
<p data-line="51" class="code-line">ノーマルモードから「i」を入力すると入力モードに移ります。<br>
ファイルを編集するときなど、文字を入力するときに使います。</p>
<h3 id="%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB%E3%83%A2%E3%83%BC%E3%83%89" data-line="54" class="code-line">
<a class="header-anchor-link" href="#%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB%E3%83%A2%E3%83%BC%E3%83%89" aria-hidden="true"></a> ビジュアルモード</h3>
<p data-line="56" class="code-line">ノーマルモードから「v」を入力するとビジュアルモードに移ります。<br>
主に範囲指定をするときに使います。<br>
「Shift+v」で行選択をしたあと、yank→put を行うなど<br>
他のコマンドと組み合わせて使います。</p>
<h3 id="%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89%E3%83%A2%E3%83%BC%E3%83%89" data-line="61" class="code-line">
<a class="header-anchor-link" href="#%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89%E3%83%A2%E3%83%BC%E3%83%89" aria-hidden="true"></a> コマンドモード</h3>
<p data-line="63" class="code-line">保存や Vim の終了を行います。<br>
ノーマルモードから「:」や「/」を入力するとコマンドモードに移ります。<br>
「!」をコマンドの前につけると強制的に実行します。</p>
<table data-line="66" class="code-line">
<thead data-line="66" class="code-line">
<tr data-line="66" class="code-line">
<th>コマンド</th>
<th>動作</th>
<th>その他</th>
</tr>
</thead>
<tbody data-line="68" class="code-line">
<tr data-line="68" class="code-line">
<td>:q</td>
<td>終了</td>
<td></td>
</tr>
<tr data-line="69" class="code-line">
<td>:w</td>
<td>上書き保存</td>
<td></td>
</tr>
<tr data-line="70" class="code-line">
<td>:wq</td>
<td>上書き保存して終了</td>
<td></td>
</tr>
<tr data-line="71" class="code-line">
<td>:q!</td>
<td>強制終了</td>
<td></td>
</tr>
<tr data-line="72" class="code-line">
<td>/{word}</td>
<td>{word}の検索</td>
<td>n で次へ進み、N で 1 つ前に戻る</td>
</tr>
</tbody>
</table>
<h2 id="%E4%BD%BF%E3%81%84%E6%96%B9%E3%82%92%E8%A6%9A%E3%81%88%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AB" data-line="74" class="code-line">
<a class="header-anchor-link" href="#%E4%BD%BF%E3%81%84%E6%96%B9%E3%82%92%E8%A6%9A%E3%81%88%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AB" aria-hidden="true"></a> 使い方を覚えるために</h2>
<p data-line="76" class="code-line">実際に使ってみないと覚えられないと思います。<br>
VSCode では<a href="https://marketplace.visualstudio.com/items?itemName=asvetliakov.vscode-neovim" target="_blank" rel="nofollow noopener noreferrer">Neovim</a>をインストールすることで、実際に Vim を使うことができます。<br>
ゲーム感覚で楽しみたい人は、<a href="https://vim-adventures.com/" target="_blank" rel="nofollow noopener noreferrer">VimAdventure</a>で遊びながら学べます。</p>


Vimの4つのモードを使いこなす

mattn

モーリー

<p>ご指摘ありがとうございます🙏</p>


Discussion