プログラミング

【viのモード切替】コマンドモード⇔ノーマルモード⇔入力モード

  • このエントリーをはてなブックマークに追加
  • LINEで送る

こんにちわ!

Linux系のOSで避けては通れないviエディタ。

今回は、viエディタについて解説いたします。

 

『viエディタのモードって何?』
『viのモード切替ができない!』
『viのカーソルすら動かない!』

このような疑問に答えます。


SEおっさん
SEおっさん
SE歴20年のオッサンが詳しく解説するぞい!
※保有資格
応用情報技術者/OracleMasterGold/Java EE Webコンポーネントディベロッパ/Pythonエンジニア認定データ分析/簿記2級

【viのモード切替】コマンドモード⇔ノーマルモード⇔入力モード

viエディタには操作するモードという概念があります。

主なモードはノーマルモード・コマンドモード・入力モードの3つです。

【viのモード切替】ノーマルモード⇔入力モード


iキーとESCキーを押下することでモード切替【ノーマルモード⇔入力モード】を行います。

モードの切替方法【ノーマルモード⇔入力モード】
  • 入力モード iキー
    INSERT(またはINPUT)のiキーと覚えよう!
  • ノーマルモード ESCキー

【viのモード切替】ノーマルモード⇔コマンドモード

:キーとESCキーを押下することでモード切替【ノーマルモード⇔コマンドモード】を行います。

モードの切替方法【ノーマルモード⇔コマンドモード】
  • コマンドモード :キー
  • ノーマルモード ESCキー

【viのモード切替】キーボード入力~ファイルを保存まで

viでキーボード入力してファイルを保存するまでの主な流れです。

  1. iキーで入力モード
  2. キーボード入力
  3. ESCキーでノーマルモード
  4. :キーでコマンドモード
  5. wキーとEnterでファイルを保存(writeの頭文字でwキーと覚えよう)
  6. ESCキーでノーマルモード
たろちゃん
たろちゃん
コマンドモードのwでファイルを保存するんだね

ちなみに…

ノーマルモードのカーソル移動はこちら。

  • 下にカーソルが移動…「j」キー
  • 上にカーソルが移動…「h」キー
  • 右にカーソルが移動…「l」キー
  • 左にカーソルが移動…「h」キー

慣れてきたら右「l」と左「h」のカーソル移動はあまり使わなくなります。
(ノーマルモードの詳細は別の記事で書く予定)

【viのモード切替】ファイルを開いてから閉じるまで

viでファイルを開いてからファイルを閉じるまでの主な流れです。
(キーボード入力やファイルの保存は前章をご参照)

  1. vi コマンドでファイルを開く(もしくは新規作成)
  2. iキーで入力モード
  3. ESCキーでノーマルモード
  4. :キーでコマンドモード
  5. qキーとEnterでファイルを閉じる(quitの頭文字でqキーと覚えよう)
SEおっさん
SEおっさん
コマンドモードのqでファイルを閉じるぞい

viのビジュアルモードと切替(ノーマル・ライン・ブロック)

viのモードは、基本となるコマンドモード・入力モード意外にもビジュアルモードがあります。

このビジュアルモードはテキストを選択するモードです。

ビジュアルモードは次の3種類。

ビジュアルモード
  • ビジュアルモード…文字単位で選択[v]
  • ビジュアルラインモード…行単位で選択[V]
  • ビジュアルブロックモード…矩形で選択[Ctrl-v] Windowsでは[Ctrl-q]

ビジュアルモードは使い道・使い方は?

ビジュアルモードはコピペで良く使います。

ビジュアルモードでテキスト選択したものをコピーして、別の所にペーストしたりです。

3種類のビジュアルモードで実際に選択するイメージをそれぞれ見てみましょう。

たろちゃん
たろちゃん
ブロックモードは便利そうだね!


vimエディタとviエディタの関係

厳密にいうと、ビジュアルモードはviにはありません。

ビジュアルモードはviから派生したエディタであるvimに搭載されています。

基本的には今のLinuxはvimとなっている印象です。

viで起動してもailiasとしてvimが設定されており、実際に起動しているのはvimということも多いかと思います。

たろちゃん
たろちゃん
あ、そうなんだ

もっというと…

VimはCUIで動作しますが、GUIで動くVimをGvimと呼んでます。

意外と奥が深いぞい
SEおっさん
SEおっさん

viのモード切替が存在する理由【CUIとGUI】

モードなんて無い方がシンプルですよね。

そもそも、なぜviにモードがあるのでしょうか?

viに2つのモード(入力モードとコマンドモード)がある理由は…

viはCUI(キャラクタユーザインタフェース)のエディタだからです。

CUIとは

たろちゃん
たろちゃん
CUIって何?

CUIはキャラクタユーザインタフェースと呼ばれ、エディタの見た目が文字ベースとなっています。

そして、viはCUIです。

CUIであるviは文字ベースの見た目のため、

文字を入力するモードと命令を実行するモードを分けないと操作がややこしくなる

という理由で、コマンドモードと入力モードを切替ながら作業します。

GUIもあるぞい
SEおっさん
SEおっさん

GUIとは

CUIに対して、GUIと呼ばれるグラフィカルユーザーインターフェースがあります。

GUIとは、ユーザが画面上で視覚的に捉えて行動を指定できるインタフェースのことです。

