「Node.js」の版間の差分
ナビゲーションに移動
検索に移動
(同じ利用者による、間の20版が非表示) | |||
1行目: | 1行目: | ||
− | | [[JavaScript]] | [[TypeScript]] | [[YEOMAN]] | [[Bower]] | [https://www.typea.info/blog/index.php/category/node-js/ ブログカテゴリ(Node.js)] | | + | | [[Npm]] | [[JavaScript]] | [[TypeScript]] | [[npm]] | [[Electron]] | [[YEOMAN]] | [[Bower]] | [https://www.typea.info/blog/index.php/category/node-js/ ブログカテゴリ(Node.js)] | |
+ | |||
{{amazon|479812947X}} | {{amazon|479812947X}} | ||
+ | |||
==[[Node.js]]== | ==[[Node.js]]== | ||
==インストール== | ==インストール== | ||
54行目: | 56行目: | ||
$ nvm alias default v0.10.29 | $ nvm alias default v0.10.29 | ||
default -> v0.10.29 | default -> v0.10.29 | ||
+ | ===[[Mac]]にインストール=== | ||
+ | ---- | ||
+ | ====Homebrew インストール==== | ||
+ | /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" | ||
+ | *https://brew.sh/ | ||
+ | /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" | ||
+ | |||
+ | *Homebrewバージョン確認 | ||
+ | brew -v | ||
+ | *nodebrew インストール | ||
+ | brew install nodebrew | ||
+ | *nodebrew バージョン確認 | ||
+ | nodebrew -v | ||
+ | *nodebrew にパスを通す | ||
+ | echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.bash_profile | ||
+ | |||
+ | ====node.js インストール==== | ||
+ | *エラーが出る場合 | ||
+ | mkdir -p ~/.nodebrew/src | ||
+ | *バージョン確認 | ||
+ | nodebrew ls-remote | ||
+ | *バージョン指定 | ||
+ | nodebrew install-binary {バージョン} | ||
+ | *最新 | ||
+ | nodebrew install-binary latest | ||
+ | *確認と必要なバージョンの有効化 | ||
+ | nodebrew ls | ||
+ | nodebrew use v12.1.0 | ||
+ | |||
+ | ===[[Windows]]にインストール=== | ||
+ | ---- | ||
+ | *nvm-windows | ||
+ | **https://blog.clock-up.jp/entry/2018/02/10/nodejs-manager-on-windows | ||
+ | *インストーラーのDownload (nvm-setup.zip) 解凍してインストール | ||
+ | **https://github.com/coreybutler/nvm-windows/releases | ||
+ | *既存Node.jsのアンインストールとnpmディレクトの削除 | ||
+ | **C:\Users\{User}\AppData\Roaming\npm | ||
+ | > nvm install latest | ||
+ | > nvm list | ||
+ | 13.11.0 | ||
+ | > nvm use 13.11.0 | ||
+ | Now using node v13.11.0 (64-bit) | ||
+ | |||
+ | *利用可能バージョンのリスト | ||
+ | > nvm list avalable | ||
+ | *指定バージョンのインストール | ||
+ | > nvm install 13.11.0 | ||
+ | ===[[Ubuntu]]にインストール=== | ||
+ | ---- | ||
+ | <pre> | ||
+ | $ sudo apt install curl | ||
+ | $ curl https://raw.githubusercontent.com/creationix/nvm/master/install.sh | bash | ||
+ | $ source ~/.profile | ||
+ | $ nvm ls-remote | ||
+ | $ nvm install v16.0.0 | ||
+ | $ nvm use v16.0.0 | ||
+ | $ nvm ls | ||
+ | </pre> | ||
+ | |||
===Hello [[Node.js]]=== | ===Hello [[Node.js]]=== | ||
*http://dev.classmethod.jp/server-side/vscode-nodejs-1/ | *http://dev.classmethod.jp/server-side/vscode-nodejs-1/ | ||
74行目: | 135行目: | ||
==[[npm]]== | ==[[npm]]== | ||
− | * | + | *[[npm]] |
+ | |||
==[[Tips]]== | ==[[Tips]]== | ||
+ | ===画像処理=== | ||
+ | *[https://note.affi-sapo-sv.com/nodejs-sharp.php sharp] | ||
===対話モードで利用する=== | ===対話モードで利用する=== | ||
> node | > node | ||
92行目: | 156行目: | ||
===トラブルシュート=== | ===トラブルシュート=== | ||
*[http://typea.info/blg/glob/2017/05/windows-nodejs-bower-ssl.html Windows の Node.js Bower などで SSLエラーが発生する] | *[http://typea.info/blg/glob/2017/05/windows-nodejs-bower-ssl.html Windows の Node.js Bower などで SSLエラーが発生する] | ||
− | === | + | ===Node.js の開発環境を整える=== |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
*[http://typea.info/blg/glob/2017/08/react-1.html Node.js の開発環境を整える] | *[http://typea.info/blg/glob/2017/08/react-1.html Node.js の開発環境を整える] | ||
===[[React]]=== | ===[[React]]=== | ||
*[http://typea.info/blg/glob/2017/08/react-1.html React 開発の全体像を把握しつつ開発環境を整える] | *[http://typea.info/blg/glob/2017/08/react-1.html React 開発の全体像を把握しつつ開発環境を整える] | ||
+ | |||
+ | [[category:プログラミング言語]] |
2023年10月24日 (火) 10:43時点における版
| Npm | JavaScript | TypeScript | npm | Electron | YEOMAN | Bower | ブログカテゴリ(Node.js) |
目次
Node.js
インストール
nvm (Node Version Manager)
- Node.jsのバージョンによって動作しない機能があった場合に、バージョンの上げ下げを渋々行うのはかなりの手間
- nvmをインストールしておくことで、バージョンの切り替えが凄く簡単に出来るようになる
インストール
$ git clone git://github.com/creationix/nvm.git ~/.nvm
nvmコマンドを利用可能にする
$ source ~/.nvm/nvm.sh
- nvm コマンドを実行するためには、その都度上記コマンドを実行する必要があるので、.bash_profile に実行させる記述を追記
if -s ~/.nvm/nvm.sh ; then source ~/.nvm/nvm.sh fi
ダウンロード可能なNode.jsのバージョンリストを参照
$ nvm ls-remote : v0.10.27 v0.10.28 v0.10.2 : v0.11.9 v0.11.10 v0.11.11 v0.11.12 v0.11.13 : v0.12.1 iojs-v1.0.0 iojs-v1.0.1 iojs-v1.0.2
io.jsは、node.js™をベースに作られたnpm互換プラットフォームです。
Node.jsをインストール
$ nvm install v0.10.29 : Now using node v0.10.29
確認
$ nvm ls -> v0.10.29 $ node -v v0.10.29
インストールバージョンを確認
$ nvm ls -> v0.10.29
デフォルトバージョンを指定
$ nvm alias default v0.10.29 default -> v0.10.29
Macにインストール
Homebrew インストール
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
- Homebrewバージョン確認
brew -v
- nodebrew インストール
brew install nodebrew
- nodebrew バージョン確認
nodebrew -v
- nodebrew にパスを通す
echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.bash_profile
node.js インストール
- エラーが出る場合
mkdir -p ~/.nodebrew/src
- バージョン確認
nodebrew ls-remote
- バージョン指定
nodebrew install-binary {バージョン}
- 最新
nodebrew install-binary latest
- 確認と必要なバージョンの有効化
nodebrew ls nodebrew use v12.1.0
Windowsにインストール
- nvm-windows
- インストーラーのDownload (nvm-setup.zip) 解凍してインストール
- 既存Node.jsのアンインストールとnpmディレクトの削除
- C:\Users\{User}\AppData\Roaming\npm
> nvm install latest > nvm list 13.11.0 > nvm use 13.11.0 Now using node v13.11.0 (64-bit)
- 利用可能バージョンのリスト
> nvm list avalable
- 指定バージョンのインストール
> nvm install 13.11.0
Ubuntuにインストール
$ sudo apt install curl $ curl https://raw.githubusercontent.com/creationix/nvm/master/install.sh | bash $ source ~/.profile $ nvm ls-remote $ nvm install v16.0.0 $ nvm use v16.0.0 $ nvm ls
Hello Node.js
- hello_node.js
var http = require('http'); http.createServer(function (request, response) { response.writeHead(200,{'Content-Type':'text/plain'}); response.end('Hello World'); }).listen(8080); console.log('Server running');
- 実行
$ node hello_node.js Server running
npm
Tips
画像処理
対話モードで利用する
> node > Math.sqrt(2); 1.4142135623730951
エディタモード
- Ctrl+Dで実行
> .editor // Entering editor mode (^D to finish, ^C to cancel) for(var i=0;i<2;i++){ console.log(i); } 0 1
トラブルシュート
Node.js の開発環境を整える
React
© 2006 矢木浩人