$ npm install-D http-server

{"scripts":{"server":"http-server -o"}}

$ npm run server

Starting up http-server, serving ./
Available on:
http://127.0.0.1:8080

const{Worker}=require('worker_threads')constworker=newWorker('./worker.js')

console.log('Hello from worker')

$ node main.js
Hello from worker

const{Worker}=require('worker_threads')constworker=newWorker('./worker.js',{workerData:'message from main.js!',})

const{workerData}=require('worker_threads')console.log('Hello from worker')console.log(workerData)

$ node main.js
Hello from worker
message from main.js!

const{Worker}=require('worker_threads')constworkerData=[1,2,3]constworker=newWorker('./worker.js',{workerData})// オブジェクトを渡すsetTimeout(()=>console.log('main.js: %O',workerData),1000)// どうなる？

const{workerData}=require('worker_threads')console.log('worker.js %O',workerData)workerData.push(4,5,6)// Worker側で変更を加えるconsole.log('worker.js %O',workerData)

worker.js [ 1, 2, 3 ]
worker.js [ 1, 2, 3, 4, 5, 6 ]
main.js: [ 1, 2, 3 ]

const{Worker}=require('worker_threads')constworker1=newWorker('./worker.js',{workerData:'worker1',})constworker2=newWorker('./worker.js',{workerData:'worker2',})

const{workerData}=require('worker_threads')console.log(`I'm a ${workerData}`)

$ node main.js
I'm a worker1
I'm a worker2

functionhighLoadTask(){for(leti=0;i<2_000_000_000;i++){}}module.exports={highLoadTask}

const{highLoadTask}=require('./highLoadTask')console.time('total')console.time('task#1')highLoadTask()console.timeEnd('task#1')console.time('task#2')highLoadTask()console.timeEnd('task#2')console.time('task#3')highLoadTask()console.timeEnd('task#3')console.timeEnd('total')

node main.js
task#1: 1.455s
task#2: 1.460s
task#3: 478.089ms
total: 3.399s

const{highLoadTask}=require('./highLoadTask')functionasyncHighLoadTask(taskName){returnnewPromise(resolve=>{console.time(taskName)highLoadTask()console.timeEnd(taskName)resolve()})}(asyncfunction(){console.time('total')awaitPromise.all([asyncHighLoadTask('task#1'),asyncHighLoadTask('task#2'),asyncHighLoadTask('task#3'),])console.timeEnd('total')})()

const{workerData}=require('worker_threads')const{highLoadTask}=require('./highLoadTask')console.time(workerData)highLoadTask()console.timeEnd(workerData)

const{Worker}=require('worker_threads')console.time('total')constworker1=newWorker('./worker.js',{workerData:'worker1',})constworker2=newWorker('./worker.js',{workerData:'worker2',})constworker3=newWorker('./worker.js',{workerData:'worker3',})Promise.all([newPromise(r=>worker1.on('exit',r)),newPromise(r=>worker2.on('exit',r)),newPromise(r=>worker3.on('exit',r)),]).then(()=>console.timeEnd('total'))

$ node main.js
worker1: 1.526s
worker3: 1.529s
worker2: 1.529s
total: 1.579s

$ sudo zypper se nodejs
Loading repository data...
Reading installed packages...

S | Name                    | Summary                                          | Type
--+-------------------------+--------------------------------------------------+-----------
  | nodejs-common           | Common files for the NodeJS ecosystem            | package
  | nodejs-emojione         | A set of emojis designed for the web             | package
  | nodejs-emojione-awesome | Emojione templates                               | package
  | nodejs-emojione-demo    | EmojiOne Demos                                   | package
  | nodejs-emojione-meteor  | EmojiOne utility for Meteor                      | package
  | nodejs-emojione-python  | EmojiOne utility for Python                      | package
  | nodejs-emojione-swift   | EmojiOne utility for swift                       | package
  | nodejs-packaging        | Node.js Dependency generators for openSUSE       | package
  | nodejs-underscore       | A utility belt library for JavaScript            | package
  | nodejs10                | Evented I/O for V8 JavaScript                    | package
  | nodejs10                | Evented I/O for V8 JavaScript                    | srcpackage
  | nodejs10-devel          | Files needed for development of NodeJS platforms | package
  | nodejs10-docs           | Node.js API documentation                        | package
  | nodejs8                 | Evented I/O for V8 JavaScript                    | package
  | nodejs8                 | Evented I/O for V8 JavaScript                    | srcpackage
  | nodejs8-devel           | Files needed for development of NodeJS platforms | package
  | nodejs8-docs            | Node.js API documentation                        | package

