JavaScriptのインストールは不要｜ダウンロードせず動かす方法

JavaScriptは、インストールもダウンロードも必要ありません。Chrome・Edge・Safari・Firefoxなどのブラウザの中に、JavaScriptを動かす仕組み（実行環境）が最初から入っているからです。ソフトを入れる必要があるのは、JavaScriptをブラウザの外（サーバーや自分のパソコンのツール）で動かしたいときだけで、その場合は「Node.js」をインストールします。

この記事では、ブラウザだけで今すぐJavaScriptを動かす方法、HTMLファイルを作ってローカルで動かす方法、Node.jsのインストール手順、Windows・Mac・iPadで使える開発環境を順番に解説します。コードはすべて2026年9月時点のブラウザ（Chromium）とNode.jsで動作を確認しています。

JavaScriptのインストール・ダウンロードが不要な理由

JavaScriptは、Webページに動きを付けるために作られたプログラミング言語です。Webページを開くと、ブラウザがHTML・CSSと一緒にJavaScriptのコードを読み込み、その場で実行します。つまり、ブラウザそのものがJavaScriptの実行環境になっているため、別にソフトをインストールする必要がないのです。

これに対して、PHPやPythonなどは、動かすパソコンやサーバーに言語のソフト（処理系）をインストールする必要があります。JavaScriptもブラウザの外で動かす場合は、同じようにNode.jsというソフトを入れます。

「Java」と「JavaScript」は別のもの

「ジャバスクリプト ダウンロード」と検索して、java.comのダウンロードページにたどり着く方もいます。しかし、JavaとJavaScriptは名前が似ているだけで、別のプログラミング言語です。Javaの公式サイトでも、Javaはコンパイル（実行できる形に変換）が必要なのに対し、JavaScriptのコードはテキストのままブラウザ上で実行される、と違いが説明されています。

やりたいこと別：JavaScriptの実行環境に必要なもの

JavaScriptで「何をしたいか」によって、用意するものが変わります。まずは自分に当てはまる行を確認してください。

「JavaScriptを勉強したい」「Webページに動きを付けたい」という方は、上から3つめまでで十分です。Node.jsは、必要になってから入れても遅くありません。

ブラウザだけで今すぐJavaScriptを動かす方法

手軽なのは、ブラウザに付いている開発者ツールの「Console（コンソール）」を使う方法です。今使っているブラウザだけで試せます。

console.log('Hello, JavaScript!');
console.log(1 + 2);

「Hello, JavaScript!」と「3」が表示されれば、JavaScriptが動いています。Safariの場合は、最初に設定の「詳細」で開発者向けの機能（「開発」メニュー）をオンにする必要があります。

Consoleには、自分で書いたコードや信頼できる教材のコードだけを入力しましょう。知らない人から渡されたコードを貼り付けるのは危険です。

JavaScriptをローカルで動かす方法（HTMLファイル）

自分でWebページを作ってJavaScriptを動かすときは、HTMLファイルの中にJavaScriptを書き、ブラウザで開きます。これもインストールは不要です。

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>はじめてのJavaScript</title>
</head>
<body>
  <p id="message">ボタンを押してください</p>
  <button type="button" id="btn">押す</button>

  <script>
    const message = document.getElementById('message');
    document.getElementById('btn').addEventListener('click', () => {
      const now = new Date();
      message.textContent = `JavaScriptが動きました（${now.getHours()}時${now.getMinutes()}分）`;
    });
    console.log('hello.htmlのJavaScriptを読み込みました');
  </script>
</body>
</html>

Macのテキストエディットを使う場合は、「フォーマット」メニューから「標準テキストにする」を選んでから保存してください。リッチテキストのままだと、HTMLとして正しく保存されません。

ボタンで文字を変えるほかにも、画像の切り替えやタブ、時計など、HTMLファイルに貼るだけで動くサンプルは「JavaScriptサンプルコード集24選｜Webサイトで使える例」にまとめています。

.jsファイルの開き方

JavaScriptだけを書いたファイル（拡張子が.js）は、ダブルクリックしてもWebページのようには表示されません。Windowsでは、ブラウザではない別のプログラムで実行しようとしてエラーが出ることもあります。.jsファイルは、次のように扱いましょう。

JavaScriptが動かないときは「有効にする」を確認

インストールが不要なのに「JavaScriptを有効にしてください」と表示される場合は、ブラウザの設定でJavaScriptが無効（ブロック）になっている可能性があります。パソコンのChromeでは、次の場所で確認できます。

Edge・Safari・Firefox、スマホ（iPhone・Android）の手順や、有効にしても表示されないときの対処法は「JavaScriptを有効にする方法｜パソコン・スマホ別の設定手順」で詳しく解説しています。

Node.jsのインストールが必要な場合（Windows・Mac）

JavaScriptは、ブラウザの外でも使われています。サーバー側の処理（Webアプリのバックエンド）、パソコン上で動くツール、ReactやVue.jsなどを使った本格的なWeb開発では、Node.js（ノードジェイエス）という実行環境をインストールします。Node.jsを入れると、パッケージ（便利な部品）を追加するためのnpmも一緒に使えるようになります。

Node.jsのインストール手順

node -v
npm -v

「v24.21.0」のようにバージョンが表示されれば、インストールは完了です。初心者は、新しい機能が入る「Current」版より、長く安定して使えるLTS版を選ぶのがおすすめです。

Node.jsでJavaScriptファイルを実行してみる

次のコードを「hello.js」という名前で保存し、そのファイルがあるフォルダでコマンドを実行します。

const name = 'Kredo';
const items = ['HTML', 'CSS', 'JavaScript'];

