Lecture 06技術理解 — 第 3

Lecture 06ターミナルとは?

コマンドを使って開発環境を操作するターミナルの役割を理解します。

読了の目安 約 6 分図解 準備中難易度

黒い画面に文字がたくさん流れる「ターミナル」。 映画ではハッカーの道具として描かれがちですが、正体は マウス操作の文字版 です。 Web App開発では避けて通れない道具なので、ここで ターミナル との付き合い方を整理しましょう。

このレクチャーでは、ターミナルとは何か、何のために使うのか、 そして「コマンドを暗記しなくてもAIに頼めばいい」という付き合い方を学びます。

1ターミナルはマウス操作の「文字版」

普段あなたはマウスでアイコンをダブルクリックしてアプリを起動したり、 フォルダを開いたりしています。ターミナルは、それと同じ操作を 文字で書いてEnterを押す ための画面です。

たとえば「アプリを起動して」と言いたいときに、マウス操作なら: アイコンをダブルクリック。 ターミナル操作なら:npm run dev と入力してEnter。 結果はだいたい同じで、やり方が違うだけ です。

2開発でターミナルを使う場面

Web App開発では、次のような場面でターミナルが登場します。 全部覚える必要はありません。「こういう時に使うんだな」が分かればOKです。

  • 開発サーバーを起動する:作っているアプリを自分のパソコンで動かして、ブラウザで確認する。
  • ライブラリ(部品)を入れる:他の人が作った便利な部品をアプリに取り込む。
  • テストを実行する:書いたコードが意図どおり動くか自動でチェックする。
  • Gitの状態を見る:変更したファイルや、コミット履歴を確認する。
Figure 6.1あなた → Codex → ターミナルの3層フロー
図解 準備中(生成プロンプトは下記)
生成後は public/lectures/lecture-06-terminal/flow.png に差し替え予定
image · 1400 × 800 (7:4)

3暗記しなくていい、AIに頼めばいい

ターミナルのコマンドはたくさんあります。全部覚える必要はありません。 Codex Appに 日本語で頼むだけ で、適切なコマンドを実行してくれます。

  • 「開発サーバーを起動してください」 → npm run dev をCodexが実行。
  • 「Gitの状態を確認してください」 → git status をCodexが実行。
  • 「テストを走らせてください」 → npm test などをCodexが実行。

コマンドの英文字列は 「読めれば十分」。 書けるようになる必要はありません。これだけで日々の作業は十分まわります。

4危険なコマンドだけは確認する

ターミナルは強力な道具で、削除や上書きを一発で実行 できてしまいます。 ファイル削除や履歴の巻き戻しなど、元に戻せないコマンドだけは要注意です。

Warn

意味の分からないコマンドは、実行前にAIへ確認

rm -rf のような削除系、git reset --hard のような上書き系は、間違えると作業が消えます。 実行する前に「このコマンドは何をしますか?元に戻せますか?」とCodexに聞くクセをつけましょう。 分かったうえで実行するなら問題ありません。

やってみよう · Exercise

このプロジェクトで使えるコマンドをCodexに聞く

実際にCodex Appに次の依頼を投げてみましょう。 プロジェクトでよく使うコマンドが、初心者向けの言葉で整理されて返ってきます。

  1. 「このプロジェクトで使えるコマンドを確認して、初心者向けに説明してください」と依頼する。
  2. 返ってきたリストから「これは試してみたい」と思うものを1つ選び、Codexに実行してもらう。
  3. 実行結果を見て、何が起きたかを自分の言葉で1行メモする。
進捗にチェックをつける

5理解確認チェックリスト

  • ターミナルは「文字でPCに指示を出す画面」だと理解している。
  • コマンドを暗記しなくてもCodexに依頼できると分かっている。
  • 削除・上書き系のコマンドは実行前に確認する意識がある。
End of Lecture 06