Nuxt.jsとNode.jsの違いとは？結論：フレームワークと開発環境

本記事は、NuxtとNodeの違いを
わかりやすく解説します

Nuxt.jsとNode.jsって、
名前が似ていてわかりにくいですよね

本記事では具体的な例を使って、
初心者でもわかるように解説します！

対象読者

・Nuxt.jsとNode.jsと違いを知りたい

・Nuxt.jsを詳しく知りたい

・Node.jsを詳しく知りたい

筆者

NuxtとNodeは標準技術です

遅れを取らないために、理解しましょう！

本記事の内容

Nuxt.jsとNode.jsの違い
Nuxt.jsとは？
Node.jsとは？
Nuxt.jsとNode.jsの勉強方法

本記事の結論

Nuxt.jsとNode.jsの違い

Nuxt.js … アプリケーションフレームワーク
Node.js … サーバサイドのJavaScript実行環境

↓具体的に、解説

副業でVueを始める方法を解説

副業してない人はモッタイナイ！

コロナ状況化だからこそ、
稼ぎながら、スキルを身につけるチャンス！

副業で、失敗を避ける方法や探し方を解説
↓

↓さっそく、一緒に見ていきましょう！

Nuxt.jsとNode.jsの違いとは？

Nuxt.jsとNode.jsの違いは、こちら↓

Nuxt.jsとNode.jsの違い

Nuxt.jsとは
webアプリケーションフレームワーク
（webサイトを作るための便利な仕組み）

Node.jsとは
サーバサイドのJavaScript実行環境

↓１つずつ、解説します！

Nuxt.jsとは、アプリケーションフレームワーク

Nuxt.jsとは、
フロントエンドのアプリケーションフレームワークです。

フロントエンドアプリケーションフレームワークとは、webサービスを作るときの便利な仕組みのことです。

Nuxt.jsのルールに沿って、ファイルを新規作成&実装して、サーバを動かせばwebサイトが完成します。

東京都のコロナ感染症サイトはNuxt.jsで作られています。
→ 東京都コロナ感染症サイト

Nuxtについては、
こちらで詳しく解説

ちなみに、フロントエンドアプリケーションフレームワークの呼ばれ方はいろいろあります

フロントエンドフレームワーク
FEフレームワーク
フレームワークなど

Nuxt.js理解のポイント

Nuxt.jsとは、フロントエンドアプリケーションフレームワークのこと
簡単にwebサービスを作ることができる
有名なサイトでは『東京都のコロナ感染症サイト』がNuxt.jsで作られている

もっと理解した人におすすめの本

Vue.js&Nuxt.js超入門

↓次は、Node.jsについて解説

Node.jsとは→サーバサイドのJavaScriptの実行環境

Node.jsとは、
サーバサイドのJavaScriptの実行環境です。

わかりにくいですね！笑
→ 具体的に説明します！

JavascriptとNode.jsの違い

JavaScirptとは
ブラウザ上で実行される言語
（PCでは実行できない）

Node.jsとは
JavaScriptをPCやサーバ上で実行できるもの

Node.jsの具体例（JavascriptとNode.jsの違い）

JavaScriptとは、ブラウザ上で実行できる言語

JavaScriptは、ブラウザ上でプログラムを実行できる言語です。

JavaScriptのファイルを書いて、HTMLと一緒にブラウザに載せると実行できますよね。あれです！

もしくは『右クリック→検証』でConsoleタブで下記を打つと実行できます

# tmpという名前の変数に、文字列を入れる
tmp="Nuxt.jsとNode.jsの違い"

（エンターを押して、実行）

# tmpを表示する
cosole.log(tmp)

JavaScriptの理解のポイント

JavaScriptは、ブラウザ上で実行できる
PC上では、実行できない

もっと詳しく理解した人におすすめの本

確かな力が身につくJavaScript「超」入門

Node.jsとは、PCやサーバ上でJavaScriptを実行できるようにする環境

Node.jsとは、ブラウザだけではなくPC上でJavaScriptを実行できるようにしたものです。

Node.jsを使うメリット

いちいちブラウザで実行する手間が省ける
ブラウザでは実行が難しいものを実行できる

→ Node.jsとは『PCやサーバ上で実行できるようにする設定』です

Node.jsを利用するには、Node.jsをインストールする必要があります。
→ 参考：MacにNode.jsをインストール

Node.jsの理解のポイント

PCやサーバ上でJavaScriptを実行できるようにしたもの

もっと理解した人におすすめの本

Node.js超入門第3版

Nuxt.jsとNode.jsの違いのまとめ

Nuxt.jsとNode.jsの違いを簡単にまとめた表↓

	Nuxt.js	Node.js
特徴	フロントエンドフレームワーク	サーバサイドのJavascript実行環境
メリット	webサービスを簡単に作ることができる	ブラウザ以外でJavaScirptを実行することができる
参考書	Vue.js&Nuxt.js超入門	Node.js超入門第3版