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になります。
関連用語
📖 関連レッスン
レッスンを見る →