JavaScript とは

JavaScript を学ぶと、Web ページのインタラクティブな動作を自分で作れるようになります。さらに Node.js を使えばサーバー・CLI ツール・AI アプリまで、ひとつの言語でフルスタック開発ができるようになります。2026年現在、あなたが毎日使っているアプリの多くが JavaScript で動いています。

対象読者: プログラミング初心者の方（プログラミング経験不要）

学習時間の目安: 読了 10分

前提知識: 特になし（ターミナルの基本操作があると理解が深まります）

---

JavaScript とは

JavaScript（ジャバスクリプト）とは、1995年に Netscape 社のブレンダン・アイクが開発したプログラミング言語です。

もともとは Web ブラウザの中でページを動かすために作られた言語ですが、現在では Web フロントエンドにとどまらず、サーバー・モバイルアプリ・デスクトップアプリ・AI ツールまで、あらゆる場所で使われています。

なぜ「Java」という名前がついているのか

Java（ジャバ）という別のプログラミング言語とは別物です。当時人気だった Java の名を借りてマーケティング的に命名されたもので、技術的な関係はほとんどありません。開発現場でも「JS（ジェーエス）」と略して呼ぶことが多いです。

---

身近な JavaScript アプリ

毎日使っているアプリやサービスの多くが JavaScript で動いています。

Web アプリ・サービス

サービス	JavaScript の使われ方
Google 検索	検索候補のリアルタイム表示、ページ遷移なしの結果更新
YouTube	動画プレイヤーのコントロール、コメント欄の動的読み込み
Twitter / X	タイムラインの無限スクロール、いいねボタンのアニメーション
Gmail	メールの送受信、ドラッグ＆ドロップによるメール整理
Notion	ブロックエディタ、ページのリアルタイム共同編集
GitHub	コードのシンタックスハイライト、プルリクエストのUI

検索フォームに文字を入力したとき、ページを再読み込みせずに候補が出てくる——あの動作はすべて JavaScript です。

デスクトップアプリ（Electron）

驚くべきことに、普段使っているデスクトップアプリの多くが Electron（エレクトロン）というフレームワークを通じて JavaScript で作られています。

アプリ	用途
VS Code	最も人気のあるコードエディタ
Slack	チームコミュニケーションツール
Discord	ゲーマー・コミュニティ向けチャット
Figma（デスクトップ版）	UI/UXデザインツール
1Password	パスワード管理アプリ

「JavaScript はブラウザの言語でしょ？」と思っていた方も、実は毎日 JavaScript 製のアプリを使っていることになります。

モバイルアプリ（React Native）

React Native（リアクト・ネイティブ）を使うと、JavaScript で iOS・Android 両対応のモバイルアプリを開発できます。

アプリ	用途
Facebook	SNS（一部の画面）
Instagram	写真・動画共有SNS（一部の画面）
Shopify	EC プラットフォームのアプリ
Microsoft Teams	ビジネスコミュニケーションツール

AI ツール・CLI ツール（Node.js）

AI ツールの多くは Node.js（JavaScript のサーバー実行環境）で動いています。

ツール	用途
Claude Code	AI ペアプログラミングツール
GitHub Copilot CLI	ターミナルで使える AI アシスタント
ESLint / Prettier	コード品質チェック・自動整形ツール
Vite / webpack	Web アプリのビルドツール

---

JavaScript の基本

JavaScript はブラウザの開発者ツールで今すぐ試せます。Chrome や Safari を開いて F12（macOS は Command + Option + I）を押してコンソールタブを開くと、JavaScript を直接入力できます。

変数と計算

// 変数を定義する
let name = "JavaScript";
let year = 2026;

// 文字列を結合する
console.log("こんにちは、" + name + "！");
// → こんにちは、JavaScript！

// 計算する
console.log(year + 1);
// → 2027

条件分岐

let hour = new Date().getHours(); // 現在の時刻（時）を取得

if (hour < 12) {
  console.log("おはようございます");
} else if (hour < 18) {
  console.log("こんにちは");
} else {
  console.log("こんばんは");
}

ページの要素を操作する