$ sudo zypper info nodejs10
Loading repository data...
Reading installed packages...


Information for package nodejs10:
---------------------------------
Repository     : leap-15.1-update
Name           : nodejs10
Version        : 10.16.3-lp151.2.6.1
Arch           : x86_64
Vendor         : openSUSE
Installed Size : 23.6 MiB
Installed      : No
Status         : not installed
Source package : nodejs10-10.16.3-lp151.2.6.1.src
Summary        : Evented I/O for V8 JavaScript
Description    :
    Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine. Node.js
    uses an event-driven, non-blocking I/O model. Node.js has a package ecosystem
    provided by npm.

$ sudo zypper in nodejs10 npm10

$ node -v
v10.16.3

$ npm -v
6.9.0

\---node-angular-sample
│  .gitignore
│  docker-compose.yml
│  docker-entrypoint.sh
│  Dockerfile

FROM node:ltsCOPY docker-entrypoint.sh ./COPY ./frontend ./RUN npm install-g @angular/cli

WORKDIR /frontendEXPOSE 4200ENTRYPOINT ["/docker-entrypoint.sh"]

version:'3'services:node:build:.environment:NG_CLI_ANALYTICS:"ci"NG_CLI_ANALYTICS:"false"ports:-"4200:4200"volumes:-"./frontend:/frontend"-nodemodules:/frontend/node_modulestty:truevolumes:nodemodules:driver:"local"

#start SQL Server, start the script to create/setup the DB#!/bin/bashFILE="/frontend/package.json"if[-e$FILE];then
  npm ci
fi

/bin/bash

mkdir frontend\node_modules

docker-compose build

docker-compose up -d

cd ..
ng new frontend --skipGit=true

# attach shell
ng serve --host=0.0.0.0

docker-compose down -v

\---node-angular-sample
│  .gitignore
│  docker-compose.yml
│  docker-entrypoint.sh
│  Dockerfile
│
└─frontend
    │  .editorconfig
    │  .gitignore
    │  angular.json
    │  browserslist
    │  karma.conf.js
    │  package-lock.json
    │  package.json
    │  README.md
    │  tsconfig.app.json
    │  tsconfig.json
    │  tsconfig.spec.json
    │  tslint.json
    │
    ├─e2e
    │  │  protractor.conf.js
    │  │  tsconfig.json
    │  │  
    │  └─src
    │          app.e2e-spec.ts
    │          app.po.ts
    │
    ├─node_modules
    └─src
        │  favicon.ico
        │  index.html
        │  main.ts
        │  polyfills.ts
        │  styles.scss
        │  test.ts
        │
        ├─app
        │      app.component.html
        │      app.component.scss
        │      app.component.spec.ts
        │      app.component.ts
        │      app.module.ts
        │
        ├─assets
        │      .gitkeep
        │
        └─environments
                environment.prod.ts
                environment.ts

mkdir frontend\node_modules
docker-compose build

// プロジェクトフォルダを作成
$mkdir first_graphql
$cd first_graphql

// プロジェクトのセットアップ
$npm init

// 必要なモジュールをインストール
$npm i --save express apollo-server-express graphql

// index.jsを作成
$touch index.js

constexpress=require('express')const{ApolloServer,gql}=require('apollo-server-express')constapp=express()// GraphQL言語のschemaを使ったconstruct定義// レスポンスするデータの型を設定しておくconsttypeDefs=gql`
    type Query {
        firstQuery: String
    }
`// schemaごとに取得ロジックを設定していく constresolvers={Query:{firstQuery:()=>"Hello,world!",},}constserver=newApolloServer({typeDefs,resolvers})server.applyMiddleware({app})app.listen({port:4000},()=>console.log(`Server ready at http://localhost:4000${server.graphqlPath}`)

$nodemon index.js
//$node index.jsでも可

// GrapohQL言語のschemaを使ったconstruct定義// レスポンスするデータの型を設定しておくconsttypeDefs=gql`
    type Query {
        firstQuery: String
    }
