Help us understand the problem. What is going on with this article?

npmとかnode.jsとかサーバーサイドJSとかってなんぞ

More than 1 year has passed since last update.

npmnode.jsJavascriptの関係性がよく分からないので簡単な説明。

詳しくは参考リンクを参照のこと!!

node.js

  • サーバーサイド用Javascript の言語処理系のこと。
    • サーバーサイド用Javascriptってなんやねん。
      • ブラウザで動くJavascript(いつもjsファイルに書いているやつ)と似てるようで実は違うJavascript
      • モジュールの読み込みができたりするんです。
      • nodeコマンドで実行でき、Browserfyを使ってブラウザで動くJavascriptに変換できる
    • 言語処理系ってそもそもなんやねん
      • プログラミング言語で記述されたプログラムをPCで実行するためのソフトウェア。
        .pyファイルはpythonの言語処理系、.goファイルはgolangの言語処理系で実行するよね。
    • nodeコマンドでREPL(Read Eval Print Loop: 対話的実行環境)が出て来るよ(pythonコマンドみたいな感じ)
$ node
> var name = 'nekootoko3';
undefined
> name
'nekootoko3'
> console.log(name);
nekootoko3
undefined
> .exit
$
  • 引数に.jsファイルを持って来ると。
nekootoko.js
var name = 'nekootoko3';
console.log('Soy ' + name + '!');
$ node nekootoko.js
Soy nakootoko3!

npm

  • パッケージ管理ツール
    • pythonでいうところのpip、rubyでいうところのgem
    • 例のnode.js(サーバーサイドJS)をブラウザで動くjsに変換するツールをインストールするぞ!
# パッケージをグローバルにインストール
$ npm install -g  browserify
/usr/local/bin/browserify -> /usr/local/lib/node_modules/browserify/bin/cmd.js
+ browserify@16.1.0
added 140 packages in 7.915s

参考

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away