---
title: VSCode_Ubuntu_使い方講義
tags:  #vscode_ubuntu  
author: [Yukiko](https://www.docswell.com/user/yukiko_it)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/PJR9LY3979.jpg?width=480
description: VSCode_Ubuntu_使い方講義 by Yukiko
published: October 22, 26
canonical: https://www.docswell.com/s/yukiko_it/54N71L-2026-10-22-053433
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/PJR9LY3979.jpg)

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


# Page. 2

![Page Image](https://bcdn.docswell.com/page/PEXQWG43JX.jpg)

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


# Page. 3

![Page Image](https://bcdn.docswell.com/page/3EK9V4ZNED.jpg)

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


# Page. 4

![Page Image](https://bcdn.docswell.com/page/L73WMLDZ75.jpg)

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


# Page. 5

![Page Image](https://bcdn.docswell.com/page/87DK6NP4JG.jpg)

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


# Page. 6

![Page Image](https://bcdn.docswell.com/page/VJPKY5NVE8.jpg)

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


# Page. 7

![Page Image](https://bcdn.docswell.com/page/2EVVGPKREQ.jpg)

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


# Page. 8

![Page Image](https://bcdn.docswell.com/page/57GL8PQ6EL.jpg)

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


# Page. 9

![Page Image](https://bcdn.docswell.com/page/4EQY92K2JP.jpg)

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


# Page. 10

![Page Image](https://bcdn.docswell.com/page/KJ4WXLPP71.jpg)

移動と画面操作
移動・理解
キー
画面
キー
定義へジャンプ
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


# Page. 11

![Page Image](https://bcdn.docswell.com/page/LE1YNL9X7G.jpg)

おすすめ設定と拡張機能
拡張機能
用途
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


# Page. 12

![Page Image](https://bcdn.docswell.com/page/GEWG4VQKJ2.jpg)

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


# Page. 13

![Page Image](https://bcdn.docswell.com/page/47ZL24WNJ3.jpg)

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


# Page. 14

![Page Image](https://bcdn.docswell.com/page/YJ6WV3G9JV.jpg)

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


# Page. 15

![Page Image](https://bcdn.docswell.com/page/GJ5MDLVDJ4.jpg)

権限：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


# Page. 16

![Page Image](https://bcdn.docswell.com/page/9E298LXM7R.jpg)

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


# Page. 17

![Page Image](https://bcdn.docswell.com/page/D7Y46Q8PEM.jpg)

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


# Page. 18

![Page Image](https://bcdn.docswell.com/page/VENYZKQMJ8.jpg)

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


# Page. 19

![Page Image](https://bcdn.docswell.com/page/Y79PZVDWE3.jpg)

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


# Page. 20

![Page Image](https://bcdn.docswell.com/page/G78D1P3R7D.jpg)

よくあるトラブルと対処
症状
対処
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


# Page. 21

![Page Image](https://bcdn.docswell.com/page/L7LMQ1V2JR.jpg)

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


# Page. 22

![Page Image](https://bcdn.docswell.com/page/4EMY1WG9EW.jpg)

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