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

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

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

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

Node.jsってなに?

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

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

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

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

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


サーバーで動くJavaScript

まず最初に確認ですが、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の変換する方法はこちらで紹介しています。

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


Node.jsの導入

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

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

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

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


導入手順

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

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


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

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

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

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

なので、まず「Volta」を入れてから「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. 【1章+αを丸ごと無料提供中!】最強のマーケスキルと不労所得をあなたに授けます。

  2. 【YouTuber・動画編集者向け】サムネ用 テンプレート【PSDデータ配布】

  3. 🌠競馬投資法✨

  4. 月収300万目指せるマーケティング完全攻略本  ※ 今後約10000円にする予定です。

  5. 【年間1億3千万円稼いだ手法!】FXのIBアフィリエイトバイブル『超豪華特典付』

  1. 物語が加速する!!ゴクウブラックの企む非道な計画の全貌が​徐々に明らかになっていく…。​ゾクゾク登場する人物がすごい!

  2. 仮想通貨ゲームで成功するための基礎知識と考え方

  3. 【初公開】Webリーチ立ち上げからやってきた全ての施策と今後の戦略について解説します。SNSのバズとSEOの相関についても書きました。

  4. 『最強の洗脳書』 〜恋愛での最強マーケティング〜

  5. プログラミングの基礎知識HTML!!

TOP