node.js install lubuntu 18.04 lts

Visualization をやりたくてD3.jsもやってみたかったのだが、

Reactも面白そうなのでやってみることにした。

(面白そうだけど、あえて自分プロジェクトを蛇足してまでやるというのは、いちおうそれだけの理由があって、、一時jQueryに感じていた、これをやっておかないとあとあと困りそうという気が強くするから。Angular2、Vue、Reactあたりのどれかは修得しておいたほうが今後生きていく上で楽そうという野生のカンによる。)

 

省力化のため、とりあえず本を買った。

<iframe style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" src="//rcm-fe.amazon-adsystem.com/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=httpstarblogo-22&language=ja_JP&o=9&p=8&l=as4&m=amazon&f=ifr&ref=as_ss_li_til&asins=4839960496&linkId=ad38ef40e2c58c63b60d8882dc4d9726"></iframe>

Reactホント斜め読みしかしていないのだが、

Reactは完全にJavascriptではなく、一部独自仕様の構文解析

するので、コンパイル(トランスパイル)がいるようだ。

 

Node.jsは絶対に必要ってわけでもないんだろうけど、

普通は絶対入れるもんなんだろうから、インストールしておく。

 

特に技術的に難しいわけじゃないけど、手順を忘れてしまうのでメモっとく。

 

sudo apt install nodejs

sudo apt install npm

node -v

v8.10.0

npm -v

3.5.2

cd webpage の開発ディレクトリ(work space)

npm init

全部OK yes

npm install --save react

npm install

 

↑こっちは自分プロジェクト用

チュートリアル?用にも作業する

cd ~

mkdir my-app

sudo npm install -g create-react-app

create-react-app my-app

 

npm install --save-dev babel-cli babel-preset-env

npm install --save-dev  babel-preset-react