プログラムが動く仕組みとは、書いたコードをどの実行環境が読み取り、どの場所で処理するのかを理解することです。
一言でいうと
コードは、書いた場所ではなく、対応する実行環境の上で動きます。
VS Codeで書いたから動くのではありません。VS Codeは編集する道具です。実際に動かすのは、ブラウザ、Node.js、JVM、Pythonなどの実行環境です。
実行環境の例
| 言語/技術 | 主な実行環境 | 例 |
|---|---|---|
| HTML/CSS | ブラウザ | Chrome、Edge、Safari |
| JavaScript | ブラウザ、Node.js | DOM操作、CLI、サーバー |
| Java | JVM | java コマンドで実行 |
| Python | Pythonインタプリタ | python コマンドで実行 |
同じファイルでも、実行環境が違うと使える機能が変わります。
ブラウザで動くもの
ブラウザは、HTML、CSS、JavaScriptを読み取ります。
- HTML: 文書構造
- CSS: 見た目
- JavaScript: 動きや操作
ブラウザ上のJavaScriptは、document や window を使えます。これはブラウザが提供する機能です。
console.log(document.title);
このコードはブラウザでは動きますが、Node.jsでは基本的に動きません。
Node.jsで動くもの
Node.jsは、ブラウザの外でJavaScriptを動かす実行環境です。
node main.js
Node.jsではファイル操作、サーバー作成、CLIツール作成などができます。一方、ブラウザの画面要素である document は標準ではありません。
JavaとPythonの違い
Javaは、コードをコンパイルしてJVM上で実行します。
javac Main.java
java Main
Pythonは、Python実行環境がコードを読み取りながら実行します。
python main.py
細かい仕組みは違いますが、どちらも「実行するための環境」が必要です。
よくある誤解
| 誤解 | 実際 |
|---|---|
| VS Codeがプログラムを動かしている | VS Codeは主に編集する道具 |
| JavaScriptはブラウザ専用 | Node.jsでも動く |
document はJavaScript標準 | ブラウザが提供するAPI |
| インストールしただけで全部動く | 実行コマンドやPATH確認が必要 |
ポイント: エラーが出たら「どの実行環境で動かしているか」を確認します。ブラウザ向けコードをNode.jsで実行しているだけ、ということもよくあります。
まとめ
プログラムは、対応する実行環境の上で動きます。エディタはコードを書く場所、ブラウザやNode.jsやJVMやPythonはコードを実行する場所です。この違いを理解すると、環境構築やエラー対応が整理しやすくなります。