export PATH="$PATH:"/usr/local/Cellar/node/NODEのバージョン/bin/""

$ source .bashrc

constchromium=require("chrome-aws-lambda");exports.handler=async(event,context)=>{letbrowser=null;letelems=[];try{browser=awaitchromium.puppeteer.launch({args:chromium.args,defaultViewport:chromium.defaultViewport,executablePath:awaitchromium.executablePath,headless:chromium.headless,});letpage=awaitbrowser.newPage();awaitpage.goto("http://qiita.com/organizations/"+process.env.ORGANIZATION_NAME);constselector=".of-ItemLink_header-title";elems=awaitpage.$$eval(selector,es=>es.map(e=>[e.textContent,e.href]));}catch(error){returncontext.fail(error);}finally{if(browser!==null){awaitbrowser.close();}}returncontext.succeed(elems);};

const{App,ExpressReceiver}=require("@slack/bolt");constreceiver=newExpressReceiver({signingSecret:process.env.SLACK_SIGNING_SECRET});constapp=newApp({token:process.env.SLACK_BOT_TOKEN,receiver:receiver});app.client.chat.postMessage({channel:process.env.SLACK_CHANNEL,text:"message",token:process.env.SLACK_BOT_TOKEN});

constAWS=require("aws-sdk");consts3=newAWS.S3({region:"ap-northeast-1"});lets3Params={Bucket:process.env.BACKET_NAME,Key:process.env.FILE_NAME};s3.getObject(s3Params,(err,data)=>{if(err)returncontext.fail(err);elselatest=data.Body.toString();});

constAWS=require("aws-sdk");consts3=newAWS.S3({region:"ap-northeast-1"});lets3Params={Bucket:process.env.BACKET_NAME,Key:process.env.FILE_NAME,Body:"タイトル"};s3.putObject(s3Params,(err)=>{if(err)returncontext.fail(err);});

response.setHeader(名前,値);

response.writeHead(コード番号,メッセージ);

varhttp=require('http');varserver=http.createServer(function(req,res){res.writeHead(200,{'Content-Type':'text/plain'});res.write('Hello World');res.end();});server.listen(3000);console.log('サーバを起動しました');

D:
CD Node

node sample01.js

サーバを起動しました

for([プロパティ名を格納する変数]in[オブジェクト]){文}

