【開発環境 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. 2回目のデートに繋がる!彼女ができる!非モテ男でも実践可能な「マッチングアプリ初デート」完全攻略法【ペアーズ・withなど多数実績!】

  2. リスクなしで毎月5000円の不労所得を確実に得る方法【仮想通貨最強説】

  3. 【4980円のBrainを無料でプレゼント!】実績0の状態から初月2万、年間24万をBrainで稼ぐ方法

  4. 【副業】1ヶ月で収益を100倍にしたKindleで理論上無限に稼げる方法を大公開!

  5. Brain販売の超絶戦略【何もない状態からすぐに稼ぐ】

  1. ★2/8までの1週間限定★<まとめ記事>【豪華3大特典付き】え、なんでこんなに売れるの?1ヶ月で売上10万円を達成できた理由とは?今日からあなたの販売通知が鳴り止まなくなります😆

  2. 世界一わかりやすい!スマホだけでNFTアーティストになる方法を公開します

  3. PERとは株価の目安。PERの意味と使い方をわかりやすく解説

  4. バズビデオ(トップバズ)で月1〜5万円の不労所得を得る方法

  5. 在宅・副業・初心者向き|Amazon商品の無料入手で月3万円稼ぐ方法

  1. 【悪用厳禁!】半年でTwitterフォロワーを17000まで増やした禁断の裏ワザ!【豪華特典付き】

  2. 3日で150部⁈【Twitter資産化5ヶ月計画】こうして1ヶ月で30万円稼ぎました。

  3. 【初心者でも再現可能】売上を10倍にできる!セールスライティング

  4. 【明解】SEOライティングをする際の必携マニュアル!

  5. 【実績あり】◎競艇を投資に!◎副業化できる舟券購入の極意をお伝えします★

TOP