【Node.js入門】JavaScriptとの違いや特徴・使い方を比較してみた!

今回は、Node.jsとJavaScriptの違いについてその特徴や具体的な使い方などを比較していきましょう!

「そもそもNode.jsとJavaScriptは何が違うの?」
「導入方法や使い方の違いなどが知りたい」
「バージョンの確認方法ってどうやるの?」

このような内容も含めて、本記事では以下のような構成で解説していきます!

【基礎】「JavaScript」とは?
【実践】バージョンの確認
【実践】「Node.js / JavaScript」の使い方

この記事で、Node.jsとJavaScriptの違いをしっかり学習してスキルアップを目指していきましょう!

「JavaScript」とは?

「JavaScript」はHTML / CSSで作られたWebページをプログラムで制御することができるのが特徴です。

例えば、アニメーションさせたり画面遷移させたりサーバーからデータを取得して表示させたりなど多彩な表現が可能になります。

また、必要な機能を簡単に組み込めるライブラリ(jQueryなど)や、Webサービスなど大規模開発に便利なフレームワーク(React, Angularなど)が無料で公開されているのも人気の1つでしょう。

もともとJavaScriptは、Netscape Navigatorというブラウザ向けに開発された言語でしたが、Internet Explorer・Firefox・Chromeなどの主要ブラウザに採用されたことから急速に普及しました。

現在ではブラウザに実行エンジンが搭載された唯一のプログラム言語として、Web開発には無くてはならない存在になっています。

JavaScriptについてさらに詳しく学びたい方は、次の記事で体系的にまとめているのでぜひ参考にしてみてください!

JavaScriptとは?概要・始め方・将来性を初心者にもわかりやすく解説
更新日 : 2020年7月23日

「Node.js」とは?

「Node.js」はサーバー側で動くJavaScriptの環境(プラットフォーム)であり、Googleが開発したV8エンジンと非同期処理によって高速なレスポンスを実現できるのが特徴です。

また、JavaScriptと同様にnpmから必要な機能を簡単に組み込めるパッケージが多く公開されており、開発を容易にしてくれるエコシステムが搭載されています。

これにより、Web開発だけでなくスマホアプリ・IoT・機械学習などさまざまな用途にJavaScriptを利用できるメリットがあるわけです。

また、現在ではビルドツールトランスパイラなどが普及しており、通常のJavaScriptでもNode.js環境で実装することで最新の仕様を効率よく記述できるようになっています。

Node.jsについてさらに詳しく学習したい方は、次の記事で体系的にまとめているのでぜひ参考にしてみてください!

【Node.jsとは?】初心者も理解できる言語の特徴を体系的に解説!
更新日 : 2019年10月8日

「Node.js」「JavaScript」の使い方

この章では、Node.jsとJavaScriptの基本的な使い方について見ていきましょう!

主に、導入方法と簡単な使い方について学んでいきいます。

JavaScriptの導入と基本的な使い方

JavaScriptについては、実行エンジンがブラウザ内に搭載されているので面倒な導入作業は不要でそのまま使うことができます。

例えば、Chromeブラウザであればキーボードで「Ctrl + Shift + I」を押すと表示される開発者ツールの「Console」タブからプログラミングして実行することが可能です。

詳しい実行方法やデバッグ手法などについては、次の記事で体系的にまとめているのでぜひ参考にしてみてください

デバッグに大活躍! JavaScriptのconsole.logで値を表示しよう
更新日 : 2019年4月20日

また、一般的にはHTMLの「scriptタグ」からJavaScriptを記述して実行させることができます。

<body>

    

</body>

このscriptタグ内に記述したJavaScriptプログラムは、HTMLが読み込まれた時に実行されるようになります。

さらに、外部ファイルとしても読み込むことが可能です。

「src」属性にJavaScriptファイルのパスを指定することで、同じようにHTMLが読み込まれた時に実行させることもできるわけです。

Node.jsの導入と基本的な使い方

Node.jsの導入については、公式サイトからダウンロードできる専用のインストーラーを使うのがもっとも簡単な方法になります。

<公式インストーラー>
https://nodejs.org/ja/download/

例えば、Windows環境にNode.jsを導入するのであれば、Windows Installerをクリックして実行すれば良いわけです。
(Macの場合はmacOS Installerになります)

また、Linux系でよく使われているUbuntuであれば次のコマンドからインストールすることができます。

$ sudo apt-get install nodejs npm

Node.jsのプログラミングについては任意のテキストエディタでコードを書いたあとに、ターミナルから「node」コマンドを利用することで実行が可能になります。

$ node sample.js

この例では、「sample.js」というファイル名で作成したJavaScriptをnodeコマンドで実行しています。

このように基本的にはサーバーサイドで利用するJavaScriptなので、ターミナルからのコマンド操作になるわけです。

バージョンの確認について

現在のJavaScriptはブラウザによって差異がないようにECMAScriptのバージョンで管理されています。

一般的に普及しているのは「ECMAScript 5.1(ES5)」ですが、最近になって急速に普及しているのは次のバージョンである「ECMAScript 2015(ES6)」です。

「JavaScript」自体にはバージョンの表記がありませんので、基本的にはECMAScriptのバージョンを確認するようにしましょう。

また、Node.jsについては公式サイトで最新のバージョンが確認できるように公開されています。

もちろん、nodeコマンドから現在利用しているバージョンを確認することも可能です。

$ node --version

実行するとバージョン名が出力されます。

まとめ

今回は、Node.jsとJavaScriptの違いや使い方などについて学習をしました!

最後に、もう一度ポイントをおさらいしておきましょう!

・JavaScriptはフロントエンド、Node.jsはサーバーサイドで利用される
・JavaScript、Node.jsどちらもライブラリ提供などのエコシステムがある
・JavaScriptはブラウザ側で実行され、Node.jsはサーバー側で実行される

上記内容を踏まえて、ぜひ自分でもプログラミングに取り入れて活用できるように頑張りましょう!

「プログラミング、右も左もわからない…」という方にオススメ

当プログラミングスクール「侍エンジニア塾」では、これまで6000人以上のエンジニアを輩出してきました。

その経験を通してプログラミング学習に成功する人は、「目的目標が明確でそれに合わせた学習プランがあること」「常に相談できる人がそばにいること」「自己解決能力が身につくこと」この3つが根付いている傾向を発見しました。

侍エンジニア塾は上記3つの成功ポイントを満たすようなサービス設計に磨きをかけております。

cta_under_bnr

「自分のスタイルや目的に合わせて学習を進めたいな」とお考えの方は、ぜひチェックしてみてください。

書いた人

マサト

フリーランスのIT系ライターを10年従事する兵庫県出身の40歳。侍ブログ編集部としては、これまで270記事以上を執筆。
30歳を過ぎてから独学でJavaScript, Node.js, Linuxを習得した経験を活かし、初心者が迷わない記事作成を意識しながらプログラミングの楽しさを知ってもらうために活動しています。趣味はキャンプと登山です。

おすすめコンテンツ

まずはここから!初心者でも1から学べるプログラミング入門カリキュラム

転職成功で受講料0円!あなたもプログラミングを学んでエンジニアデビュー