gulpとそれに関連したツールについて

Question

先日、gulpを使用した開発を行う機会がありました。

開発環境の構築に当たって下記のツール？を使用したのですが。。。
・gulp
・Bower
・Node.js
・npm
・Ruby

恥ずかしながら、それぞれが具体的にどういうものなのか、理解できていません。
一応、私の理解としては、

●Ruby
プログラミング言語、gulpを動かすのにこの言語の実行環境が必要。
●Bower
パッケージのバージョン管理ツール。
一度、設定ファイルを記述しておけば、コマンドひとつでjQueryなどのライブラリをダウンロードできるため、開発時にバージョンを意識しないでよくなる。
gulpとは直接的には関係ない。
●Node.js
サーバー側で動くjavaScript。程度の理解しかありません。
●npm
Node.jsの機能？npmのコマンドで、gulpのインストールをしました。
●gulp
自動でjavascripを圧縮してくれたり、scssからcssを作成してくれたり、というタスクを自動で行ってくれる。今回は自動でこれを行ってくれる機能を使用しました。

こんなところでしょうか。。
理解として、まずいところがあれば指摘していただきたいです。
まずいところだらけかもしれませんが・・・

Answer 1

まず、gulp自体はRubyではなく、Node.js上で動作します。おそらく、gulpから呼び出すツールの中に、Rubyで動かすものがある、という状況だと思います。

また、Node.jsはサーバサイドで使うこともありますが、手元に入れて「JavaScriptでできたツール」を動かすために使うことも良くあります。gulpやbowerもNode.jsで動くツールの一種で、npmを使ってインストールします。

そして、gulp自体はどのような操作を行うかの、「タスクランナー」としての役割であって、実際のCSS圧縮とか、SCSSのコンパイルとかは、gulpに入れるプラグインが行っています。