JavaScript
初級読み方：ジャバスクリプト｜英語：JavaScript
ウェブページに動きをつけるプログラミング言語で、ボタンクリックで何かを表示したり、データを取得したりできるよ。
やさしい説明
JavaScript（ジャバスクリプト）は、Webページに動きをつけるプログラミング言語です。ボタンクリックで何かが起きる、アニメーションが動く——これらはすべてJavaScriptの仕事です。
HTML（構造）、CSS（見た目）と合わせてWeb開発の3本柱です。ブラウザで動く唯一のプログラミング言語で、サーバー側（Node.js）でも使えます。
React、Vue、Next.js などのフレームワークもJavaScriptで書かれています。Web開発を学ぶなら避けて通れない言語です。
具体例・使い方
// ボタンクリックでテキストを変更（DOM操作）
const btn = document.getElementById("btn");
btn.addEventListener("click", () => {
document.getElementById("msg").textContent = "クリックされた！";
});
// 変数・条件分岐・関数の基本
const score = 85;
if (score >= 80) {
console.log("合格！");
}
function greet(name) {
return `こんにちは、${name}さん！`;
}
console.log(greet("太郎")); // "こんにちは、太郎さん！"JavaScriptでできること
- DOM操作 — HTMLの要素を取得・追加・削除・変更する
- イベント処理 — クリック・入力・スクロールなどユーザー操作に反応する
- API通信 — サーバーからデータを取得・送信する（fetch）
- アニメーション — CSS と連携したり、requestAnimationFrame で動きをつける
- バリデーション — フォームの入力値を送信前にチェックする
- サーバーサイド — Node.js を使ってサーバーアプリを作る
JavaScriptは毎年アップデートされています（ES2015〜）。const / let・アロー関数・async/await・分割代入など、現代の書き方（モダンJS）を学ぶことが大切です。
いつ使う？
Webサイトに動きをつけるとき、フォームのバリデーション、APIとの通信、SPAの構築——Webで「動く」ものを作るときは必ずJavaScriptを使います。
間違いやすいポイント
❌ Java と JavaScript を混同する
名前は似ていますが全く別の言語です。「ハム」と「ハムスター」くらい違います。JavaScriptはWebブラウザやNode.jsで動く言語で、JavaはAndroidアプリや大規模サーバーシステムに使われます。
❌ scriptタグの置き場所を間違える
<head> 内にscriptを置くとHTMLが読み込まれる前に実行されてDOM操作が失敗します。</body> の直前か、defer 属性を使って読み込みましょう。
よくある疑問
Q: JavaとJavaScriptは同じ？
A: まったく別の言語です。名前が似ているだけで、文法も用途も異なります。JavaScriptはWeb開発、Javaは企業システムやAndroidアプリに使われます。
Q: JavaScriptはどこで動く？
A: ブラウザ（Chrome, Firefox等）とNode.js（サーバー）で動きます。ブラウザではDOM操作、Node.jsではファイル操作やサーバー構築ができます。
Q: TypeScriptとの違いは？
A: TypeScriptはJavaScriptに「型」を追加した言語です。大規模開発でバグを防ぎやすくなります。TypeScriptはコンパイルするとJavaScriptになります。
関連用語
📖 関連レッスン
レッスンを見る →