`// schemaごとに取得ロジックを設定していく constresolvers={Query:{firstQuery:()=>"Hello,world!",},}

{
  firstQuery
}

{
  "data": {
    "firstQuery": "Hello,world!"
  }
}

~ % touch ~/.zshrc

~ % curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash

=> Close and reopen your terminal to start using nvm or run the following to use it now:
export NVM_DIR=“$HOME/.nvm”
[ -s “$NVM_DIR/nvm.sh” ] && \. “$NVM_DIR/nvm.sh” # This loads nvm
[ -s “$NVM_DIR/bash_completion” ] && \. “$NVM_DIR/bash_completion” # This loads nvm bash_completion

~ % nvm -v
Node Version Manager (v0.35.3)
Note: <version>refers to any version-like string nvm understands. This includes:
 - full or partial version numbers, starting with an optional “v” (0.10, v0.1.2, v1)
 - default (built-in) aliases: node, stable, unstable, iojs, system
 - custom aliases you define with `nvm alias foo`

（以下略）

~ % nvm install [version]

---
v.8.14.0をインストールする場合は。。。
~ % nvm install v8.14.0

Computing checksum with shasum -a 256
Checksums matched!
Now using node v8.14.0 (npm v6.4.1)

~ % nvm use [version]

---
v.8.14.0を利用する場合は。。。
~ % nvm use v8.14.0

Now using node v8.14.0 (npm v6.4.1)

~ % nvm alias defalut v8.14.0
defalut ->v8.14.0

~ % nvm ls

     v8.10.0
->   v8.14.0

default -> v8.10.0

~ % node -v
v8.14.0

nvm ls-remote

=> Compressing and cleaning up git repository
=> Profile not found. Tried ~/.bashrc, ~/.bash_profile, ~/.zshrc, and ~/.profile.
=> Create one of them and run this script again
  OR
=> Append the following lines to the correct file yourself:
export NVM_DIR=“$HOME/.nvm”
[ -s “$NVM_DIR/nvm.sh” ] && \. “$NVM_DIR/nvm.sh” # This loads nvm
=> Close and reopen your terminal to start using nvm or run the following to use it now:
export NVM_DIR=“$HOME/.nvm”
[ -s “$NVM_DIR/nvm.sh” ] && \. “$NVM_DIR/nvm.sh” # This loads nvm

[ -s “$NVM_DIR/bash_completion” ] && \. “$NVM_DIR/bash_completion” # This loads nvm bash_completion

const{Worker}=require('worker_threads')constworker=newWorker('./worker.js')

thrownewError('Error was thrown in worker')

$node main.js

events.js:293
      throw er;// Unhandled 'error' event
      ^
Error: Error was thrown in worker
    at Object.<anonymous>(/Volumes/dev/nodejs-playground/worker-threads/07-error-thrown-in-worker/worker.js:1:7)    at Module._compile (internal/modules/cjs/loader.js:1147:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1167:10)
    at Module.load (internal/modules/cjs/loader.js:996:32)
    at Function.Module._load (internal/modules/cjs/loader.js:896:14)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:71:12)
    at MessagePort.<anonymous>(internal/main/worker_thread.js:167:24)    at MessagePort.emit (events.js:316:20)
    at MessagePort.onmessage (internal/worker/io.js:78:8)
    at MessagePort.exports.emitMessage (internal/per_context/messageport.js:11:10)
Emitted 'error' event on Worker instance at:
    at Worker.[kOnErrorMessage] (internal/worker.js:209:10)
    at Worker.[kOnMessage] (internal/worker.js:219:37)
    at MessagePort.<anonymous>(internal/worker.js:145:57)    at MessagePort.emit (events.js:316:20)
    at MessagePort.onmessage (internal/worker/io.js:78:8)
    at MessagePort.exports.emitMessage (internal/per_context/messageport.js:11:10)

const{Worker}=require('worker_threads')constworker=newWorker('./worker.js')// 追加↓setTimeout(function(){console.log('The main thread is alive!')},3000)

$node main.js

events.js:293
      throw er;// Unhandled 'error' event
      ^
Error: Error was thrown in worker
    at Object.<anonymous>(/Volumes/dev/nodejs-playground/worker-threads/08-error-thrown-in-worker/worker.js:1:7)...(略

worker.on('error',err=>{// エラー処理})

const{Worker}=require('worker_threads')constworker=newWorker('./worker.js')// 追加↓worker.on('error',err=>{console.error(err.message)})setTimeout(function(){console.log('The main thread is alive!')},3000)

$node main.js
Error was thrown in worker
The main thread is alive!

import{ipcRenderer}from'electron';process.once('loaded',()=>{window.ipcRenderer=ipcRenderer;});

import{IpcRenderer}from'electron';declareglobal{interfaceWindow{ipcRenderer:IpcRenderer;}}

window.ipcRenderer.send('async-message','ping!');

express -e "ファイル名"

npm install

npm install --save npm 

npm start

const{Worker}=require('worker_threads')constworker=newWorker('./worker.js')worker.postMessage('Hello!')

const{parentPort}=require('worker_threads')parentPort.on('message',message=>{console.log('worker received message: %o',message)})

$ node main.js
worker received message: 'Hello!'

const{parentPort}=require('worker_threads')parentPort.postMessage('Hello!')

const{Worker}=require('worker_threads')constworker=newWorker('./worker.js')worker.on('message',message=>{console.log('Main thread received message: %o',message)})

const{parentPort}=require('worker_threads')parentPort.postMessage('message from worker1')

const{parentPort}=require('worker_threads')parentPort.on('message',message=>{console.log('worker2 received message: %o',message)})

const{Worker}=require('worker_threads')constworker1=newWorker('./worker1.js')constworker2=newWorker('./worker2.js')worker1.on('message',message=>worker2.postMessage(message))

$ node main.js
worker2 received message: 'message from worker1'

const{Worker,MessageChannel}=require('worker_threads')const{port1,port2}=newMessageChannel()constworker1=newWorker('./worker1.js')constworker2=newWorker('./worker2.js')worker1.postMessage({worker2:port1},[port1])worker2.postMessage({worker1:port2},[port2])

constassert=require('assert')const{parentPort,MessagePort}=require('worker_threads')parentPort.once('message',({worker2})=>{assert(worker2instanceofMessagePort)worker2.postMessage('message from worker1')})

constassert=require('assert')const{parentPort,MessagePort}=require('worker_threads')parentPort.once('message',({worker1})=>{assert(worker1instanceofMessagePort)worker1.on('message',message=>{console.log('worker2 received message: %o',message)})})

@Injectable()exportclassAuthService{publicauthId:number;getuserId(){returnauthId;}// ...認証やらいろいろして、認証できたらauthIdにユーザIDを入れる処理とか}

exportclassStatusController{constructor(privateauth:AuthService,){}@Get()asyncuserStatus():Promise<IResponseGetUserStatus>{console.log(this.auth.userId);// 【1】// ...時間のかかる非同期処理console.log(this.auth.userId);// 【2】}}

@Injectable({scope:Scope.REQUEST}// 追記)exportclassAuthService{publicauthId:number;getuserId(){returnauthId;}}

sudo apt install -y nodejs npm

sudo npm install n -g

sudo n lts

sudo apt purge -y nodejs npm
exec $SHELL -l

node -v

n ls
sudo n 11.15.0
node -v
v11.15.0

n --lts     # 推奨
n --stable  # 推奨（alias）
n --latest  # 最新

sudo n lts
sudo n stable

sudo n latest

npm info npm version

sudo npm install -g npm
sudo npm update -g npm

npm info (パッケージ名) versions

npm info expo versions
[
  '0.1.0-pre',           '0.1.0-pre2',          '0.1.1',
～中略
  '35.0.0-rc.0',         '35.0.0'
]

npm info expo@33 version
expo@33.0.0 '33.0.0'
expo@33.0.1 '33.0.1'
expo@33.0.2 '33.0.2'
expo@33.0.3 '33.0.3'
expo@33.0.4 '33.0.4'
expo@33.0.5 '33.0.5'
expo@33.0.6 '33.0.6'
expo@33.0.7 '33.0.7'

npm info expo version
35.0.0

npm list --depth=0 -g

npm list --depth=0

npm install -g expo@33.0.7

$ yarn install
nodenv: version `10.19.0' is not installed (set by /{**}/covid19/.node-version)