varsum=0;varobj={a:1,b:2,c:3};for(varnameinobj){// オブジェクトの中のプロパティ名を取り出す。sum+=obj[name];}

importReact,{useState}from"react";exportdefault()=>{const[count,setCount]=useState(0);return(<div><h3data-test="count">count: {count}</h3><buttondata-test="count-up"onClick={()=>setCount(count+1)}>⬆︎</button><buttondata-test="count-down"onClick={()=>setCount(count-1)}>⬇︎</button></div>);};

importReactfrom"react";import{shallow}from"enzyme";importCounterfrom"./PureReactCounter";importtestConfigurefrom"../../testConfigure";testConfigure();constsel=(id:string)=>`[data-test="${id}"]`;describe("<Counter /> コンポーネント",()=>{constComponent=shallow(<Counter/>);it("ボタンをクリックしてカウントアップする",()=>{expect(Component.find("h3").text()).toEqual("count: 0");Component.find(sel("count-up")).simulate("click");expect(Component.find("h3").text()).toEqual("count: 1");});});

importEnzymefrom"enzyme";importEnzymeAdapterfrom"enzyme-adapter-react-16";exportdefault()=>Enzyme.configure({adapter:newEnzymeAdapter()});

PASSsrc/components/PureReactCounter.test.tsx<Counter/>コンポーネント✓ボタンをクリックしてカウントアップする(8ms)

PASSsrc/components/PureReactCounter.test.tsx<Counter/>コンポーネントShallowレンダリング✓ボタンをクリックしてカウントアップする(8ms)Fullレンダリング✓ボタンをクリックしてカウントアップする(8ms)

src/
├── index.tsx
├── App.tsx
├── components
│   ├── Counter.tsx
│   └── Counter.test.tsx
└── store
    ├── actions
    │   └── counterActions.ts
    ├── reducers
    │   └── counterReducer.ts
    └── store.ts

exportconstINCREMENT="INCREMENT";exportconstDECREMENT="DECREMENT";exportinterfaceICountReducerAction{type:typeofINCREMENT|typeofDECREMENT;}

import{ICountReducerAction,INCREMENT,DECREMENT}from"../actions/counterActions";constinitialState=0;constcounterReducer=(state=initialState,action:ICountReducerAction)=>{switch(action.type){caseINCREMENT:returnstate+1;caseDECREMENT:returnstate-1;default:returnstate;}};exportdefaultcounterReducer;

import{createStore}from"redux";import{combineReducers}from"redux";importcounterReducerfrom"./reducers/counterReducer";constreducer=combineReducers({count:counterReducer});exportdefaultcreateStore(reducer);

importReactfrom"react";importReactDOMfrom"react-dom";importAppfrom"./App";importstorefrom"./store/store";constrender=()=>ReactDOM.render(<App/>,document.getElementById("root"));render();store.subscribe(render);

importReactfrom"react";importstorefrom"../../store/store";import{INCREMENT,DECREMENT}from"../../store/actions/counterActions";exportdefault()=>{constcount=store.getState().count;// store から直接参照するreturn(<div><h3data-test="count">count: {count}</h3><buttononClick={()=>store.dispatch({type:INCREMENT})}>⬆︎</button><buttononClick={()=>store.dispatch({type:DECREMENT})}>⬇︎</button></div>);};

constsel=(id:string)=>`[data-test="${id}"]`;describe("<Counter /> コンポーネント",()=>{describe("Shallowレンダリング",()=>{constComponent=shallow(<Counter/>);it("ボタンをクリックしてカウントアップする",()=>{expect(Component.find("h3").text()).toEqual("count: 0");Component.find(sel("count-up")).simulate("click");// Redux store の state が変更されないexpect(Component.find("h3").text()).toEqual("count: 1");// 0 のまま});});describe("Fullレンダリング",()=>{constComponent=mount(<Counter/>);it("ボタンをクリックしてカウントアップする",()=>{expect(Component.find("h3").text()).toEqual("count: 0");Component.find(sel("count-up")).simulate("click");expect(Component.find("h3").text()).toEqual("count: 1");});});});

importReactfrom"react";import{connect}from"react-redux";import{Dispatch}from"redux";import{INCREMENT,DECREMENT}from"../../store/actions/counterActions";interfaceICounterState{counter:number;}interfaceICounterProps{count:number;increment:any;decrement:any;}// props として store を流し込んで DI できるるようにする。exportconstCounter=(store:ICounterProps)=>{const{count,increment,decrement}=store;return(<div><divdata-testid="count">count: {count}</div><buttononClick={increment}>⬆︎</button><buttononClick={decrement}>⬇︎</button></div>);};constmapStateToProps=(state:ICounterState)=>({count:state.counter});constmapDespatchToProps=(dispatch:Dispatch)=>({increment:()=>dispatch({type:INCREMENT}),decrement:()=>dispatch({type:DECREMENT})});// 第一引数の mapStateToProps は component に渡す props を制御する// 第二引数の mapDespatchToProps は reducer を呼び出して、redux で管理している state を更新する// Counter は取得したデータを props として扱いたい component を指定するexportdefaultconnect(mapStateToProps,mapDespatchToProps)(Counter);

importReactfrom"react";import{mount,shallow}from"enzyme";import{Provider}from"react-redux";import{createStore}from"redux";importsinonfrom"sinon";importConnectedCounter,{Counter}from"./ReactRedux";import{reducer}from"../../store/store";importtestConfigurefrom"../../testConfigure";testConfigure();constsel=(id:string)=>`[data-test="${id}"]`;describe("<Counter /> コンポーネント",()=>{describe("Shallowレンダリング",()=>{constprops={count:0,increment:sinon.spy(),// カウントアップするボタンを押した挙動を確認するためにスパイを差し込むdecrement:sinon.spy()};constshallowComponent=shallow(<Counter{...props}/>);it("ボタンをクリックしてカウントアップする",()=>{expect(shallowComponent.find("h3").text()).toEqual("count: 0");shallowComponent.find(sel("count-up")).simulate("click");expect(props.increment).toHaveProperty("callCount",1);});});describe("Fullレンダリング",()=>{constgetWrapper=(mockStore=createStore(reducer,{count:0}))=>mount(<Providerstore={mockStore}><ConnectedCounter/></Provider>);it("ボタンをクリックしてカウントアップする",()=>{constwrapper=getWrapper();expect(wrapper.find("h3").text()).toEqual("count: 0");wrapper.find(sel("count-up")).simulate("click");expect(wrapper.find("h3").text()).toEqual("count: 1");});});});

PASSsrc/components/container/ReactRedux.test.tsx<Counter/>コンポーネントShallowレンダリング✓ボタンをクリックしてカウントアップする(9ms)Fullレンダリング✓ボタンをクリックしてカウントアップする(44ms)

importReactfrom"react";import{useSelector,useDispatch}from"react-redux";import{INCREMENT,DECREMENT}from"../../store/actions/counterActions";exportdefault()=>{constcount=useSelector((state:any)=>state.count);constdispatch=useDispatch();constincrement=()=>{dispatch({type:INCREMENT})};constdecrement=()=>{dispatch({type:DECREMENT})};return(<div><h3>count: {count}</h3><buttondata-test="count-up"onClick={increment}>⬆︎</button><buttondata-test="count-down"onClick={decrement}>⬇︎</button></div>);};

describe("<Counter /> コンポーネント",()=>{describe("Fullレンダリング",()=>{constgetWrapper=(mockStore=createStore(reducer,{count:0}))=>mount(<Providerstore={mockStore}><ConnectedCounter/></Provider>);it("ボタンをクリックしてカウントアップする",()=>{constwrapper=getWrapper();expect(wrapper.find("h3").text()).toEqual("count: 0");wrapper.find(sel("count-up")).simulate("click");expect(wrapper.find("h3").text()).toEqual("count: 1");});});});

import{useSelector,useDispatch}from"react-redux";import{IRootState}from"../../store/store";import{INCREMENT,DECREMENT}from"../../store/actions/counterActions";import{Dispatch}from"redux";interfaceICounterProps{count:number;increment:Dispatch;decrement:Dispatch;}exportconstCounter=(props:ICounterProps)=>{const{count,increment,decrement}=props;return(<div><h3>count: {count}</h3><buttondata-test="count-up"onClick={increment}>⬆︎</button><buttondata-test="count-down"onClick={decrement}>⬇︎</button></div>);};exportdefault(props:any)=>{constcount=useSelector<IRootState>(state=>state.count);constdispatch=useDispatch();const_props={count,increment:()=>dispatch({type:INCREMENT}),decrement:()=>dispatch({type:DECREMENT}),...props};return<Counter{..._props}/>;};

constsel=(id:string)=>`[data-test="${id}"]`;describe("<Counter /> コンポーネント",()=>{describe("Shallowレンダリング",()=>{constprops={count:0,increment:sinon.spy(),decrement:sinon.spy()};constshallowComponent=shallow(<Counter{...props}/>);it("ボタンをクリックしてカウントアップする",()=>{expect(shallowComponent.find("h3").text()).toEqual("count: 0");shallowComponent.find(sel("count-up")).simulate("click");expect(props.increment).toHaveProperty("callCount",1);});});describe("Fullレンダリング",()=>{constgetWrapper=(mockStore=createStore(reducer,{count:0}))=>mount(<Providerstore={mockStore}><ConnectedCounter/></Provider>);it("ボタンをクリックしてカウントアップする",()=>{constwrapper=getWrapper();expect(wrapper.find("h3").text()).toEqual("count: 0");wrapper.find(sel("count-up")).simulate("click");expect(wrapper.find("h3").text()).toEqual("count: 1");});});});

root/
├─ app.js
└─ docs/
    ├─ index.html
    ├─ images/
    └─ js/
       ├─ index.js
       └─ lib/
          ├─ face-api.min.js
          └─ models/
             ├─ tiny_face_detector_model-shard1
             └─ tiny_face_detector_model-weights_manifest.json

yarn init -y
yarn add express

<!DOCTYPE html><htmllang="ja"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width, initial-scale=1.0"/><title>Document</title><script defersrc="./js/lib/face-api.min.js"></script><style>body{margin:0;padding:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;}canvas{position:absolute;}</style></head><body><videoid="video"width="720"height="560"autoplaymuted></video><script defersrc="js/index.js"></script></body></html>

constexpress=require("express");constapp=express();constpath=require("path");app.listen(8080,()=>{console.log("Running at Port 8080...");});app.use(express.static(path.join(__dirname,"docs")));app.use((req,res)=>res.sendStatus(404));

conststartVideo=asyncvideo=>{try{constconstraints={audio:false,video:{}};conststream=awaitnavigator.mediaDevices.getUserMedia(constraints);video.srcObject=stream;}catch(error){console.error(error);}};(async()=>{constvideo=document.querySelector("video");awaitstartVideo(video);})();

+constloadModels=async()=>{+awaitPromise.all([+faceapi.nets.tinyFaceDetector.loadFromUri(`/js/lib/models`)+]);+};(async()=>{constvideo=document.querySelector("video");+awaitloadModels();awaitstartVideo(video);})();

(async()=>{constvideo=document.querySelector("video");awaitloadModels();awaitstartVideo(video);// --- ADD ---video.addEventListener("play",()=>{// overlay canvas作成constcanvas=faceapi.createCanvasFromMedia(video);document.body.append(canvas);constdisplaySize={width:video.width,height:video.height};faceapi.matchDimensions(canvas,displaySize);consttinyFaceDetectorOption={// default 416inputSize:224,// default 0.5scoreThreshold:0.5};setInterval(async()=>{constresults=awaitfaceapi.detectAllFaces(video,newfaceapi.TinyFaceDetectorOptions(tinyFaceDetectorOption));if(results.length<=0)return;// 検出結果をcanvasのサイズにリサイズconstresizedResults=faceapi.resizeResults(results,displaySize);// canvasの内容をクリアcanvas.getContext("2d").clearRect(0,0,canvas.width,canvas.height);// 矩形描画faceapi.draw.drawDetections(canvas,resizedResults);},100);});// --- ADD ---})();

(async()=>{constvideo=document.querySelector("video");+// 画像セットアップ+constimage=newImage();+image.src=`/images/cage_neutral.png`;awaitloadModels();awaitstartVideo(video);video.addEventListener("play",()=>{constcanvas=faceapi.createCanvasFromMedia(video);document.body.append(canvas);constdisplaySize={width:video.width,height:video.height};faceapi.matchDimensions(canvas,displaySize);consttinyFaceDetectorOption={// default 416inputSize:224,// default 0.5scoreThreshold:0.5};setInterval(async()=>{constresults=awaitfaceapi.detectAllFaces(video,newfaceapi.TinyFaceDetectorOptions(tinyFaceDetectorOption));if(results.length<=0)return;constresizedResults=faceapi.resizeResults(results,displaySize);canvas.getContext("2d").clearRect(0,0,canvas.width,canvas.height);-// faceapi.draw.drawDetections(canvas, resizedResults);+resizedResults.forEach(detection=>{+// 矩形のtopはデコあたりなので調整+constmarginVal=0.4;+// 矩形の情報はdetection.boxに格納されている+constwidth=detection.box.width;+constheight=detection.box.height*(1.0+marginVal);+constx=detection.box.x;+consty=detection.box.y-detection.box.height*marginVal;+canvas.getContext("2d").drawImage(image,x,y,width,height);+});},100);});})();

varexpress=require('express');varapp=express();varmulter=require('multer');app.post('/file_upload',multer({dest:ファイルを置くパス}).single('my_file'),function(req,res){console.log(req.file.path,req.file.originalname);res.sendStatus(200);});varserver=app.listen(12345,function(){console.log("listening at port %s",server.address().port);});

constfs=require('fs');constrequest=require('request-promise');constFileNameList=['test1.bin','test2.bin','test3.bin'];varFileNameIndex=0;varreturnCode=httpPost();functionhttpPost(){constFormData={my_file:{value:fs.createReadStream(ファイルのパス+FileNameList[FileNameIndex]),options:{filename:FileNameList[FileNameIndex],contentType:'application/octet-stream'}}}constoptions={uri:"http://サーバーのIPアドレス:12345/file_upload",formData:FormData,method:'post',headers:{'Content-Type':'multipart/form-data'}}varresponse=request(options).then(function(body){console.log('then :'+body);onEnd();}).catch(function(err){console.log('catch error :'+err);});returnresponse.statusCode;}functiononEnd(){console.log('Index '+FileNameIndex+' is finish.');FileNameIndex=FileNameIndex+1;if(FileNameIndex>=FileNameList.length){console.log('End Operation.');}else{varres=httpPost();}}console.log('Start Operation.');

$ node client.js
Start Operation.
then :OK
Index 0 is finish.
then :OK
Index 1 is finish.
then :OK
Index 2 is finish.
End Operation.

constMongoClient=require("mongodb").MongoClient;constdburl="mongodb://localhost:27017/";// const dburl = "mongodb://localhost:27017/myDatabase";MongoClient.connect(dburl,(error,client)=>{constcollection=client.db('myDatabase').collection('myCollection');// const collection = client.collection('myCollection');collection.insertOne({_id:1,path:"test"}).then(()=>console.log("success")).catch(err=>console.log(err));});

npx npm-check-updates -u
npm install

$ mkdir test&&cd$_

$ npx create-nuxt-app

$ npm run dev

$ npm run build && npm run start

$ npm run generate

$ npm i --save pug pug-loader pug-plain-loader

<!-- <template> --><templatelang="pug">

$ npm i --save stylus stylus-loader

/* <style> */<stylelang="stylus"scoped>

$ touch store/index.js

exportconststate=()=>({counter:0})exportconstmutations={increment(state){state.counter++}}

this.$store.state.counter

0

this.$store.commit('increment')

transition
  p(v-if="show") Hello world!

.v-enter-active,.v-leave-activetransitionopacity.5s.v-enter,.v-leave-toopacity0

nuxt-link(to="/test/") go to test!

.page-enter-active,.page-leave-activetransitionopacity.5s.page-enter,.page-leave-toopacity0

$ mkdir components/Loading &&touch components/Loading/index.vue

<templatelang="pug">
.loading-page(v-if="loading")
  p Loading...
</template><script>exportdefault{data:()=>({loading:false}),methods:{start(){this.loading=true},finish(){setTimeout(()=>{this.loading=false},3000)}}}</script><style lang="stylus"scoped></style>

module.exports={loading:'~/components/Loading/index.vue'// 追記}

$ touch layouts/another.vue

<templatelang="pug">
.l-another
  nuxt
</template><script>exportdefault{}</script><style lang="stylus"scoped></style>

exportdefault{layout:'another',// 追記}

$ touch layouts/error.vue

<templatelang="pug">
.container
  h1(v-if="error.statusCode === 404") ページが見つかりません
  h1(v-else) エラーが発生しました
  nuxt-link(to="/") ホーム
</template><script>exportdefault{props:{error:{type:Object,default:null}}}</script><style lang="stylus"scoped></style>

module.exports={build:{terser:{terserOptions:{compress:{drop_console:true}}}}}

$ mkdir src &&mv assets components layouts pages plugins static store middleware src/

module.exports={srcDir:'src/',// 追記}

$ npm i --save mime-types

$ touch test.js

constmime=require('mime-types')console.log(mime.lookup('test.json'))console.log(mime.contentType('test.json'))

$ node test

application/json
application/json;charset=utf-8

> npm config list
; cli configs
metrics-registry = "https://registry.npmjs.org/"
scope = ""
user-agent = "npm/6.13.4 node/v12.14.1 win32 x64"

; userconfig C:\Users\user\.npmrc
prefix = "C:\\nodejs\\node_modules_global"

; builtin config undefined

; node bin location = C:\Program Files\nodejs\node.exe

> npm ls
sample@0.0.0 C:\node_sample\sample　　←　ローカルパッケージの配置場所（npm installコマンドを実行した場所）
+-- cookie-parser@1.4.4
| +-- cookie@0.3.1
| `-- cookie-signature@1.0.6
+-- debug@2.6.9
| `-- ms@2.0.0
+-- express@4.16.4
| +-- accepts@1.3.7
| | +-- mime-types@2.1.26
| | | `-- mime-db@1.43.0
| | `-- negotiator@0.6.2
　：
　：

> npm ls -g
C:\nodejs\node_modules_global    ←　グローバルパッケージの配置場所
+-- express@4.17.1
| +-- accepts@1.3.7
| | +-- mime-types@2.1.26
| | | `-- mime-db@1.43.0
| | `-- negotiator@0.6.2
| +-- array-flatten@1.1.1
| +-- body-parser@1.19.0
| | +-- bytes@3.1.0
| | +-- content-type@1.0.4 deduped
　：
　：

> npm ls --depth=0
sample@0.0.0 C:\node_sample\sample
+-- cookie-parser@1.4.4
+-- debug@2.6.9
+-- express@4.16.4
+-- http-errors@1.6.3
+-- jade@1.11.0
`-- morgan@1.9.1

> npm uninstall express

$ npm install-D npm-run-all

{"scripts":{"hello:foo":"echo FOO","hello:bar":"echo BAR","hello-s":"run-s hello:foo hello:bar","hello-p":"run-p hello:*"}}

$ npm run hello-s

$ npm run hello-p

FOO
BAR

request.メソッド