JavaScript の最大の特徴は、HTML の要素をプログラムから操作できることです。

<!-- HTML -->
<button id="myButton">クリックしてください</button>
<p id="result"></p>

// JavaScript
const button = document.getElementById("myButton");
const result = document.getElementById("result");

button.addEventListener("click", () => {
  result.textContent = "ボタンがクリックされました！";
  result.style.color = "blue";
});

ボタンをクリックすると、ページを再読み込みせずに文章が表示されます。これが JavaScript の核心——ページを動的に変化させる能力です。

非同期処理（API 呼び出し）

現代の JavaScript では、外部 API（Claude の AI など）を呼び出す非同期処理が頻繁に使われます。

// fetch を使って外部 API からデータを取得する例
async function getWeather(city) {
  const response = await fetch(`https://api.example.com/weather?city=${city}`);
  const data = await response.json();
  console.log(`${city}の天気: ${data.weather}`);
}

getWeather("Tokyo");

async / await を使うことで、結果が返ってくるまで待ちながら処理を続けられます。

---

JavaScript が動く場所

JavaScript の実行環境

ブラウザ（Chrome, Safari, Firefox...）
  └── Web ページのインタラクション
  └── DOM 操作、アニメーション
  └── フォームバリデーション

Node.js（ターミナル・サーバー）
  └── Web サーバー（Express, Next.js）
  └── CLI ツール（Claude Code など）
  └── ビルドツール（Vite, webpack）
  └── AI アプリ開発

Electron（デスクトップ）
  └── VS Code, Slack, Discord

React Native（モバイル）
  └── iOS / Android アプリ

同じ JavaScript の知識が、これだけ多くの場所に応用できます。

---

Python との違い

JavaScript と Python はどちらも初心者向けの人気言語ですが、得意分野が異なります。

観点	JavaScript	Python
主な実行場所	ブラウザ・Node.js	サーバー・ターミナル
得意分野	Web フロントエンド・UI	AI/ML・データ分析・自動化
AI SDK サポート	◎（Node.js 経由）	◎（最優先サポート）
入門しやすさ	ブラウザで即試せる	ファイル実行が基本
文法の特徴	{} でブロックを表現	インデントでブロックを表現

Web を作りたい なら JavaScript から、AI・データ分析 なら Python から始めるのが効率的です。どちらも習得できれば、できることの幅が大きく広がります。

---

まとめ

• JavaScript は Web ブラウザで動く唯一のプログラミング言語
• Gmail・YouTube・VS Code・Slack など、身近なアプリの多くが JavaScript 製
• Node.js により、サーバー・CLI ツール・AI アプリにも使える
• ブラウザのコンソールで今すぐ試せる入門しやすい言語
• Python と組み合わせることで、Web + AI のフルスタック開発が可能

---

よくある質問

Q: JavaScript と TypeScript はどう違いますか？

A: TypeScript は JavaScript に「型」の概念を追加した言語です。TypeScript で書いたコードは最終的に JavaScript に変換されて動きます。大規模な開発では TypeScript が主流ですが、入門段階では JavaScript から始めることをおすすめします。

Q: JavaScript だけで AI アプリを作れますか？

A: はい。Anthropic や OpenAI の公式 SDK は JavaScript（Node.js）にも対応しており、JavaScript だけで Claude や GPT を使ったアプリを開発できます。Python ほど AI ライブラリは多くありませんが、Web との親和性が高いのが強みです。

Q: jQuery はまだ必要ですか？

A: 新しいプロジェクトでは必要ありません。jQuery は 2006年頃にブラウザ間の差異を吸収するために普及しましたが、現代のブラウザは標準 API が充実しており、jQuery なしで同等のことができます。

---

次のステップ

• Node.js とは — JavaScript をブラウザの外で動かす実行環境
• nvm - Node.js バージョン管理 — Node.js のバージョン管理ツール
• Node.js のインストール — 実際に Node.js をセットアップする手順

参考資料

• MDN Web Docs - JavaScript — Mozilla による公式ドキュメント（日本語対応）
• JavaScript.info — 体系的な JavaScript チュートリアル（日本語版あり）