「Node.js」の版間の差分
ナビゲーションに移動
検索に移動
(同じ利用者による、間の30版が非表示) | |||
1行目: | 1行目: | ||
− | + | | [[Npm]] | [[JavaScript]] | [[TypeScript]] | [[npm]] | [[Electron]] | [[YEOMAN]] | [[Bower]] | [https://www.typea.info/blog/index.php/category/node-js/ ブログカテゴリ(Node.js)] | | |
− | [[JavaScript]] | [[YEOMAN]] | [[Bower]] | | ||
{{amazon|479812947X}} | {{amazon|479812947X}} | ||
+ | ==[[Node.js]]== | ||
==インストール== | ==インストール== | ||
===nvm (Node Version Manager)=== | ===nvm (Node Version Manager)=== | ||
9行目: | 9行目: | ||
*[http://creator.cotapon.org/articles/node-js/%E3%80%90node-js%E3%80%91nvm%E3%82%92%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%97%E3%81%A6%E8%A8%AD%E5%AE%9A%E3%81%99%E3%82%8B%E3%81%BE%E3%81%A7%E3%81%AE%E6%96%B9%E6%B3%95 nvmをインストールして設定するまでの方法] | *[http://creator.cotapon.org/articles/node-js/%E3%80%90node-js%E3%80%91nvm%E3%82%92%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%97%E3%81%A6%E8%A8%AD%E5%AE%9A%E3%81%99%E3%82%8B%E3%81%BE%E3%81%A7%E3%81%AE%E6%96%B9%E6%B3%95 nvmをインストールして設定するまでの方法] | ||
− | *Node. | + | *[[Node.js]]のバージョンによって動作しない機能があった場合に、バージョンの上げ下げを渋々行うのはかなりの手間 |
*nvmをインストールしておくことで、バージョンの切り替えが凄く簡単に出来るようになる | *nvmをインストールしておくことで、バージョンの切り替えが凄く簡単に出来るようになる | ||
====インストール==== | ====インストール==== | ||
19行目: | 19行目: | ||
then source ~/.nvm/nvm.sh | then source ~/.nvm/nvm.sh | ||
fi | fi | ||
− | ==== | + | ====ダウンロード可能な[[Node.js]]のバージョンリストを参照==== |
$ nvm ls-remote | $ nvm ls-remote | ||
: | : | ||
37行目: | 37行目: | ||
iojs-v1.0.2 | iojs-v1.0.2 | ||
− | =====io.jsは、node.js™ | + | =====io.jsは、node.js™をベースに作られた[[npm]]互換プラットフォームです。===== |
*https://iojs.org/ja/ | *https://iojs.org/ja/ | ||
− | ====Node. | + | ====[[Node.js]]をインストール==== |
$ nvm install v0.10.29 | $ nvm install v0.10.29 | ||
: | : | ||
56行目: | 56行目: | ||
$ nvm alias default v0.10.29 | $ nvm alias default v0.10.29 | ||
default -> v0.10.29 | default -> v0.10.29 | ||
− | ===Hello Node.js=== | + | ===[[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 インストール==== | ||
+ | *バージョン確認 | ||
+ | nodebrew ls-remote | ||
+ | *バージョン指定 | ||
+ | nodebrew install-binary {バージョン} | ||
+ | |||
+ | **エラーが出る場合 | ||
+ | <pre> | ||
+ | ewdelhi:~ piroto$ nodebrew install-binary latest | ||
+ | Fetching: https://nodejs.org/dist/v22.9.0/node-v22.9.0-darwin-arm64.tar.gz | ||
+ | Warning: Failed to open the file | ||
+ | Warning: /Users/piroto/.nodebrew/src/v22.9.0/node-v22.9.0-darwin-arm64.tar.gz: | ||
+ | Warning: No such file or directory | ||
+ | curl: (56) Failure writing output to destination, passed 1360 returned 4294967295 | ||
+ | download failed: https://nodejs.org/dist/v22.9.0/node-v22.9.0-darwin-arm64.tar.gz | ||
+ | </pre> | ||
+ | |||
+ | mkdir -p ~/.nodebrew/src | ||
+ | |||
+ | *最新 | ||
+ | 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]]=== | ||
*http://dev.classmethod.jp/server-side/vscode-nodejs-1/ | *http://dev.classmethod.jp/server-side/vscode-nodejs-1/ | ||
[[Visual Studio Code]] | | [[Visual Studio Code]] | | ||
75行目: | 146行目: | ||
[[File:0818_hello_node_js.png]] | [[File:0818_hello_node_js.png]] | ||
− | ==npm== | + | ==[[npm]]== |
− | * | + | *[[npm]] |
− | ==Tips== | + | |
+ | ==[[Tips]]== | ||
+ | ===画像処理=== | ||
+ | *[https://note.affi-sapo-sv.com/nodejs-sharp.php sharp] | ||
===対話モードで利用する=== | ===対話モードで利用する=== | ||
> node | > node | ||
94行目: | 168行目: | ||
===トラブルシュート=== | ===トラブルシュート=== | ||
*[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 の開発環境を整える] |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | ===[[React]]=== | ||
+ | *[http://typea.info/blg/glob/2017/08/react-1.html React 開発の全体像を把握しつつ開発環境を整える] | ||
− | + | [[category:プログラミング言語]] | |
− |
2024年10月5日 (土) 02:17時点における最新版
| 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 インストール
- バージョン確認
nodebrew ls-remote
- バージョン指定
nodebrew install-binary {バージョン}
- エラーが出る場合
ewdelhi:~ piroto$ nodebrew install-binary latest Fetching: https://nodejs.org/dist/v22.9.0/node-v22.9.0-darwin-arm64.tar.gz Warning: Failed to open the file Warning: /Users/piroto/.nodebrew/src/v22.9.0/node-v22.9.0-darwin-arm64.tar.gz: Warning: No such file or directory curl: (56) Failure writing output to destination, passed 1360 returned 4294967295 download failed: https://nodejs.org/dist/v22.9.0/node-v22.9.0-darwin-arm64.tar.gz
mkdir -p ~/.nodebrew/src
- 最新
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 矢木浩人