【Mac環境】Node.jsとは?Node.jsをMacにインストール

Node,プログラミング

node.js
ミニマリスト_カミ

こんにちは!
カミ@god48_です。

今回はNode.jsのをMacにインストールして環境構築する方法の紹介です。
僕のBlogは初心者にも分かるようにできる限り細かく書くように心かけています。
プログラミング初心者の方必見のわかりやすいをモットーに書いています。

最後まで読んでNode.jsを環境構築していきましょう。

この記事でわかること

  • npmの理解
  • Node.jsを使った開発の流れ

Node.jsとは

Node.jsについておさらいしましょう。
初めての方も一緒に覚えていきましょう。

Node.jsとはドキュメントにも記載がありますが、Node.js® は、Chrome の V8 JavaScript エンジン 」で動作する JavaScript 環境です。

Chrome の V8 JavaScript エンジン で動作する JavaScript 環境です。
JavaScriptを、サーバー側で動作させるプラットフォームです。
Node.jsを触るにはJavaScriptの理解が必要です。

Chrome V8とは?

「Chrome V8」とは、Googleが開発するオープンソースのJIT(Just In Time) Virtual Machine型のJavaScriptエンジンを指します。

Virtual Machineとは?

Virtual Machineとは仮想マシンの一種で、ソフトウェア実行時にコードのコンパイルを行い動作をしてくれます。

仮想マシンとは?

仮想マシンとは1台のコンピュータで複数のコンピュータを動かす技術のことです。
例を上げると、WindowsのPC上でMac環境を動かしたり、 WindowsのPC上でLinux環境を動かしたりすることです。

npmとは

Node Package Managerの省略で、Node.jsのモジュールを管理するツールです。

スポンサードサーチ

パッケージマネージャーとは

パッケージマネージャーとはたくさんのプログラムをまとめたものです。
パッケージマネージャーを使うと、フレームワークのインストールなどを正確かつ高速にインストールすることができます。

Node.jsの開発環境の構築

  1. Homebrewのインストール
  2. Nodebrewのインストール
  3. Node.jsのインストール
  4. npm or yarnのインストール

Homebrewのインストール

Homebrewとは?
HomebrewとはMacOSで使うソフトウェアの導入を単純化するパッケージ管理システムのうちの一つです。

コピーして、ターミナルに貼り付けてください。

/bin/bash -c “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

Homebrewのインストール先

https://brew.sh/index_ja.html

Nodebrewのインストール

Node.jsのバージョンを管理するためのツールです。
Nodebrewを使うことで、一つの環境に複数のバージョンのNode.jsを導入することができます。
複数のバージョンと聞いてピンとこない方もいるかと思うので、補足すると、
複数のプロジェクトを動かすと、全てのバージョンが同じだったりすることはまずありえません。
なので、複数のバージョンを扱えるように、Nodebrewをインストールしておきましょう。

Homebrewのインストール用のコマンド

brew install nodebrew

スポンサードサーチ

nodebrewの初期設定

nodebrewのセットアップで、以下コマンドをうってください。

nodebrew setup

nodebrewのセットアップが終われば次はnodebrewのpathを通します。

nodebrewのpathを通す

bashを使用している場合

.bash_profileに以下プログラムを貼り付ける。

export PATH=$HOME/.nodebrew/current/bin:$PATH

vim を編集して環境変数を登録しましょう。

vi ~/.bash_profile

vimを編集し終わったらbash_profileを更新して設定を反映させましょう。

source ~/.bash_profile

zshを使用している

インストール可能なnodeのバージョンを確認

nodebrew ls-remote

nodeのバージョン指定してインストール

nodebrew install v16.16.0

https://nodejs.org/ja/

リンク先に、Nodeの推奨のバージョンが記載されているので、確認してみましょう。

nodeを有効にする

nodebrew use v16.16.0

nodeのバージョン確認

Nodeを有効にしたら「node -v」でversionを確認しましょう。

node -v

バージョンが返ってきた場合は、Node.jsのインストールとパスが通っていることになります。

スポンサードサーチ

Node.jsのアンインストール

icon

間違ったバージョンをインストールしたり、不要になった場合はアンインストールしましょう。

nodebrew uninstall 16.16.0(バージョン)

もし自分のnodebrewのバージョンが分からない場合はlistで確認しましょう。

nodebrew list

currentがnodebrewのバージョンが返ってきます。

ここまでやれば、Nodeで開発することができます。

icon

せっかくなので実際の開発手順も見てみましょう

Nodeをnpmを使った開発方法

Nodeで開発するには次の順で開発を進めていきます。

  • Node.jsをインストール
  • npmをインストール
  • パッケージのインストール

Nodeを開発する時に使うコマンド

ミニマリスト_カミ

nodeでよく使うコマンドです

  • npm init -y
  • npm install パッケージ名
  • npm install パッケージ名 –save
  • npm run build

※後日詳しく書きます。
※別記事アップします。

プログラミングを始めたい方や、独学で進めてなかなか進まないなど、プログラミングは悩みが付き物です。
正直、プログラミングは実務的に行わないと成長はしません。
もし、プログラミングをまだ始めていない方や、今後の報告で悩んでいる方は無料相談を行っているので、是非一度お問合せください。
悩んでもしょうがないので、無料相談後に選択肢を増やしたり、今後の方向性を定めることをおすすめします。