$ cat covid19/.node-version
10.19.0

[node バージョンリスト表示]
$ nodenv install -l
...
10.15.3
10.16.0
10.16.1
10.16.2
10.16.3
10.17.0
...

[公式のドキュメントによると以下を実行するように記載されています。]
$ git -C "$(nodenv root)"/plugins/node-build pull

[① nodenvがどこにあるのか確認]
$ which nodenv
YOUR/INSTALL/PATH/.anyenv/envs/nodenv/bin/nodenv
[② anyenv配下のnodenvへ移動]
$ cd YOUR/INSTALL/PATH/.anyenv/envs/nodenv
[③ git pullを実行 公式にある指示]
$ git pull
remote: Enumerating objects: 839, done.
remote: Counting objects: 100% (839/839), done.
remote: Compressing objects: 100% (168/168), done.
remote: Total 934 (delta 646), reused 792 (delta 622), pack-reused 95
Receiving objects: 100% (934/934), 182.67 KiB | 422.00 KiB/s, done.
Resolving deltas: 100% (658/658), completed with 301 local objects.
From https://github.com/nodenv/node-build
   3df19246..cdb2593c  master               -> origin/master
 * [new branch]        scrape-workflow      -> origin/scrape-workflow
 * [new tag]           ruby-build/v20191024 -> ruby-build/v20191024
 * [new tag]           ruby-build/v20191030 -> ruby-build/v20191030
