Out Of My Memory

雨垂れ石を穿つ

【JavaScript】【Node.js】Node.jsとは　ざっくり概念メモ

JavaScript Node.js

サマリ

サーバーサイドJavaScript環境。Node.jsがあれば、JavaScriptをサーバ（パソコン）上で動かせる。

イメージ

JavaScriptはブラウザかNode.js上で動かすことができる。

f:id:pzdl-HIRAKU:20191204215424p:plain
JavaScript実行環境イメージ

具体例

まずブラウザ上でindex.jsを実行させてみる。

コンソールに「test」と表示するだけ。
※ローカルサーバを立ててアクセスしないとセキュリティ上の問題でブラウザがjsを実行してくれないので注意
index.html

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<title>JavaScriptテスト</title>
</head>
<body>
<p>Hello World</p>
<script src="./index.js"></script>
</body>
</html>

index.js

"use strict";

console.log("test")

開発者ツールのconsole画面で確認するとtestが出力されており、index.jsファイルがブラウザ上で動いていることがわかる。

f:id:pzdl-HIRAKU:20191204211722p:plain:h240
実行結果

index.jsをブラウザ上ではなく、node.js上で動かしてみる。

node index.js で実行。

f:id:pzdl-HIRAKU:20191204212709p:plain
node.js上でJavaScriptを実行

たしかにNode.jsがあればサーバの上でもJavaScriptが動く

あとがき

JavaScriptでサーバサイドと検索するとNode.jsが出てくるので、Node.jsそのものがWebサーバを立てるためのソフト的なイメージを持っていた。。。自分のPCやサーバ上でJavaScriptを動かす環境を実現するソフトである事をようやく理解できた。