'AssertionError [ERR_ASSERTION]: Task function must be specified'

$npminstall-gn

$sudon11.15.0

$sudonpminstall--save-devgulp@3.9.1

puts'ReferenceError: primordials is not defined'

sudo apt-get install -y libusb-1.0-0-dev libudev-dev

SUBSYSTEM=="usb", ATTRS{idVendor}=="0fcf", ATTRS{idProduct}=="1008", RUN+="/sbin/modprobe usbserial vendor=0x0fcf product=0x1008", MODE="0666", OWNER="pi", GROUP="root"

sudo apt install -y nodejs npm
sudo npm install n -g
sudo n stable
sudo apt remove --purge nodejs npm

mkdir -p ~/project/ant
cd ~/project/ant
npm init
npm install ant-plus

constAnt=require("ant-plus");conststick=newAnt.GarminStick2();constsensor=newAnt.HeartRateSensor(stick);letcount=0;sensor.on("hbData",function(data){count+=1;console.log(count,data.DeviceID,data.ComputedHeartRate);});stick.on("startup",function(){console.log("on start up");sensor.attach(0,0);});asyncfunctionmain(){if(!stick.open()){console.log("Stick not found!");return;}}main();

node index.js

constclient=newCloudTasksClient();constrequest={parent:client.queuePath(project,location,queue),task:{appEngineHttpRequest:{httpMethod:"POST",relativeUri:"/log_payload"}}};constoptions={retry:{retryCodes:[13// INTERNAL],// リトライ対象のエラーコードを1つ以上指定するbackoffSettings:{initialRetryDelayMillis:100,// 最初のリトライ間隔（ミリ秒）retryDelayMultiplier:1.3,// リトライ間隔の増加率maxRetryDelayMillis:60000,// リトライ間隔の最大値initialRpcTimeoutMillis:20000,// 最初のタイムアウト（ミリ秒）rpcTimeoutMultiplier:1,// タイムアウトの増加率maxRpcTimeoutMillis:20000,// タイムアウトの最大値totalTimeoutMillis:600000// 全体のタイムアウト（ミリ秒）}}};const[response]=awaitclient.createTask(request,options);

classRequestContext{init(userId){this.userId=userId}getUserId(){returnthis.userId}}exportdefaultnewRequestContext()

importrequestContextfrom'path/to/requestContext'app.use((req,res,next)=>{if(!req.session.userId){// sessionにuesrIdがない場合は、uuidを設定req.session.userId=uuid.v4()}// 事前に作成したrequestContextに、userIdを設定requestContext.init(req.session.userId)next()})

import{createLogger,format,transports}from'winston'importpathfrom'path'importrequestContextfrom'./requestContext'importformaDatefrom'date-fns/format'const{combine,timestamp,printf}=formatconstlogFormatter=printf(({level,message,timestamp})=>`[${timestamp}] [${level.toUpperCase()}] [${requestContext.getUserId()}] ${message}`)consttimestampFormatter=()=>formaDate(newDate().toLocaleString('ja-JP',{timeZone:'Asia/Tokyo'}),'YYYY-MM-DD HH:mm:ss')constlogger=createLogger({level:'info',format:combine(timestamp({format:timestampFormatter}),logFormatter),transports:[newtransports.Console(),newtransports.File({filename:'path/to/application.log'})]})exportlogger

importloggerfrom'path/to/logger'logger.error('test!!')

[2019-10-30 11:08:18] [ERROR] [6ffd3f48-c967-43ac-88e3-d6886c82d3a5] test!!

yarn global add fractal

├── src
│   ├── components
│   └── docs
└── package.json

【インストール出来るnodeの一覧を表示】
nodenv install -l

【結果】
〜
12.12.0
chakracore-dev
chakracore-nightly
〜

Upgrading
# Via Homebrew
$ brew update && brew upgrade node-build

# As a nodenv plugin
$ cd "$(nodenv root)"/plugins/node-build && git pull

【インストール出来るnodeの一覧を表示】
nodenv install -l

【結果】
〜
12.10.0
12.11.0
12.11.1
12.12.0
〜

node install 12.12.0

Math.max(2,3,1);// expected output: 3

$ npm install パッケージ名

$ yarn add パッケージ名

const変数=require('パッケージ名');

$ mkdir パッケージ名のディレクトリ
$ cd パッケージ名のディレクトリ
$ yarn init

//パッケージ名を入力します。
name: (パッケージ名)
//バージョンの設定します。
version: (1.0.0)
//パッケージの説明を入力します。
description:
//ライブラリとして読み込まれるJavaScriptファイルを設定します。
entry point: (index.js)
//Gitリポジトリを公開する場合のURLを入力します。
repository url:
//npmに登録する際の著者の名前を設定します。
author:
//ライセンス名を入力します。
license: (MIT)
//公開の可否を入力します。
private:

success Saved package.json
Done in 9.20s.

'use strict';module.exports=add(a,b){returna+b;};

functionadd(a,b){returna+b;}module.exports={add:add};

module.exports={add:(a,b)=>{returna+b;}};

constadd　=require(パスorパッケージ名);constresult=add(1,2);console.log(result);// expected output: 3

const変数　=require(パスorパッケージ名);constresult=変数.add(1,2);console.log(result);// expected output: 3

classAppextendsReact.Component{constructor(props){super(props);this.state={name:'',}}

//メソッド定義getName(event){this.setState({name:event.target.value,});};

//returnの中<TextFieldlabel="名前"value={this.state.Name}onChange={(event)=>{this.getName(event)}}/>

importReactfrom'react';import'./App.css';importfirebasefrom"firebase/app"import"firebase/auth"import"firebase/firestore"import{firestore}from'./plugins/firebase';importButtonfrom'@material-ui/core/Button';importTextFieldfrom'@material-ui/core/TextField';classAppextendsReact.Component{constructor(props){super(props);this.state={name:'',}//ここでbindでthisを束縛しないとエラーが起きますthis.getName=this.getName.bind(this);this.addData=this.addData.bind(this);}getName(event){this.setState({name:event.target.value,});};　//データベースに登録するためのメソッド。usersの部分がコレクション名になりますaddData(){firestore.collection('users').add({name:this.state.name,}).then(()=>{this.setState({name:'',});})};render(){return(<div><TextFieldlabel="名前"value={this.state.name}onChange={(event)=>{this.getName(event)}}/><ButtononClick={this.addData}>登録</Button>
</div> );}}exportdefaultApp;

importReactfrom'react';import'./App.css';importfirebasefrom"firebase/app"import"firebase/auth"import"firebase/firestore"import{firestore}from'./plugins/firebase';importButtonfrom'@material-ui/core/Button';importTextFieldfrom'@material-ui/core/TextField';importTextareaAutosizefrom'@material-ui/core/TextareaAutosize';classAppextendsReact.Component{constructor(props){super(props);this.state={name:'',address:'',}this.getName=this.getName.bind(this);this.getAddress=this.getAddress.bind(this);this.addData=this.addData.bind(this);}getName(event){this.setState({name:event.target.value,});};getAddress(event){this.setState({address:event.target.value,});};//new Date()で登録日時も記録しますaddData(){firestore.collection('users').add({name:this.state.name,address:this.state.address,created_at:newDate(),}).then(()=>{this.setState({name:'',address:'',});})};render(){return(<div><form><TextFieldlabel="名前"value={this.state.name}onChange={(event)=>{this.getName(event)}}/><br/><TextareaAutosizearia-label="住所"rows={6}placeholder="住所"value={this.state.address}onChange={(event)=>{this.getAddress(event)}}/>;
<br/><ButtononClick={this.addData}>登録</Button>
</form>
</div> );}}exportdefaultApp;

constAWS=require('aws-sdk');constDynamoDB=newAWS.DynamoDB.DocumentClient({region:"ap-northeast-1"});consttableName='hoges';module.exports.hello=async(event,context)=>{try{// scan用のパラメーターをセットconstparams={TableName:tableName}// scanで取得したデータを格納する空の配列を定義しておくletitems=[]constscan=async()=>{constresult=awaitDynamoDB.scan(params).promise()items.push(...result.Items)// scanリクエストを行なった時にLastEvaluatedKeyがあれば、再帰的にリクエストを繰り返すif(result.LastEvaluatedKey){params.ExclusiveStartKey=result.LastEvaluatedKeyawaitscan()}}awaitscan()constcount=items.lengthfor(leti=0;i<count;i++){console.log(`id: ${items[i]['id']}`)}console.log(`Execution result: ${count}`)}catch(err){console.error(`[Error]: ${JSON.stringify(err)}`)returnerr}}

constexpress=require('express');constrouter=express.Router();const{check,validationResult}=require('express-validator');router.get('/',validateParam(),async(req,res)=>{consterrors=validationResult(req);if(!errors.isEmpty()){res.status(400).end();return;}res.status(200).end();});functionvalidateParam(){return[check('arg1').exists({checkFalsy:true}).isString(),check('arg2').optional({nullable:true}).isInt().isLength({min:2,max:4}),check('arg3').optional({nullable:true}).isInt().isLength({min:undefined,max:4}),check('arg4').optional({nullable:true}).isInt().isLength({min:2,max:undefined})];}module.exports=router;

?arg1=hoge
?arg1=hoge&arg2=12
?arg1=hoge&arg2=1234
?arg1=hoge&arg3=12
?arg1=hoge&arg3=1
?arg1=hoge&arg3=1234
?arg1=hoge&arg4=12
?arg1=hoge&arg4=1234567890

?arg1=hoge&arg2=1
?arg1=hoge&arg2=12345
?arg1=hoge&arg3=12345
?arg1=hoge&arg4=1

constexpress=require('express');constrouter=express.Router();const{check,validationResult}=require('express-validator');router.post('/',validateParam(),async(req,res)=>{consterrors=validationResult(req);if(!errors.isEmpty()){res.status(400).end();return;}res.status(200).end();});functionvalidateParam(){return[check('arg1').exists({nullable:true}).not().isString().isInt(),check('arg2').optional({nullable:true}).isString().isInt(),check('arg3').optional({nullable:true}).not().isString().not().isInt().isBoolean()];}module.exports=router;

{
    arg1: 1,
    arg2: '1'
}

{
    arg1: 1,
    arg3: true    
}

{
    arg1: 1,
    arg2: 'a'
}

{
    arg1: 1,
    arg2: 1
}

{
    arg1: 1,
    arg3: 'true'
}

{
    arg1: 1,
    arg3: 1
}

constexpress=require('express');constrouter=express.Router();const{check,oneOf,validationResult}=require('express-validator');router.post('/',validateParam(),async(req,res)=>{consterrors=validationResult(req);if(!errors.isEmpty()){res.status(400).end();return;}res.status(200).end();});functionvalidateParam(){return[check('arg1').exists({checkNull:true}).not().isString().not().isInt().isBoolean(),check('arg2').optional({nullable:true}).isString(),oneOf([check('arg1').custom((value)=>value===false),check('arg2').exists({checkNull:true})])];}module.exports=router;

{
    arg1: false
}

{
    arg1: true,
    arg2: 'hoge'
}

{
    arg1: true
}

constuiConfig={　　　//認証するときポップアップしますsignInFlow:'popup',　　　//サインインしたときのリンク先signInSuccessUrl:'/',//認証方法一覧。//Googleの部分をFacebook、Twitter等に変えれば、そのAPIが使用できますsignInOptions:[firebase.auth.GoogleAuthProvider.PROVIDER_ID,firebase.auth.EmailAuthProvider.PROVIDER_ID,]};

importReactfrom'react';import'./App.css';importfirebasefrom"firebase/app"import"firebase/auth"import"firebase/firestore"//①でモジュール化したfirebase.jsをインポートimport{firestore}from'./plugins/firebase';importButtonfrom'@material-ui/core/Button';importTextFieldfrom'@material-ui/core/TextField';importTextareaAutosizefrom'@material-ui/core/TextareaAutosize';importStyledFirebaseAuthfrom'react-firebaseui/StyledFirebaseAuth';classAppextendsReact.Component{constructor(props){super(props);this.state={name:'',address:'',isLogin:false,}this.getName=this.getName.bind(this);this.getAddress=this.getAddress.bind(this);this.addData=this.addData.bind(this);this.logOut=this.logOut.bind(this);}//コンポーネント配置時にログインできてるか確認しますcomponentDidMount(){firebase.auth().onAuthStateChanged(user=>{this.setState({isLogin:true,});});}　//名前の入力フォーム情報読み込みgetName(event){this.setState({name:event.target.value,});};　//住所の入力フォーム情報読み込みgetAddress(event){this.setState({address:event.target.value,});};　//登録ボタンを押すとデーターベースに反映addData(){firestore.collection('users').add({name:this.state.name,address:this.state.address,created_at:newDate(),}).then(()=>{this.setState({name:'',address:'',});})};　//ログアウトボタンを押すとisLoginがfalseになるlogOut(){this.setState({isLogin:false,});}render(){constuiConfig={signInFlow:'popup',signInSuccessUrl:'/',signInOptions:[firebase.auth.GoogleAuthProvider.PROVIDER_ID,firebase.auth.EmailAuthProvider.PROVIDER_ID,]};　　//空の変数を定義してifでログイン／ログアウト時の表示画面を切り替えるletsuccessfulUser;if(this.state.isLogin){successfulUser=(<div><form><TextFieldlabel="名前"value={this.state.name}onChange={(event)=>{this.getName(event)}}/><br/><TextareaAutosizearia-label="住所"rowsMax={4}placeholder="住所"value={this.state.address}onChange={(event)=>{this.getAddress(event)}}/>;
<br/><Buttonvariant="contained"color="primary"onClick={this.addData}>登録</Button>
</form>
<Buttonvariant="contained"color="secondary"onClick={this.logOut}>ログアウト</Button></div>
);}else{successfulUser=(<div><p>Pleasesign-in:</p>
<StyledFirebaseAuthuiConfig={uiConfig}firebaseAuth={firebase.auth()}/>
</div>
);}return(　　　　//最終的な表示画面<div>{successfulUser}</div>
);}}exportdefaultApp;

git clone https://github.com/nstshirotays/chatapp-shot2.git

cd chatapp-shot2
npm install

npm start

   |-helper　　　　　　　共通機能系
   |-models　　　　　　　データモデル系
   |-public
   |---files
   |-----stamps　　　　　スタンプの場所
   |---images
   |---javascripts
   |---stylesheets
   |-routes　　　　　　　get,postで呼ばれるjavascript
   |-views　　　　　　　 html

varcreateError=require('http-errors');varexpress=require('express');varpath=require('path');varcookieParser=require('cookie-parser');varlogger=require('morgan');varmongoose=require('mongoose');//　ルーティング処理の呼び出し先を追加varloginRouter=require('./routes/login');varregisterRouter=require('./routes/register');varlistRouter=require('./routes/list');varchatRouter=require('./routes/chatapp');varerrRouter=require('./routes/errorpage');varapiRouter=require('./routes/api');varlogoutRouter=require('./routes/logout');varapp=express();// 変数宣言varMyID="";varMyName="";varFrID="";varFrName="";varbotTimer;// view engine setupapp.set('views',path.join(__dirname,'views'));app.set('view engine','ejs');// ファイルアップロードに関する拡張app.use(logger('dev'));//app.use(express.json());//app.use(express.urlencoded({ extended: false }));app.use(express.urlencoded({extended:true,limit:'10mb'}));app.use(express.json({extended:true,limit:'10mb'}));app.use(cookieParser());app.use(express.static(path.join(__dirname,'public')));// ルーティング処理の登録app.use('/',loginRouter);app.use('/auth',loginRouter);app.use('/register',registerRouter);app.use('/home',listRouter);app.use('/chat',chatRouter);app.use('/errorpage',errRouter);app.use('/api/messages',apiRouter);app.use('/logout',logoutRouter);// catch 404 and forward to error handlerapp.use(function(req,res,next){next(createError(404));});// error handlerapp.use(function(err,req,res,next){// set locals, only providing error in developmentres.locals.message=err.message;res.locals.error=req.app.get('env')==='development'?err:{};// render the error pageres.status(err.status||500);res.render('error');});module.exports=app;

varexpress=require('express');varrouter=express.Router();var{check,validationResult}=require('express-validator');varsanitize=require('mongo-sanitize');vardb=require('../helper/db');varUser=db.User;varbcrypt=require('bcryptjs');varjsonwebtoken=require('jsonwebtoken');constconfig=require('../config');//--------------------------------------------------------// ログイン画面の表示//--------------------------------------------------------/* GET home page. */router.get('/',function(req,res,next){res.clearCookie("auth");res.render('login',{error:false,errors:false});});//--------------------------------------------------------// ログイン処理//--------------------------------------------------------//ユーザ認証router.post('/',[check('nickName','ニックネームを入力して下さい').not().isEmpty().trim().escape().customSanitizer(value=>{// MongoDB Operator Injectionを防ぐために、ユーザー提供のデータをサニタイズしますvalue=value.replace(/[$.]/g,"");returnvalue;}),check('passCode','パスコードを入力して下さい').not().isEmpty().trim().escape(),],(req,res)=>{varerrors=validationResult(req);//検証エラーif(!errors.isEmpty()){res.render('register.ejs',{data:req.body,errors:errors.mapped()});}constnickName=sanitize(req.body.nickName);constpasscode=sanitize(req.body.passCode);User.findOne({nickName},(err,user)=>{if(err)returnres.status(500).send(err);if(!user)returnres.render('login.ejs',{error:'ユーザーが見つかりません',errors:false});//パスコードチェックbcrypt.compare(passcode,user.passCode,function(err,result){if(!result)returnres.render('login.ejs',{error:'パスコードが違います',errors:false});//JSON Webトークンを生成する,トークンの有効期限を15分に設定constexpiresIn=900;constaccessToken=jsonwebtoken.sign({id:user._id,name:user.nickName},config.secret,{expiresIn:expiresIn});//トークンをクッキーに保存するres.cookie('auth',accessToken,{maxAge:900000,httpOnly:true});MyID=user._id;MyName=user.nickName;res.redirect('/home');});});});module.exports=router;

<!doctype html><html><head><metacharset="utf-8"><metaname="viewport"content="width=device-width, initial-scale=1"><title>Login</title><linkrel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"crossorigin="anonymous"><linkrel="stylesheet"type="text/css"href="/stylesheets/style.css"></head><body><divclass="container"><divclass="row "><divclass="col-xs-1 col-sm-2 col-md-3 col-lg-4"></div><divclass="col-xs-10 col-sm-8 col-md-6 col-lg-4"><h1>Chat App</h1><formmethod="post"action="auth"><divclass="form-group"><%if(error){%><divclass="text-danger"style="width: 90%;margin:5%;"><%=error%></div><%}%><%if(errors.nickName){%><divclass="text-danger"style="width: 90%;margin:5%;"><%=errors.nickName.msg%></div><%}%><%if(errors.passCode){%><divclass="text-danger"style="width: 90%;margin:5%;"><%=errors.passCode.msg%></div><%}%><inputtype="text"class="form-control"style="width: 90%;margin:5%;"id="nickName"name="nickName"placeholder="NickName"required><inputtype="password"class="form-control"style="width: 90%;margin:5%;"id="passCode"name="passCode"placeholder="PassCode"required><buttontype="submit"class="btn"style="width: 90%;margin:5%;">Log in</button><center><ahref="register">Create an account</a></center></div></form></div></div></div></body></html>

varexpress=require('express');varrouter=express.Router();var{check,validationResult}=require('express-validator');vardb=require('../helper/db');varUser=db.User;constuserService=require('../models/user.service');//--------------------------------------------------------// ユーザー登録画面の表示//--------------------------------------------------------/* GET home page. */router.get('/',function(req,res,next){res.clearCookie("auth");res.render('register',{data:req.body,error:false,errors:false});});//--------------------------------------------------------// ユーザー登録処理//--------------------------------------------------------router.post('/',[check('nickName','Nick name は英文字のみです').not().isEmpty().isAlpha().trim().escape(),check('passCode','Pass code は数字のみです').not().isEmpty().isAlphanumeric().trim().escape(),check('nickName','Nick name は4文字以上12文字までです.').not().isEmpty().isLength({min:4,max:12}).trim().escape(),check('passCode','Pass code は6文字以上12文字までです.').not().isEmpty().isLength({min:6,max:12}).trim().escape(),check('nickName').custom(value=>{// MongoDB Operator Injectionを防ぐために、ユーザー提供のデータをサニタイズしますvalue=value.replace(/[$.]/g,"");//ニックネームを検証するreturnUser.findOne({'nickName':value}).then(user=>{if(user){returnPromise.reject(user['nickName']+'さんは登録済みです.');}});})],(req,res)=>{varerrors=validationResult(req);//検証エラーif(!errors.isEmpty()){res.render('register.ejs',{data:req.body,errors:errors.mapped()});}else{//エラーなし, データベースにユーザー情報を保存する     userService.create(req.body);res.redirect('/');}});module.exports=router;

// ユーザー登録操作varbcrypt=require('bcryptjs');constdb=require('../helper/db');constUser=db.User;constsaltRounds=10;module.exports={create};// ユーザーモデルを作成し、データベースに保存するfunctioncreate(userParam){constuser=newUser();user.nickName=userParam.nickName;// 画像はオプションです。デフォルト画像を使用して選択されていませんif(userParam.ufile){user.userImage=userParam.ufile;}if(userParam.passCode){// ハッシュパスコードを保存するuser.passCode=bcrypt.hashSync(userParam.passCode,bcrypt.genSaltSync(saltRounds));}// save useruser.save();}

<!DOCTYPE html><html><head><metacharset="utf-8"><metaname="viewport"content="width=device-width, initial-scale=1"><title>Register</title><linkrel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"crossorigin="anonymous"><linkrel="stylesheet"type="text/css"href="/stylesheets/style.css"><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script></head><body><formmethod="post"action="register"name="register-form"id="register-form"><divclass="form-group"><divclass="container"><divclass="row "><divclass="col-xs-12 col-sm-12 col-md-12 col-lg-12"><h1>Chat App</h1></div></div><divclass="row"><divclass="                  col-md-2 col-lg-3"></div><divclass="col-xs-8 col-sm-8 col-md-5 col-lg-4"><labelfor="nickName"class="col-form-label">NickName</label><inputtype="text"class="form-control"id="nickName"name ="nickName"placeholder="Nickname"maxlength="12"required><%if(errors.nickName){%><divclass="text-danger"><%=errors.nickName.msg%></div><%}%><labelfor="passCode"class="col-form-label">PassCode</label><inputtype="password"class="form-control"id="passCode"name="passCode"placeholder="Passcode"maxlength="12"required><%if(errors.passCode){%><divclass="text-danger"><%=errors.passCode.msg%></div><%}%></div><divclass="col-xs-4 col-sm-4 col-md-3 col-lg-2"><labelfor="FaceIcon"class="col-form-label">FaceIcon</label><imgsrc="/images/defaultFace.png"class="image"id="image-frame"height="50pv"width="50pv"/><inputid="imageFile"type="file"style="visibility:hidden"name="imageFile"/><inputtype="button"style="width: 100%;"value="Change"onclick="$('#imageFile').click();"class="btn"name="imagePath"/><inputid="b64"name="ufile"type="hidden"value=""/><divclass="text-danger"id="error"></div></div></div><divclass="row"><divclass="                    col-md-2 col-lg-3"></div><divclass="col-xs-12 col-sm-12 col-md-8 col-lg-6"></br><buttontype="submit"style="width: 100%;"class="btn rgst">Create</button></div></div></div></div></form></body><script>/*$("#imageFile").change(function(){
        readURL(this);
    });
    function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();

            reader.onload = function (e) {
            console.log(e.target.result);
                $('#imgsrc').attr('src', e.target.result);
            }

            reader.readAsDataURL(input.files[0]);
        }
    }*/showImage(true);vartargetfile=null;$("#imageFile").onchange=function(evt){$("#error").innerHTML='';showImage(true);varfiles=evt.target.files;if(files.length==0)return;targetFile=files[0];console.log(targetFile);if(!targetFile.type.match(/image/)){$("#error").innerHTML='Select Image File';return;}if(targetFile.size>35000){$("#error").innerHTML='Image file size should be less than 35KB';return;}varbreader=newFileReader();breader.onload=readPNGFile;breader.readAsBinaryString(targetFile);}functionreadPNGFile(evt){varbin=evt.target.result;varsig=String.fromCharCode(0x89,0x50,0x4e,0x47,0x0d,0x0a,0x1a,0x0a);varhead=bin.substr(0,8);if(sig!=head){$("#error").innerHTML="Image file type should be PNG";return;}showImage(true);varwidth=getBinValue(bin,8+0x08,4);varheight=getBinValue(bin,8+0x0c,4);vardepth=bin.charCodeAt(8+0x10);/*$("#info").innerHTML =
            "width: " + width + "px<br>" +
            "height: " + height + "px<br>" +
            "depth: " + depth + "bit";*/varreader=newFileReader();reader.onload=function(e){console.log(reader);$("#image-frame").src=reader.result;$("#b64").value=reader.result;}reader.readAsDataURL(targetFile)}functiongetBinValue(bin,i,size){varv=0;for(varj=0;j<size;j++){varb=bin.charCodeAt(i+j);v=(v<<8)+b;}returnv;}functionshowImage(b){varval=b?"block":"none";//$("#upbtn").style.display = val;console.log("val",val);$("#image-frame").style.display=val;//$("#info").style.display = val;}function$(id){returndocument.querySelector(id);}</script></html>

varexpress=require('express');varrouter=express.Router();vardb=require('../helper/db');varUser=db.User;constverifyToken=require('../helper/VerifyToken');//--------------------------------------------------------// 友達リスト画面の出力//--------------------------------------------------------router.get('/',verifyToken,function(req,res,next){varusers=[];// ログインしたユーザーを除くすべての登録ユーザーをデータベースから取得し、ユーザー名とプロファイル画像のjsonオブジェクトを作成しますUser.find({nickName:{$ne:req.name}}).stream().on('data',function(doc){varbase64Data;if(doc.userImage!==undefined){base64Data=doc.userImage.replace(/^data:image\/png;base64,/,"")}users.push({id:doc._id,nickName:doc.nickName,userImage:base64Data});}).on('error',function(err){res.send(err);}).on('end',function(){res.render('list.ejs',{listUsers:users});});});module.exports=router;

// Json Web Tokenのチェック処理varjwt=require('jsonwebtoken');constconfig=require('../config');vardb=require('../helper/db');varWaste=db.Waste;functionverifyToken(req,res,next){vartoken=req.cookies.auth;if(!token){returnres.status(403).render('errorpage.ejs',{error:'１５分間無操作のためログアウトしました',errors:false});}// 破棄済みトークンを検索Waste.findOne({'cookie':token}).then(data=>{if(data){returnres.status(403).render('errorpage.ejs',{error:'不正なトークンです',errors:false});}});jwt.verify(token,config.secret,function(err,decoded){if(err){returnres.status(500).render('errorpage.ejs',{error:'Failed to authenticate token.',errors:false});}else{// すべてうまくいけば、他のルートで使用するために保存して次へreq.name=decoded.name;req.id=decoded.id;next();}});}module.exports=verifyToken;

<inputtype="file"onChange={(event)=>{this.getImage(event)}}></input>

　//stateでimage:''を設けています　getImage(event){letimage=event.target.files[0];this.setState({image:image,});}

//入力値をデータベースへ送るaddData(){firestore.collection('users').add({name:this.state.name,address:this.state.address,created_at:newDate(),}).then(()=>{this.setState({name:'',address:'',});})//ここからがstorageへのアップロードletstorageRef=firebase.storage().ref().child(this.state.name+`.png`);storageRef.put(this.state.image).then(function(snapshot){alert("送信されました");});}

importReactfrom'react';import'./App.css';importfirebasefrom"firebase/app";import"firebase/auth";import"firebase/firestore";import{firestore}from'./plugins/firebase';importButtonfrom'@material-ui/core/Button';importTextFieldfrom'@material-ui/core/TextField';importTextareaAutosizefrom'@material-ui/core/TextareaAutosize';importStyledFirebaseAuthfrom'react-firebaseui/StyledFirebaseAuth';classAppextendsReact.Component{constructor(props){super(props);this.state={name:'',address:'',image:'',isLogin:false,}this.getName=this.getName.bind(this);this.getAddress=this.getAddress.bind(this);this.getImage=this.getImage.bind(this);this.addData=this.addData.bind(this);this.logOut=this.logOut.bind(this);}componentDidMount(){firebase.auth().onAuthStateChanged(user=>{this.setState({isLogin:true,});});}getName(event){this.setState({name:event.target.value,});};getAddress(event){this.setState({address:event.target.value,});};getImage(event){letimage=event.target.files[0];this.setState({image:image,});}addData(){firestore.collection('users').add({name:this.state.name,address:this.state.address,created_at:newDate(),}).then(()=>{this.setState({name:'',address:'',});})letstorageRef=firebase.storage().ref().child(this.state.name+`.png`);storageRef.put(this.state.image).then(function(snapshot){alert("送信されました");});}logOut(){this.setState({isLogin:false,});}render(){constuiConfig={signInFlow:'popup',signInSuccessUrl:'/',signInOptions:[firebase.auth.GoogleAuthProvider.PROVIDER_ID,firebase.auth.EmailAuthProvider.PROVIDER_ID,]};　　letsuccessfulUser;if(this.state.isLogin){successfulUser=(<div><form><TextFieldlabel="名前"value={this.state.name}onChange={(event)=>{this.getName(event)}}/><br/><TextareaAutosizearia-label="住所"rowsMax={4}placeholder="住所"value={this.state.address}onChange={(event)=>{this.getAddress(event)}}/>;
<br/><inputtype="file"onChange={(event)=>{this.getImage(event)}}></input>
<br/><Buttonvariant="contained"color="primary"onClick={this.addData}>登録</Button>
</form>
<Buttonvariant="contained"color="secondary"onClick={this.logOut}>ログアウト</Button></div>
);}else{successfulUser=(<div><p>Pleasesign-in:</p>
<StyledFirebaseAuthuiConfig={uiConfig}firebaseAuth={firebase.auth()}/>
</div>
);}return(<div>{successfulUser}</div>
);}}exportdefaultApp;