...
 rename test/helpers/warning_messages => script/lint/lts (84%)
 create mode 100644 share/node-build/10.18.0
 create mode 100644 share/node-build/10.18.1
 create mode 100644 share/node-build/10.19.0 [→ 今回ほしい該当のバージョン]
 create mode 100644 share/node-build/12.14.0

[node バージョンリスト表示]
$ nodenv install -l
...
10.16.1
10.16.2
10.16.3
10.17.0
10.18.0
10.18.1
10.19.0 [→ 今回ほしい該当のバージョン]
11.10.0
...

$ nodenv install 10.19.0
Downloading node-v10.19.0-darwin-x64.tar.gz...
-> https://nodejs.org/dist/v10.19.0/node-v10.19.0-darwin-x64.tar.gz
Installing node-v10.19.0-darwin-x64...
Installed node-v10.19.0-darwin-x64 to YOUR/INSTALL/PATH/.anyenv/envs/nodenv/versions/10.19.0

$ yarn install
yarn install v1.22.4
[1/5] 🔍  Validating package.json...
[2/5] 🔍  Resolving packages...
[3/5] 🚚  Fetching packages...
[4/5] 🔗  Linking dependencies...
warning "babel-jest > babel-preset-jest > @babel/plugin-syntax-object-rest-spread@7.8.3" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "vue-jest > @babel/plugin-transform-modules-commonjs@7.8.3" has unmet peer dependency "@babel/core@^7.0.0-0".
・・・
✨  Done in 12.70s.

constfs=require("fs");constpath=require("path");constdir="./textBox";// ← 変更してねconstaddHead="textBox_";// ← 変更してねconstfileNameList=fs.readdirSync(dir);consttargetFileNames=fileNameList.filter(RegExp.prototype.test,/.*\.txt$/);// ← 変更してね// console.log(targetFileNames);targetFileNames.forEach(fileName=>{// console.log(fileName)constfilePath={};constnewName=addHead+fileName;filePath.before=path.join(dir,fileName);filePath.after=path.join(dir,newName);// console.log(filePath);fs.rename(filePath.before,filePath.after,err=>{if(err)throwerr;console.log(filePath.before+"-->"+filePath.after);});});

$node changeName.js

