Node.jsを始める際に必要なことあれこれ

1. Node.jsの始め方
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿

2. Node.jsとは？
Javascriptの本来の実行範囲
Node.jsによる拡張範囲
 Node.jsとは、Javascriptを標準入出力繋げられる環境
 Javascriptの利用シーンを拡大できる

3. Node.jsの利用シーン
http
STDI/O
Javascript
Electron
VS CodeATOM
AngularJS React
Grunt
Web Framework Development environment
Task Runner
Glup
Vue
Model-View-WhateverDesk Top Application

4. Node.jsで使用できるJavascript
 Javascriptという定義のプログラミング言語はない
 ECMAScriptという仕様があるのみ
http://kangax.github.io/compat-table/es2016plus/

5. 最新のEcmascriptやTypeScriptを使う！

6. パッケージマネージャで既存資産を利用
 Node Package Manager
 80万以上のオープンソースが検索可能
 npmを利用して既存資産を取得/管理
 アプリケーションの雛形を作る
 ＝npmの初期設定をする
 yarn
 急上昇中のnpmクライアント

7. Npmを使用した
Node.jsプロジェクトの構成
D:¥sample>npm init
＜中略＞
package name: (sample)
version: (1.0.0)
description: sample_project
entry point: (index.js)
test command:
git repository:
keywords: sample
author: masumitsu
license: (ISC) MIT
About to write to D:¥sample¥package.json:
＜中略＞
Is this OK? (yes) yes
D:¥sample>npm install --Save jquery
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN sample@1.0.0 No repository field.
+ jquery@3.3.1
added 1 package from 1 contributor and audited 1 package in 3.99s
found 0 vulnerabilities
╭───────────────────────────────────╮
│ │
│ New minor version of npm available! 6.1.0 -> 6.4.1 │
│ Changelog: https://github.com/npm/npm/releases/tag/v6.4.1 │
│ Run npm install -g npm to update! │
│ │
╰───────────────────────────────────╯

8. package.json
 name
 アプリケーション名
 script
 npmスクリプト
 npm run script-nameで実行
 dependencies
 依存関係
 アプリケーションで使用するライブラリ
 npm install –Save xxxx で自動追加
Package.jsonはプロジェクトの設計図

9. そして、実践へ
Electron サンプルの実行
# Clone the Quick Start repository
$ git clone https://github.com/electron/electron-quick-start
# Go into the repository
$ cd electron-quick-start
# Install the dependencies
$ npm install
# run Electron
$ npm start