【開発環境 Mac OS編】Node.jsの導入方法とバージョン管理

Brain
【開発環境 Mac OS編】Node.jsの導入方法とバージョン管理

【開発環境 Mac OS編】Node.jsの導入方法とバージョン管理

0 件のレビューがあります
平均スコア 0.0

Node.jsってなに?

よく「Node.jsを使って〇〇を制作する」というのを見たり聞いた事はありませんか?

Node.jsって何をするのか全くわからないという方もいると思います。

結論から言うと、Node.jsの正体は「JavaScriptを利用した開発環境と実行環境」を提供してくれるものです。

決してJavaScriptの新しいフレームワークではないのでご注意ください。

JavaScriptを使って開発や制作を効率化したり、実行できる環境を作るためのツールと考えて下さい。


Node.jsが動く環境

まず最初に確認ですが、JavaScriptは「ブラウザ」で実行する事ができます。

パソコンやスマホなどの端末(クライアント側)のブラウザで動作する、フロントエンド言語に分類されます。


【フロントエンド: ブラウザ】
・ HTML
・ CSS
・ JavaScript
【バックエンド: サーバー】
・ PHP
・ Ruby
・ Go
・ Java
・ Python

Node.jsは「クライアント側」と「サーバー側」の両方でJavaScriptを扱えるようにする環境を用意してくれます。

クライアント側のNode.jsは、主にWebサイトを制作する時に効率良く作れる環境を提供してくれます。

サーバー側のNode.jsは、PHPなどのバックエンド言語で書かなくても、バックエンドの処理をJavaScriptで実行出来る環境を提供してくれます。

つまり、 Node.jsはクライアント側とサーバー側の両方で動かす事が出来るのです。


Node.jsで出来ること

Node.jsは、クライアント側とサーバー側の両方でJavaScriptを実行可能な環境を提供してくれるものとわかりました。

ですが、具体的に何が出来るのかは、まだ想像できないですよね。

Node.jsは主にこのような事が出来ます。


【クライアント側】
・ローカルファイルの取得と書き換え
・ ファイルサイズの削減(minify化)
・ 画像の圧縮
・ Sass(SCSS)からCSSの変換
・ VueやReactのプロジェクト作成
【サーバー側】
・ JavaScriptの実行
・ サーバーの構築

このように、クライアント側で出来る事が多いです。

おそらく、ほとんどの方は開発時の効率化が目的でNode.jsを導入するのでないかと思います。

また、JavaScriptだけでSNSログインやデータベースを使ったWebアプリを作ることが出来るので、用途に合わせて柔軟に対応してくれるのがNode.jsです。

ここでNode.jsの注意点も一緒に説明したいと思います。

Node.jsは頻繁に改善されていて、バージョンがどんどん変わります。

以前使ってたNode.jsのバージョンでは動いていたけど、新しいバージョンではエラーが出るようになって動かなくなる事が割とよくあります。

なので、Node.jsのバージョンをアップデートする際は注意して行うようにして下さい。


Sass(SCSS)からCSSの変換する方法はこちらで紹介しています。

- 【環境構築 Mac OS編】Gulpで開発環境を自動化!?Sassの導入と便利な使い方


Node.jsの導入

Node.jsについてわかったところで、さっそく導入方法について解説していきます。

まず、Node.jsをどこに導入するかについてですが、今お使いのMac本体の中に入れます。

そして、導入する際は「コマンド」と呼ばれる文字でパソコンを操作する方法で進みます。

少し難しい部分があるかも知れませんが、細かく解説していくので一緒に頑張っていきましょう。


導入手順

さっそく、MacにNode.jsを導入するのですが、その前にいくつか準備をする必要があります。

まず導入するものは下記の2つです。


【導入するもの】
1. Homebrew
2. Node.js

いきなりNode.js以外にも「Homebrew」というのが出てきました。

この「Homebrew」は、Node.jsのバージョンを変更したり消去するといった管理を簡単にしてくれるツールです。

正直「Homebrew」が実際なくてもNode.js本体を導入する事は出来ますが、管理が面倒くなる可能性があります。

なので、まず「Homebrew」を入れてから「Node.js」という順番で進めていきます。


この続きを見るには購入する必要があります

この記事を購入する

この記事のレビュー

0 件のレビューがあります
平均スコア 0.0

この記事を購入する

関連記事

特集記事

コメント

この記事へのコメントはありません。

onefirst2019onefirst2019

onefirst2019

”Good seller” ”Good buyer” ”Good for the world”

Corona Virus Data

Japan

Last Updated: 5 mins ago

Confirmed Cases

0

New Cases

0

Total Deaths

0

New Deaths

0

Total Recovered

0

Active Cases

0

in Critical

0

カテゴリー

Newentry PICK UP 特集記事
  1. AIバブルでめちゃくちゃ稼げるNovelAI!?産業構造を変えてやろう!

  2. 【失敗】をお金に変える方法教えます ストーリーコンテンツメイキング 人の悩みを集めることで生まれた逆転の策略

  3. 【バイナリーオプション】ボリンジャーバンドと移動平均線を使ってゲームみたいにエントリーポイントを炙り出す方法/FX,株式投資,仮想通貨ではない

  4. 【1分高速トレード】インジケータを3つ使って2つ条件が揃ったらエントリーする方法です。チャンス多め!バイナリーオプションロジック!/FX

  5. 【200部突破!Brain界隈トップ層の99%が使う】Sell out ライティングテンプレート 〜月収7桁稼ぐライティングの絶対法則〜

  1. ブレインでアフィリエイトをする方法【Brain非公式ガイドブック】

  2. ネットビジネスの自動化&仕組化。最適解はコンテンツ販売です。

  3. 【3大特典付き】ゼロイチ最速突破Twitter×Brainアフィリチートノウハウ

  4. 覚醒した先生が優しく教えます!ネオアセンション2020の教科書【33/49】

  5. 閲覧注意!誰でもTwitterでフォロワー5000人を達成できる極悪非道のアホアホ実録!笑

  1. 知識投資しても売れない人生に終止符を 手にしたノウハウを覚醒させプライドを宿す ネクストコンセプトビルド

  2. Brain攻略法、ど素人の自分でも稼げました

  3. 【HTML&CSS モジュールの教科書・ポートフォリオテンプレ・サイト課題】Web転職完全セット

  4. 不動産投資の物件購入・節税・運営が勉強できます。自己資金に対する資産増加割合(ROE)50%の秘密!

  5. マーケティング 行動指向が最強のわけ教えます

TOP