constfs=require("fs");// nodeのfsモジュール読み込みconstpath=require("path");// nodeのpathモジュール読み込みconstdir="./textBox";// 対象のディレクトリを指定constaddHead="textBox_";// ファイル名に付与したい文字列を入力constfileNameList=fs.readdirSync(dir);// 対象ディレクトリからファイル名一覧を取得console.log(fileNameList);// [ 'textBox_aaa.txt', 'textBox_bbb.txt', 'textBox_ccc.txt', 'xxx.jpg' ]consttargetFileNames=fileNameList.filter(RegExp.prototype.test,/.*\.txt$/);// ファイル名一覧から、拡張子で抽出console.log(targetFileNames);// [ 'textBox_aaa.txt', 'textBox_bbb.txt', 'textBox_ccc.txt' ]/* 拡張子で抽出したファイル名一覧「targetFileNames」を forEach で回す */targetFileNames.forEach(fileName=>{console.log(fileName);// textBox_aaa.txtconstfilePath={};// ファイル名の前後を入れる箱（連想配列）constnewName=addHead+fileName;// 元のファイル名の先頭に、文字列「addHead」を加えるfilePath.before=path.join(dir,fileName);// 変更前のフルパス（ディレクトリパス＋ファイル名）を箱に入れるfilePath.after=path.join(dir,newName);// 変更後のフルパスを箱に入れるconsole.log(filePath);// { before: 'textBox/aaa.txt', after: 'textBox/textBox_aaa.txt' }/* リネーム処理 */fs.rename(filePath.before,filePath.after,err=>{if(err)throwerr;console.log(filePath.before+"-->"+filePath.after);// textBox/aaa.txt-->textBox/textBox_aaa.txt});/* END リネーム処理 */});/* END forEach */

constfs=require("fs");// nodeのfsモジュール読み込みconstpath=require("path");// nodeのpathモジュール読み込み

constfileNameList=fs.readdirSync(dir);// 対象ディレクトリからファイル名一覧を取得console.log(fileNameList);// [ 'textBox_aaa.txt', 'textBox_bbb.txt', 'textBox_ccc.txt', 'xxx.jpg' ]

consttargetFileNames=fileNameList.filter(RegExp.prototype.test,/.*\.txt$/);// ファイル名一覧から、拡張子で抽出console.log(targetFileNames);// [ 'textBox_aaa.txt', 'textBox_bbb.txt', 'textBox_ccc.txt' ]