WindowsやMacのエディタは基本的にはGUIです。

WindowsやMacでエディタが立ち上がると…

ウィンドウとして表示されてマウスでドラッグや☓ボタンで閉じたりできますよね。

それは、GUIだからできる技なのです。

CUIは文字によるコマンド入力方式のインターフェースなので、ドラッグはもちろんの事、閉じたり保存したりもコマンドを入力が必要です。

viはコマンド入力モードと文字入力モードの2つで操作を切り替えているのです。

たろちゃん
たろちゃん
なるほど!
そういうことね

コマンド入力モードでは、ファイルの保存やカーソルの移動・文字のコピーペーストなどを行います。

入力モードでは、エディタに文字を入力します。

一昔前のパソコンがCUIでしたが、Windowsで一気にGUIが広まりました。

現在のパソコンのインターフェースは、ほとんどGUIを採用しています。

サーバはGUIである必要はないのでCUIであるviを使うことも多いです。

 

viのモード切替!まとめ

いかがでしたでしょうか?

viのモード切替について解説いたしました。

 

振り返ってみましょう!

モードの切替方法【ノーマルモード⇔入力モード】
  • 入力モード iキー
  • ノーマルモード ESCキー
モードの切替方法【ノーマルモード⇔コマンドモード】
  • コマンドモード :キー
  • ノーマルモード ESCキー
ビジュアルモード
  • ビジュアルモード…文字単位で選択[v]
  • ビジュアルラインモード…行単位で選択[V]
  • ビジュアルブロックモード…矩形で選択[Ctrl-v] Windowsでは[Ctrl-q]

ビジュアルモードはコピペで良く使う。

viでキーボード入力してファイルを保存するまで

  1. iキーで入力モード
  2. キーボード入力
  3. ESCキーでノーマルモード
  4. :キーでコマンドモード
  5. wキーとEnterでファイルを保存
  6. ESCキーでノーマルモード
viでファイルを開いて閉じるまで

  1. vi コマンドでファイルを開く(もしくは新規作成)
  2. iキーで入力モード
  3. ESCキーでノーマルモード
  4. :キーでコマンドモード
  5. qキーでファイルを閉じる

最後に…

エディターは作業効率にかなり影響する部分です。

私がviエディタを初めて触ったときは

『なんじゃこりゃ』

使いにくいってレベルじゃありませんでした(笑)

でも、使っていくうちにviエディタの打ちやすさに目覚めて行きます。

慣れてくると『viじゃなきゃダメ』ってなるかも。

viに慣れすぎて…

メーラでカーソル移動を使用とすると「jjj」となることも(笑)
(ここまで来るとvi使い)

一緒に頑張りましょー

SEおっさん
SEおっさん
ここまで読んでくれてありがとう!

プロフィールの詳細

【あきらめんな】未経験からプログラマーに転職する3つの方法!

未経験という理由であきらめてませんか?


『お金は無い!!』

『プログラマに変身したい!!』

『自由に転職活動を行いたい!!』

 

そんな、あなたには…
内定辞退しても無料が消滅しない0円スクール がオススメです。

無料のプログラミングスクールは数多くありますが、
「斡旋企業へ就職しなければ無料が消滅する」
というスクールが乱立しています。

斡旋された企業の内定を辞退したら、高額なお金を支払わなければならないのです。

 

斡旋先がブラック企業かもしれません
(まともなスクールなら無いとは思いますが…)

あなたが自ら動いた転職活動で、理想の企業から内定をもらえたらどうしますか?
苦労して勝ちとった理想の企業を選んだら、スクールから高額な支払いが待っているなんて…



『うぉーー』

ですよね。

 

0円スクール は内定辞退しても無料の条件は消滅しません。

分かりやすく言うと「ハローワークの職業訓練」みたいなものです。
おすすめする理由が、なんとなく分かりましたか?

もし仮に、あなたが0円スクールへ入学すれば…

  1. 現場に必要なスキルを3ヶ月で学習

    プログラミングの基礎からアプリ開発まで

  2. マナー講座の受講

    挨拶・礼儀、来訪・往訪マナーや電話応対練習
    報連相の重要性

  3. IT業界で働く上で必要な情報セキュリティについて学習
  4. 希望があれば株式会社ブレーンナレッジシステムズの正社員として積極的に雇用

    就職率は9割以上、断ってもOK
    自分でも就職活動して良い企業を探すことができる。

このようなことが無料でGetできます。
プログラマとして年収・やる気アップさせるチャンスです。

今はどこの企業もIT技術者不足に悩んでいます。

0円スクールで見事にプログラマへ転職した後、
プログラマとして経験を積めば、再転職で更なる年収アップが期待できる。
そんな現実的な世界があなたを待っています。

ひと言だけ付け加えさせてもらうなら、
プログラマとしてのスキルアップに試行錯誤は必要ですよ。
また、それも楽しかったりします(^^;

とりあえず、伝えたいのは


未経験という理由であきらないで!
無料の一歩を踏み出そう!!


ということです。

正直、ここでは伝えきれないので、0円スクール をクリックした方が早いです。
あなたに合うプログラミングスクールか吟味してみて!

体験入学・説明会も開催しています。
迷っていたら、あなたの目と耳で実際に確認してみてください

  • このエントリーをはてなブックマークに追加
  • LINEで送る

コメントを残す

*