Node.jsはなぜインストールする必要があるの？

私、フロントエンドエンジニアをしております。
環境構築中の同僚から「なぜ、Node.jsのインストールが必要なのか？」と質問されました。

また、この質問について、他の同僚からも「正しく答えられる人はいるのだろうか」と疑問を呈されました。
ふと考えてみると、私自身もその理由を深く考えたことはなかったかもしれません。

このような同僚に対して、納得のいく回答を示したいと考えております。

・フロントエンジニアとしての、Node.jsの必要性。

方向性としては、上記をはっきりと説明できれば、納得してもらえるかと思います。
後学のために、他の職業の方々（サーバーサイドエンジニア・アプリケーションエンジニア等）からの見地・見解も頂ければ幸いです。

皆様のご協力のほど、よろしくお願い申し上げます。

行動規範の内容に同意します

回答5件

ベストアンサー

フロントエンドでの悩みをすぱっと解決！するのに必要な場合もあります。

HTMLタグ打ちはつらい。もっとさくっと書けるようにしたい。

(1) Emmetを使う → 対応したエディタとプラグインが必要
(2) Jadeを使う → Node.jsが必要
(3) Hamlを使う → Rubyが必要
(4) Slimを使う → Rubyが必要

CSSをちまちま書くのがつらい。入れ子とか変数とかファイル結合とか使いたい。

(1) Sassを使う → RubyまたはNode.jsが必要
(2) lessを使う → Node.jsが必要

ECMAScript5以前のJavaScriptの文法が駄目すぎてつらい。

(1) Babelを使う → Node.jsが必要
(2) TypeScriptを使う → Node.jsが必要
(3) CoffeeScriptを使う → Node.jsが必要
(4) Opalを使う → Rubyが必要
(5) PureScriptを使う → HaskellまたはNode.jsが必要

最新のJavaScriptライブラリ(jQueryやReact.jsなど)やCSSフレームワーク(BootstrapやFoundationなど)を毎回サイトにアクセスしてzipで落として展開するのがつらい。さくっとコマンド一つで入れたい。

(1) npmを使う → Node.jsが必要
(2) Bowerを使う → Node.jsが必要
(3) Rails Assetsを使う → Rubyが必要

複数のJavaScriptを一つにまとめたい

(1) browserifyを使う → Node.jsが必要
(2) webpackを使う → Node.jsが必要
(3) Sprocketsを使う → Rubyが必要

圧縮や変換などのタスク処理を自動化したい

(1) gulpを使う → Node.jsが必要
(2) Gruntを使う → Node.jsが必要

最近流行り(?)の静的サイトジェネレータを使いたい

(1) Jekllyを使う → Rubyが必要
(2) Middlemanを使う → Rubyが必要
(3) Hugoを使う → Goが必要
(4) StaticGenにあるどれかを使う → モノによる

CUIは苦手なのでGUIだけでやりたい。

(1) あまり調べたことが無いからよくわからない。

投稿2016/07/14 15:29

編集2016/07/14 15:33

raccy

総合スコア21735

node.jsをjqueryとかprototype.jsなどのjavascriptのライブラリの類だと勘違いしているのではないかと思います。

node.jsはサーバーサイドの言語+httpサーバです。
概念が全くちがいます。

投稿2016/07/14 15:37

CodeLab

総合スコア1939

もしかして、この質問って、
d3.js なんかだと、↓で使えるのに？

html
1<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>

node.js はインストールが必要なのは、なぜかっていうことでしょうか？
答えの一端は、Wiki の記事で掴めるかも。
Node.js：モジュール
https://ja.wikipedia.org/wiki/Node.js
’
d3.js でも、数年以上使う場合は、私ならこっちの書き方にします。、
http://ja.d3js.info/alignedleft/tutorials/d3/setup/

html
1<!DOCTYPE html>
2   <html lang="en">
3      <head>
4         <meta charset="utf-8">
5         <title>D3 Test</title>
6         <script type="text/javascript" src="d3/d3.v3.js"></script>
7      </head>
8      <body>
9         <script type="text/javascript">
10            // ここに D3 スクリプトを書きます
11         </script>
12      </body>
13</html>