JS

JavaScript

初級

読み方:ジャバスクリプト|英語:JavaScript

ウェブページに動きをつけるプログラミング言語で、ボタンクリックで何かを表示したり、データを取得したりできるよ。いつ使う? ボタンを押したら画面が変わる、フォームの入力チェック、APIからデータを取得して表示するなど、ページに「動き」を付けたいときに使うよ。間違いやすいポイント: JavaとJavaScriptは全く別の言語だよ。また、JavaScriptはブラウザだけでなくNode.jsを使えばサーバーサイドでも動くよ。

やさしい説明

JavaScript(ジャバスクリプト)は、Webページに動きをつけるプログラミング言語です。ボタンクリックで何かが起きる、アニメーションが動く——これらはすべてJavaScriptの仕事です。

HTML(構造)、CSS(見た目)と合わせてWeb開発の3本柱です。ブラウザで動く唯一のプログラミング言語で、サーバー側(Node.js)でも使えます。

React、Vue、Next.js などのフレームワークもJavaScriptで書かれています。Web開発を学ぶなら避けて通れない言語です。

具体例・使い方

// ボタンクリックでテキストを変更
const btn = document.getElementById("btn");
btn.addEventListener("click", () => {
  document.getElementById("msg").textContent = "クリックされた!";
});

// 変数、関数、条件分岐
const score = 85;
if (score >= 80) {
  console.log("合格!");
}

いつ使う?

Webサイトに動きをつけるとき、フォームのバリデーション、APIとの通信、SPAの構築——Webで「動く」ものを作るときは必ずJavaScriptを使います。

間違いやすいポイント

❌ Java と JavaScript を混同する

名前は似ていますが全く別の言語です。「ハム」と「ハムスター」くらい違います。JavaScriptはWeb用、JavaはAndroidアプリや大規模システム用です。

よくある疑問

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になります。

関連用語

📖 関連レッスン

レッスンを見る →

関連ブログ記事

⚠️ 関連するエラー

❓ 関連するQ&A