自動テストチュートリアル

Playwright、Seleniumなどの自動テストツールを学ぼう

実践演習

実践演習

これまで学んだviの操作を実際に練習してみましょう。

演習1: 基本操作

以下の手順で簡単なファイルを作成してください。

# 1. viでファイルを開く
vi hello.txt

# 2. iを押して挿入モードへ

# 3. 以下の文字を入力
Hello, vi!
This is my first vi file.

# 4. Escでノーマルモードへ

# 5. :wq で保存して終了

# 6. 確認
cat hello.txt

演習2: 編集操作

# 1. ファイルを開く
vi hello.txt

# 2. 行をコピー&ペースト
# - jjで2行目に移動
# - yyで行をコピー
# - pでペースト

# 3. 行を削除
# - ddで行を削除

# 4. 元に戻す
# - uで元に戻す

# 5. 保存して終了
# - :wq

演習3: 検索と置換

vi sample.txt

# iを押して以下を入力:
apple
banana
apple pie
apple juice

# Escでノーマルモードへ

# /apple で検索
# nで次へ移動

# :wq で保存

演習4: 複数行の操作

vi numbers.txt

# 以下を入力(挿入モード):
1
2
3
4
5

# ノーマルモードで:
# gg で先頭行へ
# 3yy で3行コピー
# G で最終行へ
# p でペースト

# :wq で保存

演習5: Gitコミットメッセージを書く

実際のGit操作でviを使う練習です。

# Gitリポジトリで
git commit

# viが開く
# iを押して以下のメッセージを入力:
Add hello.txt file

This is my first commit using vi editor.

# Esc → :wq でコミット完了
🎯 チャレンジ
以下の操作を組み合わせて、自由にファイルを編集してみましょう:
  • 新しい行を追加 (o)
  • 行をコピー (yy)
  • ペースト (p)
  • 削除 (dd)
  • 元に戻す (u)

よくある間違いとトラブルシューティング

問題1: 文字が入力できない

原因: ノーマルモードのまま

解決:

i を押して挿入モードへ

問題2: :wqが文字として入力される

原因: 挿入モードのまま

解決:

Esc を押してノーマルモードへ
削除してから :wq

問題3: viから抜け出せない

解決:

Esc を数回押す
:q! を入力して Enter

次のステップ

viの基本操作ができるようになったら:

  1. VSCodeを使う: 日常的な開発はVSCodeが便利
  2. viは緊急用: サーバー上での編集や、Gitコミットで使う
  3. さらに学ぶ: vimtutorコマンドでチュートリアルを試す
vimtutor
💡 まとめ
viは最初は難しいですが、以下だけ覚えれば実用的です:
  • i で入力開始
  • Esc でコマンドモードへ
  • :wq で保存終了
  • :q! で強制終了