console.log(`こんにちは、${name}さん`);
items.forEach((item, i) => {
  console.log(`${i + 1}. ${item}`);
});
console.log(`合計：${items.length}つ`);

node hello.js

実行すると、次のように表示されます。

こんにちは、Kredoさん
1. HTML
2. CSS
3. JavaScript
合計：3つ

Node.jsで動かす場合、ブラウザがないためdocument（Webページの要素を操作する機能）やalertは使えません。「Webページを動かすJavaScript」と「Node.jsで動かすJavaScript」は、書き方は同じでも使える機能が違う点を覚えておきましょう。

JavaScriptの開発環境：無料のエディタとオンライン実行環境

JavaScriptの開発環境とは、コードを書くエディタと、コードを動かす実行環境（ブラウザやNode.js）の組み合わせのことです。専用のエディタを使うと、色分けや入力の補完で間違いに気づきやすくなります。

Visual Studio Code（Windows・Mac）

Microsoftが提供する無料のコードエディタで、Windows・Mac・Linuxで使えます。JavaScriptの色分けや入力の補完が最初から使え、拡張機能でさらに機能を追加できます。初心者の最初のエディタに向いています。公式サイト：Visual Studio Code

JSFiddle・CodePen（インストール不要のオンライン実行環境）

どちらも、ブラウザ上でHTML・CSS・JavaScriptを書いて、結果をすぐ確認できるサービスです。ソフトをインストールできないパソコンでも試せます。

Web Maker（オフラインでも使える）

HTML・CSS・JavaScriptのためのエディタで、ブラウザの中で動くため、ネットにつながっていなくてもプレビューを確認できます。Webアプリとして開くほか、Chromeの拡張機能としても使えます。公式サイト：Web Maker

iPhone・iPadでJavaScriptを動かすなら

iPhone・iPadでは、App Storeで提供されている無料アプリ「JavaScript Anywhere（JSAnywhere）」で、JavaScript・HTML・CSSを編集してプレビューできます。また、JSFiddleやCodePenはブラウザで開けるため、iPadのSafariからでも試せます。ただし、長いコードを書くならパソコンの方が進めやすいので、スマホやタブレットは復習用と考えるとよいでしょう。

JavaScriptの開発環境でできること

どのサイトで学ぶと効率がよいかは「JavaScript学習サイトおすすめ15選｜無料の練習サイトも」も参考にしてください。

英語とJavaScriptを一緒に学ぶという選択肢

Node.jsやVisual Studio Codeの画面、エラーメッセージ、公式ドキュメントは英語が基本です。JavaScriptを仕事にしたいなら、英語が読めると調べられる情報が一気に増えます。

Kredo IT留学は、フィリピン・セブ島でITレッスンをすべて英語で受ける留学です。1日8時間（英語のマンツーマンレッスン4時間＋ITのグループレッスン4時間）で、英語とITを同時に学びます。公式サイトによると、受講生の92%が英語もITも未経験です（2026年9月時点の掲載）。「独学でJavaScriptを始めたけれど、英語と一緒に本格的に学びたい」と感じたら、まずはKredo IT留学の無料カウンセリングで相談してみてください。

IT留学について詳しく知りたい方は「IT留学とは？費用・国別比較・1日の流れと選び方」をご覧ください。

あわせて読みたい記事

JavaScriptの開発環境の作り方｜おすすめIDE・エディタと実行方法

2023-04-20

JavaScriptのインストールについてよくある質問

JavaScriptは無料で使えますか？

はい。JavaScriptはブラウザに入っている機能なので、追加の費用はかかりません。Node.jsやVisual Studio Codeも無料で使えます。

Windows 11やMacに、JavaScriptを別に入れる必要はありますか？

ありません。Windowsに入っているEdgeや、Macに入っているSafariで、そのままJavaScriptを動かせます。ブラウザを最新の状態にしておけば十分です。

「JavaScriptのダウンロード」をうたうサイトからファイルを入れても大丈夫ですか？

JavaScriptを使うためにダウンロードするものはありません。「JavaScriptをダウンロード」と案内してファイルを入れさせようとするサイトは、関係のないソフトの可能性があるため注意しましょう。Node.jsを入れる場合は、公式サイト（nodejs.org）から入手してください。

Node.jsは最初から入れたほうがいいですか？

JavaScriptの文法を覚える段階や、Webページに動きを付ける段階では不要です。サーバー側の処理やReactなどの開発に進むときに入れれば十分です。

まとめ：JavaScriptはブラウザがあればすぐ始められる

JavaScriptはブラウザの中で動くため、インストールもダウンロードも必要ありません。まずはConsoleで1行動かし、次にHTMLファイルを作ってボタンを動かしてみましょう。動かないときはブラウザの設定で有効になっているかを確認し、サーバー側の開発に進むときにNode.jsをインストールする、という順番で進めれば迷わずに始められます。

英語でIT・AIを学べるKredo

英語×IT・AIのスキルを身につけてグローバルに活躍しませんか？

当メディアを運営しているKredoは、英語×ITをオンラインで学ぶ「Kredoオンラインキャンプ」と、フィリピンのセブ島で英語とIT・AIを学ぶ「KredoIT留学」「KredoAI留学」を提供しています。これまでの卒業生は3,000名以上。卒業生の多くが、国内外のIT企業への転職、フリーランスなどへのキャリアチェンジを実現しています。これからの時代に必要な英語×IT・AIのスキルを身につけてグローバルに活躍しませんか？

＼ セブ島でIT×英語を学ぶ ／IT留学の無料カウンセリングを予約する