VSCode_Ubuntu_使い方講義

VSCode × Ubuntu 使い方講義 新人・DXエンジニア向け ショートカットとコマンドの早見で、迷わず作業する

今日のゴール 1 迷わず開ける 2 コマンドで動かせる 3 困っても戻れる VSCodeとUbuntuをつなぎ、プロジェクトを開ける 移動・検索・権限・apt を自分で打てる エラーは全文コピーして切り分けられる VSCode × Ubuntu 使い方講義 2

全体の流れ（約110分） 1 2 3 4 準備 VSCode Ubuntu 実践 WSL2 × VSCode ショートカット 設定・拡張 コマンド 権限・apt 時短・トラブル ハンズオン 15分 30分 40分 25分 VSCode × Ubuntu 使い方講義 3

SECTION 1 準備：WSL2 × VSCode 画面はWindows、実行はUbuntu。この関係を押さえる

全体像：どこで何が動く？ Windows PC VSCode WSL拡張で接続 画面・編集 Ubuntu (WSL2) ファイル・実行 code . 左下が「WSL: Ubuntu」なら接続OK VSCode × Ubuntu 使い方講義 5

セットアップ3ステップ 1 PowerShell（管理者）で実行 wsl --install 2 再起動 → Ubuntuのユーザー名・パス ワードを設定 （画面の案内に従う） 3 VSCodeに拡張「WSL」を入れ、作業フォ ルダで実行 code . VSCode × Ubuntu 使い方講義 6

SECTION 2 VSCode：ショートカット マウスを減らすと、作業が一気に速くなる

まず覚える5つ Ctrl+Shift+P Ctrl+P Ctrl+` Ctrl+Shift+F Ctrl+B 何でも実行 ファイルを開く ターミナル 全体検索 サイドバー 迷ったら Ctrl+Shift+P に英単語（例：format）を打つ VSCode × Ubuntu 使い方講義 8

編集ショートカット 操作 キー 行を上下に移動 Alt+↑ / ↓ 行を複製 Shift+Alt+↑ / ↓ コメント ON/OFF Ctrl+/ 次の同じ単語を選択 Ctrl+D 整形（フォーマット） Shift+Alt+F 置換 Ctrl+H VSCode × Ubuntu 使い方講義 9

移動と画面操作 移動・理解 キー 画面 キー 定義へジャンプ F12 左右に分割 Ctrl+\ 元の場所へ戻る Alt+← エクスプローラー Ctrl+Shift+E 一括リネーム F2 Git画面 Ctrl+Shift+G 行番号へジャンプ Ctrl+G 拡張機能 Ctrl+Shift+X 関数一覧 Ctrl+Shift+O 集中モード Ctrl+K Z VSCode × Ubuntu 使い方講義 10

おすすめ設定と拡張機能
拡張機能

用途

Japanese Language Pack

日本語化

WSL / Remote - SSH

Ubuntu接続

GitLens

履歴表示

Error Lens

エラー表示

Prettier

自動整形

{
"editor.formatOnSave": true,
"files.autoSave": "afterDelay",
"editor.tabSize": 2,
"editor.minimap.enabled": false
}

VSCode × Ubuntu 使い方講義

11

SECTION 3 Ubuntu：基本コマンド ls・cd・grep・apt・chmod で8割こなせる

移動とファイル操作 コマンド 意味 pwd 今いる場所 ls -la 隠しファイル含む一覧 cd ~/project 移動（~ はホーム） mkdir -p a/b/c 階層ごとフォルダ作成 cp -r src dst コピー（フォルダは -r） mv old new 移動・名前変更 VSCode × Ubuntu 使い方講義 13

見る・探す コマンド 意味 cat file 全体を表示 less file ページ送り（q で終了） tail -f app.log ログ監視（Ctrl+C で停止） grep -rn "word" . 全文検索（行番号付き） find . -name "*.py" 名前でファイル検索 which python3 コマンドの場所 VSCode × Ubuntu 使い方講義 14

権限：chmod の読み方 所有者 グループ その他 6 4 4 rw- r-- r-- r = 4（読む） w = 2（書く） x = 1（実行） → 6 = 4+2 chmod 644 file chmod +x script.sh sudo chown $USER:$USER file VSCode × Ubuntu 使い方講義 15

apt・サービス・リソース パッケージ sudo apt update # 情報を更新 sudo apt upgrade -y # 更新 sudo apt install git # 追加 サービス systemctl status ssh # 状態 sudo systemctl restart ssh # 再起動 journalctl -u ssh -e # ログ リソース df -h # ディスク空き free -h # メモリ ps aux | grep python VSCode × Ubuntu 使い方講義 # プロセス 16

危険コマンドの注意 ! VSCode × Ubuntu 使い方講義 1 rm は即削除 2 sudo rm -rf は特に危険 3 迷ったら先に ls ゴミ箱はなく、元に戻せない 実行前に必ずパスを確認する 消す対象を目で確認してから 17

SECTION 4 実践：時短・トラブル・演習 覚えるより、早見表に戻れる状態にする

ターミナル時短キー Tab Ctrl+R Ctrl+C 補完（最重要） 履歴検索 処理を止める Ctrl+L !! sudo !! 画面クリア 直前を再実行 管理者で再実行 alias ll='ls -la' VSCode × Ubuntu 使い方講義 alias gs='git status' # ~/.bashrc に書く 19

よくあるトラブルと対処 症状 対処 Permission denied ls -l で権限確認 → chmod / sudo command not found sudo apt install / which で確認 apt がロックされる 別のaptが実行中。数分待って再実行 Permission denied (publickey) 公開鍵をサーバー／ GitHubに登録 ディスクがいっぱい df -h → du -sh * で原因特定 VSCode × Ubuntu 使い方講義 20

ハンズオン（20分） 1 2 3 4 5 起動 開く 作る 探す 確認 Ubuntuを開く code . でVSCode mkdir・touch grep -rn で検索 git status 詰まったら：エラー全文をコピーして、隣の人 or 講師へ VSCode × Ubuntu 使い方講義 21

まとめ 1 Ctrl+Shift+P と Ctrl+P で迷わない 2 ls・cd・grep・apt・chmod で8割こなせる 3 Tab補完と Ctrl+R で時短する