targetFileNames.forEach(fileName=>{console.log(fileName);// textBox_aaa.txt// 〜省略〜});

constfilePath={};constnewName=addHead+fileName;filePath.before=path.join(dir,fileName);filePath.after=path.join(dir,newName);console.log(filePath);// { before: 'textBox/aaa.txt', after: 'textBox/textBox_textBox_aaa.txt' }

fs.rename(filePath.before,filePath.after,err=>{if(err)throwerr;console.log(filePath.before+"-->"+filePath.after);// textBox/aaa.txt-->textBox/textBox_aaa.txt});

#!/usr/bin/env node'use strict';

// Provide a title to the process in `ps`.// Due to an obscure Mac bug, do not start this title with any symbol.try{process.title='ng '+Array.from(process.argv).slice(2).join('');}catch(_){// If an error happened above, use the most basic title.process.title='ng';}

// This node version check ensures that extremely old versions of node are not used.// These may not support ES2015 features such as const/let/async/await/etc.// These would then crash with a hard to diagnose error message.// tslint:disable-next-line: no-var-keywordvarversion=process.versions.node.split('.').map(part=>Number(part));if(version[0]<10||version[0]===11||(version[0]===10&&version[1]<13)){process.stderr.write('Node.js version '+process.verson+' detected.\n'+'The Angular CLI requires a minimum Node.js version of either v10.13 or v12.0.\n\n'+'Please update your Node.js version or visit https://nodejs.org/ for additional instructions.\n',);process.exit(3);}

require('../lib/init');

$ ls-l /usr/local/bin/ng
lrwxr-xr-x ...(割愛)... /usr/local/bin/ng -> ../lib/node_modules/@angular/cli/bin/ng

"scripts":{"start":"npm run serve","serve":"node dist/server.js",}

"scripts":{"debug":"npm run build && npm run watch-debug","build":"npm run build-ts && npm run lint","serve":"node dist/server.js","lint":"tsc --noEmit && eslint \"**/*.{js,ts}\" --quiet --fix","build-ts":"tsc","watch-ts":"tsc -w","watch-node":"nodemon dist/server.js","watch-debug":"concurrently -k -p \"[{name}]\" -n \"TypeScript,Node\" -c \"cyan.bold,green.bold\"\"npm run watch-ts\"\"npm run serve-debug\"","serve-debug":"nodemon --inspect dist/server.js"},

{"version":"0.2.0","configurations":[{"type":"node","request":"attach","name":"Attach by Process","protocol":"inspector","port":9229}]}

const{randomBytes}=require('crypto')functiongenerateRandomString(length){returnrandomBytes(length).reduce((p,n)=>p+n.toString(36).slice(-1),'')}

constassert=require('assert')constlengthList=[0,1,2,4,8,16]for(letlengthoflengthList){constrandomString=generateRandomString(length)console.log('string(%i) %o',randomString.length,randomString)assert(randomString.length===length)}

string(0) ''
string(1) '3'
string(2) 'dy'
string(4) 'jk0g'
string(8) 'lvyzo8do'
string(16) '85hnhykoxwd2ofdd'

$ mkdir electron-todo
$ cd electron-todo

$ npm init -y

{"name":"electron-todo","version":"1.0.0","description":"","main":"index.js","scripts":{"test":"echo \"Error: no test specified\"&& exit 1"},"keywords":[],"author":"","license":"ISC"}

{"name":"electron-todo","version":"1.0.0","description":"todo app","main":"main.js","scripts":{"start":"electron .","test":"echo \"Error: no test specified\"&& exit 1"},"keywords":[],"author":"","license":"ISC",}

$ touch main.js Window.js DataStore.js
$ mkdir renderer
$ touch renderer/index.html renderer/index.js
$ touch renderer/app.html renderer/app.js
$ touch renderer/style.css

$ npm i electron
$ npm i electron-reload
$ npm i electron-store
$ npm i spectre.css

<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"/><title>Todo</title><linkrel="stylesheet"href="../node_modules/spectre.css/dist/spectre.min.css"/><linkrel="stylesheet"href="style.css"/></head><body><divclass="container"><divclass="columns"><divclass="column col-10"><h1class="text-center">Todos</h1><buttonid="createTodoBtn"type="button"class="btn">
                        Create a New Todo
                    </button><ulid="todoList"></ul></div></div></div><script src="./index.js"></script></body></html>

// 後で実装する機能// 1. createTodoBtnボタンが押されたら、そのことをMainプロセスに知らせる// 2. 「todoリストを更新せよ」という命令をMainプロセスから受け取り、実行する

body{font:caption;}.todo-item{background:none;padding:0.5rem;margin:0;cursor:pointer;font-size:1rem;}.todo-item:nth-child(even){background:#f4f4ff;}.todo-item:hover{background:#d8d8d8;}

const{app,BrowserWindow}=require('electron');letmainWindow=null;app.on('ready',()=>{mainWindow=newBrowserWindow({webPreferences:{nodeIntegration:true,},});mainWindow.loadFile('./renderer/index.html');mainWindow.on('closed',()=>{mainWindow=null;});});app.on('window-all-closed',()=>{app.quit();});

$ npm start

const{BrowserWindow}=require('electron');// default window settingsconstdefaultProps={width:500,height:800,show:false,webPreferences:{nodeIntegration:true,},};classWindowextendsBrowserWindow{constructor({file,...windowSettings}){super({...defaultProps,...windowSettings});this.loadFile(file);this.once('ready-to-show',()=>{this.show();});}}module.exports=Window;

<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"/><title>Add Todo</title><linkrel="stylesheet"href="../node_modules/spectre.css/dist/spectre.min.css"/><linkrel="stylesheet"href="style.css"/></head><body><divclass="container"><divclass="columns"><divclass="column col-10"><h1class="text-center">Add Todo</h1><formid="todoForm"><divclass="form-group"><labelclass="form-label"for="add-input">Todo</label><inputclass="form-input"type="text"name="add-input"placeholder="I have to..."/></div><buttonclass="btn">Add Todo</button></form></div></div></div><script src="./add.js"></script></body></html>

// 後で実装する機能// フォームに内容が入力されたらMainプロセスに通知する

const{ipcRenderer}=require('electron');// createTodoボタンが押されたら、そのことをMainプロセスに伝えるdocument.getElementById('createTodoBtn').addEventListener('click',()=>{ipcRenderer.send('add-todo-window');});

constpath=require('path');const{app,ipcMain}=require('electron');constWindow=require('./Window');app.on('ready',()=>{letmainWindow=newWindow({file:path.join('renderer','index.html'),});// add todo windowletaddTodoWin;// create add todo windowipcMain.on('add-todo-window',()=>{if(!addTodoWin){addTodoWin=newWindow({file:path.join('renderer','add.html'),width:400,height:400,parent:mainWindow,});addTodoWin.on('closed',()=>{addTodoWin=null;});}});});app.on('window-all-closed',()=>{app.quit();});

$ npm start

constStore=require('electron-store');classDataStoreextendsStore{constructor(settings){super(settings);// initialize with todos or empty arraythis.todos=this.get('todos')||[];}saveTodos(){// save todos to JSON filethis.set('todos',this.todos);// returning 'this' allows method chainingreturnthis;}getTodos(){// set object's todos to todos in JSON filethis.todos=this.get('todos')||[];returnthis;}addTodo(todo){// merge the existing todos with the new todothis.todos=[...this.todos,todo];returnthis.saveTodos();}deleteTodo(todo){// filter out the target todothis.todos=this.todos.filter(t=>t!==todo);returnthis.saveTodos();}}module.exports=DataStore;

const{ipcRenderer}=require('electron');document.getElementById('todoForm').addEventListener('submit',evt=>{// prevent default refresh functionality of formsevt.preventDefault();// get input on the formconstinput=evt.target[0];// send input.value to main proecssipcRenderer.send('add-todo',input.value);// reset inputinput.value='';});

constpath=require('path');const{app,ipcMain}=require('electron');constWindow=require('./Window');constDatastore=require('./DataStore');// ホットリロード機能を有効化require('electron-reload')(__dirname);// create a new todo store name "Todos Main"consttodosData=newDatastore({name:'Todos Main'});app.on('ready',()=>{letmainWindow=newWindow({file:path.join('renderer','index.html'),});// add todo windowletaddTodoWin;// initialize with todosmainWindow.once('show',()=>{mainWindow.webContents.send('todos',todosData.todos);});// create add todo windowipcMain.on('add-todo-window',()=>{if(!addTodoWin){addTodoWin=newWindow({file:path.join('renderer','add.html'),width:400,height:400,parent:mainWindow,});addTodoWin.on('closed',()=>{addTodoWin=null;});}});ipcMain.on('add-todo',(event,todo)=>{constupdatedTodos=todosData.addTodo(todo).todos;mainWindow.send('todos',updatedTodos);});ipcMain.on('delete-todo',(event,todo)=>{constupdatedTodos=todosData.deleteTodo(todo).todos;mainWindow.send('todos',updatedTodos);});});app.on('window-all-closed',()=>{app.quit();});

const{ipcRenderer}=require('electron');// create add todo window buttondocument.getElementById('createTodoBtn').addEventListener('click',()=>{ipcRenderer.send('add-todo-window');});// delete todo by its text valueconstdeleteTodo=e=>{ipcRenderer.send('delete-todo',e.target.textContent);};// on receive todosipcRenderer.on('todos',(event,todos)=>{// get todoListconsttodoList=document.getElementById('todoList');// create html stringconsttodoItems=todos.reduce((html,todo)=>{html+=`<li class="todo-item">${todo}</li>`;returnhtml;},'');// set list html to the todo itemstodoList.innerHTML=todoItems;// add click handlers to delete the clicked todotodoList.querySelectorAll('.todo-item').forEach(item=>{item.addEventListener('click',deleteTodo);});});

$ npm start

const{Worker}=require('worker_threads')constworker=newWorker('./worker.js')worker.postMessage('Hello!')

const{fork}=require('child_process')constchildProcess=fork('./worker.js')childProcess.send('Hello!')

const{repeat,data}=require('./config.js')const{fork}=require('child_process')if(process.send===undefined){// parent processletcount=0fork(__filename).on('message',function(message){if(message==='end'){console.timeEnd('test')this.kill()return}elseif(message==='start'){console.time('test')}this.send(++count<=repeat)})}else{process.send('start')process.on('message',continues=>{process.send(continues?data:'end')})}

const{repeat,data}=require('./config.js')const{isMainThread,Worker,parentPort}=require('worker_threads')if(isMainThread){letcount=0newWorker(__filename).on('message',function(message){if(message==='end'){console.timeEnd('test')this.terminate()return}elseif(message==='start'){console.time('test')}this.postMessage(++count<=repeat)})}else{parentPort.postMessage('start')parentPort.on('message',continues=>{parentPort.postMessage(continues?data:'end')})}

module.exports={repeat:1000,data:true,// data: 'a',// data: Array(10000).fill('x')// data: 'a'.repeat(100000),// data: Array(10000).fill({a: 1}),}