C
開発ツール/IDE ターミナル/Lesson 02

IDE + ターミナル — VS Code · IntelliJ · シェル基礎

30分·theory

IDE + ターミナル — VS Code · IntelliJ · シェル基礎

🎯 このlessonを読み終えたら

このlessonをすべて読み終えると、以下の3つを自信を持ってできるようになります。

  • ✅ VS Code vs IntelliJ の選択基準
  • ✅ Git統合ショートカット (Ctrl+Shift+G · Alt+9)
  • ✅ シェルスクリプトの安全3点セット (set -euo pipefail)

学習目標をチェックリストとして持ち、すべてに答えられるようになったらlessonを閉じてください。

IDEの選択と主要ショートカット

一言で: IDE = 思考の速度でコードを移動すること。ショートカット5つを覚えるだけで生産性が2倍になります。

IDE選択基準:

IDE強み用途
VS Code軽量・拡張性JS/TS · Python · 汎用 (Copilot/Cursorのベースでもある)
IntelliJ IDEA強力な静的解析Java · Kotlin · Spring (Ultimateは有料)
CursorAIペアプログラミング全言語 (VS Codeフォーク + Claude/GPT統合)
PyCharmPython専用Django · 科学計算
WebStormJS専用大規模フロントエンド

必須ショートカット7選 (VS Code基準 / IntelliJ併記):

操作VS CodeIntelliJ
クイックファイルオープンCtrl+PCtrl+Shift+N
全体検索Ctrl+Shift+FCtrl+Shift+F
シンボルへ移動Ctrl+TCtrl+Alt+Shift+N
定義へ移動F12Ctrl+B
リファクタリング (名前変更)F2Shift+F6
行の複製Shift+Alt+DownCtrl+D
マルチカーソルCtrl+Alt+DownAlt+クリック

Git統合ショートカット — 実務で毎日使う8選

VS Code Git統合

code
Ctrl+Shift+G       — Source Controlパネルを開く
Ctrl+Enter         — ステージ済みファイルをコミット
Ctrl+Shift+P → Git — すべてのGitコマンドを検索
Ctrl+K Ctrl+O      — 別フォルダを開く

必須拡張機能2選

  • GitLens — 行ごとのblameインライン表示 (誰がいつこのコードを書いたか)。コードの上にマウスをホバーするだけでその行のコミットメッセージ・作者・日付が表示されます。
  • Git Graph — ブランチ履歴の可視化。gitkのGUI版。複雑なマージフローの把握に圧倒的な強みを発揮します。

IntelliJ Git統合

code
Alt + 9            — Gitパネル (Local Changes · Log)
Ctrl + K           — コミット
Ctrl + Shift + K   — Push
Ctrl + T           — Pull (Update Project)
Alt + ` (backtick) — Git操作全体メニュー (ブランチ / マージ / チェックアウト / stash)
Ctrl + Alt + Z     — 変更を元に戻す (Revert)
Shift + Shift      — どこからでもクイック検索 (コミットSHAも可)

最もよく使うワークフロー — IntelliJ基準

code
1. Alt + `              → メニュー
2. "New Branch"         → 新しいブランチ
3. 作業 → Ctrl + K       → コミット (チェックボックスでファイル選択)
4. Ctrl + Shift + K     → Push
5. PR作成 (ブラウザ)
6. Alt + `              → "Checkout" → mainへ
7. Ctrl + T             → Pull

マウスを一度も触らずに Gitフロー全体を完結できます。ショートカットを習得すればVCS作業時間を70%削減できます。

VS Codeでも似たフロー

code
Ctrl+Shift+G → 変更内容を確認 → メッセージを入力 → Ctrl+Enter
F1 → "Git: Push" → Enter
F1 → "Git: Checkout to..." → ブランチを選択

ターミナル + Linux 主要コマンド

ファイル・ディレクトリ:

  • ls -lah — 詳細一覧 (パーミッション · サイズ · 時刻)
  • find . -name "*.ts" -type f — 再帰検索
  • du -sh */ — フォルダ別ディスク使用量
  • tree -L 2 — ツリー構造 (2階層)

検索・フィルター:

  • grep -rn "pattern" . — 再帰・行番号付き
  • ripgrep (rg) — grepより10倍高速
  • cat file | head -20 / tail -f log — 先頭/末尾 + リアルタイム

プロセス・リソース:

  • ps aux | grep node — プロセスを探す
  • top / htop — リアルタイムモニター
  • lsof -i :3000 — ポートを使用しているプロセス
  • kill -9 <PID> — 強制終了

ネットワーク:

  • curl -i URL — ヘッダー付きレスポンス
  • ping host — 接続確認
  • nc -zv host port — ポートの疎通確認
  • dig domain — DNSルックアップ

パイプの活用:

bash
# ディスク使用量が多いフォルダ Top 10
du -sh */ 2>/dev/null | sort -h | tail -10
# ポート3000を占有しているプロセスを終了
lsof -ti :3000 | xargs kill -9
💻 📌 シェルスクリプト安全3点セット — set -euo pipefail
💻 📌 IDE・ターミナル セットアップコマンド
# === VS Code ===
code .                              # 現在のフォルダーを開く
code --diff fileA fileB             # 2つのファイルをdiff
code --install-extension <id>       # 拡張機能をインストール
# 推奨拡張機能: ESLint, Prettier, GitLens, Error Lens, Pretty TypeScript Errors

# === IntelliJ ===
idea .                              # CLIで開く (Toolbox設定が必要)
# 推奨プラグイン: Lombok, Rainbow Brackets, Key Promoter X, GitToolBox

# === ターミナルセットアップ (zsh + oh-my-zsh) ===
sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"
# .zshrc に:
#   alias g='git'
#   alias gst='git status -sb'
#   alias gl='git log --oneline --graph -20'
#   alias k='kubectl'
#   export PATH="$HOME/.local/bin:$PATH"

# === fzf (ファジーファインダー) — 強力推奨 ===
bew install fzf            # macOS
sudo apt install fzf        # Ubuntu
# 使用: Ctrl+R (履歴検索), Ctrl+T (ファイル検索)

# === ripgrep (rg) ===
brew install ripgrep
rg "pattern" --type ts      # TSファイルのみ
rg -l "TODO"                # マッチするファイルリストのみ

🤖 AIにこう依頼してみましょう

このlessonの概念を理解すれば、AIに具体的に指示できるようになります。漠然とした「直して」ではなく、語彙を持ったリクエスト — それがトークン節約の出発点です。

  • 「私のIDEショートカット10個をチートシートにまとめて」
  • 「このプロジェクトに合うVS Code拡張機能を5つ教えて」

なぜこれでトークンが減るのか

概念を知らないと、AIの回答を受け取っても「それって何ですか?」と再度聞く必要があります。その「再質問」がトークンを消費します。概念を一度習得すれば、会話が一度で終わります

IDE + ターミナル — VS Code · IntelliJ · シェル基礎 - 開発ツール