$ npm install osm-static-maps

'use strict'constosmsm=require('osm-static-maps');constfs=require('fs');(async()=>{try{// 地図画像の Buffer オブジェクトを取得constimageBinaryBuffer=awaitosmsm({width:800,// 画像の横幅(ピクセル)height:600,// 画像の縦幅(ピクセル)center:'136.882090,35.170560',// 経度,緯度zoom:20,// ズームレベルtype:'png'// PNG 画像フォーマット})// 地図画像データをファイルに出力awaitfs.promises.writeFile('osm.png',imageBinaryBuffer)process.exit(0);}catch(err){console.error(err);process.exit(1);}})();

'use strict'constosmsm=require('osm-static-maps');constfs=require('fs');(async()=>{try{// 国土地理院の地理院タイルを使うconsttileserverUrl='https://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png'constattribution='osm-static-maps / 出典: 地理院タイル'// 地図画像の Buffer オブジェクトを取得constimageBinaryBuffer=awaitosmsm({tileserverUrl:tileserverUrl,attribution:attribution,width:800,// 画像の横幅(ピクセル)height:600,// 画像の縦幅(ピクセル)center:'136.882090,35.170560',// 経度,緯度zoom:14,// ズームレベルtype:'png'// PNG 画像フォーマット})// 地図画像データをファイルに出力awaitfs.promises.writeFile('chiriin.png',imageBinaryBuffer)process.exit(0);}catch(err){console.error(err);process.exit(1);}})();

const mysql = require('mysql')
const connection = mysql.createPool({
     host: 'localhost',
     user: 'root',
     password: 'secret',
     database: 'my_db'
})

connection.query('SELECT * FROM `books` WHERE `author` = ?', ['David'], function(error, results, fields){
//error: クエリ実行時にエラーが発生したらエラーオブジェクトを持つ
//results: クエリの実行結果を持つ
//fields: クエリ実行結果のフィールドに関するオブジェクト
})

connection.query('INSERT INTO `books` SET ?', data, function(error, results, fields){
//error:クエリ実行時にエラーが発生したらエラーオブジェクトを持つ
//results:クエリの実行結果を持つ
//fields:クエリ実行結果のフィールドに関するオブジェクト
})

connection.query('UPDATE `books` SET カラム名 = ? WHERE id = ?, ['name', 3], function(error, results, field){
//error:クエリ実行時にエラーが発生したらエラーオブジェクトを持つ
//results:クエリの実行結果を持つ
//fields:クエリ実行結果のフィールドに関するオブジェクト
})

connection.query('DELETE FROM `books` WHERE id = ?', [3], function(error, results, fields){
//error:クエリ実行時にエラーが発生したらエラーオブジェクトを持つ
//results:クエリの実行結果を持つ
//fields:クエリ実行結果のフィールドに関するオブジェクト
})

$ node hogehuga.js 
stdout is not a tty

$ node.exe hogehuga.js

cdc:\
mkdirscratch-ws
dockerrun--name s3coder-d -p 8080:8080 -p 8601:8601 ^
-v C:/scratch-ws:/home/coder/s3/scratch-ws -e PASSWORD=password^
jprad/s3coder/home/coder/s3REM docker run ... のコマンドが長いので「^（キャレット）」で改行しています。

dockerstops3coder

dockerstarts3coder

constbuiltinExtensions={...gdxfor:()=>require('../extensions/scratch3_gdx_for'),newblocks:()=>require('../extensions/s3coder_newblocks'),};

...importgdxforConnectionSmallIconURLfrom'./gdxfor/gdxfor-small.svg';importnewblocksImagefrom'./s3coder_newblocks/newblocks.png';importnewblocksInsetImagefrom'./s3coder_newblocks/newblocks-small.png';exportdefault[...),helpLink:'https://scratch.mit.edu/vernier'},{name:(<FormattedMessagedefaultMessage="New Blocks"description="Name for the 'New Blocks' extension"id="gui.extension.newblocks.name"/>),extensionId:'newblocks',iconURL:newblocksImage,insetIconURL:newblocksInsetImage,description:(<FormattedMessagedefaultMessage="New extension"description="Description for the 'New Blocks' extension"id="gui.extension.newblocks.description"/>),featured:true},];

npm start 

> cycle@0.1.0 start /Users/user/Documents/ubuntu/cycle
> react-scripts start


There might be a problem with the project dependency tree.
It is likely not a bug in Create React App, but something you need to fix locally.

The react-scripts package provided by Create React App requires a dependency:

  "webpack": "4.42.0"

Don't try to install it manually: your package manager does it automatically.
However, a different version of webpack was detected higher up in the tree:

  /Users/user/Documents/ubuntu/node_modules/webpack (version: 4.44.1) 

Manually installing incompatible versions is known to cause hard-to-debug issues.

If you would prefer to ignore this check, add SKIP_PREFLIGHT_CHECK=true to an .env file in your project.
That will permanently disable this message but you might encounter other issues.

To fix the dependency tree, try following the steps below in the exact order:

  1. Delete package-lock.json (not package.json!) and/or yarn.lock in your project folder.
  2. Delete node_modules in your project folder.
  3. Remove "webpack" from dependencies and/or devDependencies in the package.json file in your project folder.
  4. Run npm install or yarn, depending on the package manager you use.

In most cases, this should be enough to fix the problem.
If this has not helped, there are a few other things you can try:

  5. If you used npm, install yarn (http://yarnpkg.com/) and repeat the above steps with it instead.
     This may help because npm has known issues with package hoisting which may get resolved in future versions.

  6. Check if /Users/user/Documents/ubuntu/node_modules/webpack is outside your project directory.
     For example, you might have accidentally installed something in your home folder.

  7. Try running npm ls webpack in your project folder.
     This will tell you which other package (apart from the expected react-scripts) installed webpack.

If nothing else helps, add SKIP_PREFLIGHT_CHECK=true to an .env file in your project.
That would permanently disable this preflight check in case you want to proceed anyway.

P.S. We know this message is long but please read the steps above :-) We hope you find them helpful!

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! cycle@0.1.0 start: `react-scripts start`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the cycle@0.1.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/user/.npm/_logs/2020-09-07T13_28_49_449Z-debug.log
(base) user-no-MacBook-Air:cycle user$ SKIP_PREFLIGHT_CHECK=true npm start

> cycle@0.1.0 start /Users/user/Documents/ubuntu/cycle
> react-scripts start

Attempting to bind to HOST environment variable: x86_64-apple-darwin13.4.0
If this was unintentional, check that you haven't mistakenly set it in your shell.
Learn more here: https://bit.ly/CRA-advanced-config

dyld: lazy symbol binding failed: Symbol not found: _FSEventStreamCreate
  Referenced from: /Users/user/Documents/ubuntu/cycle/node_modules/webpack-dev-server/node_modules/fsevents/build/Release/fse.node
  Expected in: flat namespace

dyld: Symbol not found: _FSEventStreamCreate
  Referenced from: /Users/user/Documents/ubuntu/cycle/node_modules/webpack-dev-server/node_modules/fsevents/build/Release/fse.node
  Expected in: flat namespace

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! cycle@0.1.0 start: `react-scripts start`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the cycle@0.1.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/user/.npm/_logs/2020-09-07T13_29_11_414Z-debug.log
(base) user-no-MacBook-Air:cycle user$ eact-scripts start
-bash: eact-scripts: command not found
(base) user-no-MacBook-Air:cycle user$ react-scripts start

There might be a problem with the project dependency tree.
It is likely not a bug in Create React App, but something you need to fix locally.

The react-scripts package provided by Create React App requires a dependency:

  "webpack": "4.42.0"

Don't try to install it manually: your package manager does it automatically.
However, a different version of webpack was detected higher up in the tree:

  /Users/user/Documents/ubuntu/node_modules/webpack (version: 4.44.1) 

Manually installing incompatible versions is known to cause hard-to-debug issues.

If you would prefer to ignore this check, add SKIP_PREFLIGHT_CHECK=true to an .env file in your project.
That will permanently disable this message but you might encounter other issues.

To fix the dependency tree, try following the steps below in the exact order:

  1. Delete package-lock.json (not package.json!) and/or yarn.lock in your project folder.
  2. Delete node_modules in your project folder.
  3. Remove "webpack" from dependencies and/or devDependencies in the package.json file in your project folder.
  4. Run npm install or yarn, depending on the package manager you use.

In most cases, this should be enough to fix the problem.
If this has not helped, there are a few other things you can try:

  5. If you used npm, install yarn (http://yarnpkg.com/) and repeat the above steps with it instead.
     This may help because npm has known issues with package hoisting which may get resolved in future versions.

  6. Check if /Users/user/Documents/ubuntu/node_modules/webpack is outside your project directory.
     For example, you might have accidentally installed something in your home folder.

  7. Try running npm ls webpack in your project folder.
     This will tell you which other package (apart from the expected react-scripts) installed webpack.

If nothing else helps, add SKIP_PREFLIGHT_CHECK=true to an .env file in your project.
That would permanently disable this preflight check in case you want to proceed anyway.

P.S. We know this message is long but please read the steps above :-) We hope you find them helpful!

SKIP_PREFLIGHT_CHECK=true

SKIP_PREFLIGHT_CHECK=true　npm start

> cycle@0.1.0 start /Users/user/Documents/ubuntu/cycle
> react-scripts start

Attempting to bind to HOST environment variable: x86_64-apple-darwin13.4.0
If this was unintentional, check that you haven't mistakenly set it in your shell.
Learn more here: https://bit.ly/CRA-advanced-config

dyld: lazy symbol binding failed: Symbol not found: _FSEventStreamCreate
  Referenced from: /Users/user/Documents/ubuntu/cycle/node_modules/webpack-dev-server/node_modules/fsevents/build/Release/fse.node
  Expected in: flat namespace

dyld: Symbol not found: _FSEventStreamCreate
  Referenced from: /Users/user/Documents/ubuntu/cycle/node_modules/webpack-dev-server/node_modules/fsevents/build/Release/fse.node
  Expected in: flat namespace

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! cycle@0.1.0 start: `react-scripts start`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the cycle@0.1.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/user/.npm/_logs/2020-09-07T13_29_11_414Z-debug.log
(base) user-no-MacBook-Air:cycle user$ eact-scripts start
-bash: eact-scripts: command not found
(base) user-no-MacBook-Air:cycle user$ react-scripts start

There might be a problem with the project dependency tree.
It is likely not a bug in Create React App, but something you need to fix locally.

The react-scripts package provided by Create React App requires a dependency:

  "webpack": "4.42.0"

Don't try to install it manually: your package manager does it automatically.
However, a different version of webpack was detected higher up in the tree:

  /Users/user/Documents/ubuntu/node_modules/webpack (version: 4.44.1) 

Manually installing incompatible versions is known to cause hard-to-debug issues.

If you would prefer to ignore this check, add SKIP_PREFLIGHT_CHECK=true to an .env file in your project.
That will permanently disable this message but you might encounter other issues.

To fix the dependency tree, try following the steps below in the exact order:

  1. Delete package-lock.json (not package.json!) and/or yarn.lock in your project folder.
  2. Delete node_modules in your project folder.
  3. Remove "webpack" from dependencies and/or devDependencies in the package.json file in your project folder.
  4. Run npm install or yarn, depending on the package manager you use.

In most cases, this should be enough to fix the problem.
If this has not helped, there are a few other things you can try:

  5. If you used npm, install yarn (http://yarnpkg.com/) and repeat the above steps with it instead.
     This may help because npm has known issues with package hoisting which may get resolved in future versions.

  6. Check if /Users/user/Documents/ubuntu/node_modules/webpack is outside your project directory.
     For example, you might have accidentally installed something in your home folder.

  7. Try running npm ls webpack in your project folder.
     This will tell you which other package (apart from the expected react-scripts) installed webpack.

If nothing else helps, add SKIP_PREFLIGHT_CHECK=true to an .env file in your project.
That would permanently disable this preflight check in case you want to proceed anyway.

P.S. We know this message is long but please read the steps above :-) We hope you find them helpful!

find . -name 'node_modules' -type d -prune -exec rm -rf '{}' +

> cycle@0.1.0 start /Users/user/Documents/ubuntu/cycle
> react-scripts start

internal/modules/cjs/loader.js:895
  throw err;
  ^

Error: Cannot find module 'entities/maps/entities.json'
Require stack:
- /Users/user/Documents/ubuntu/cycle/node_modules/htmlparser2/lib/Tokenizer.js
- /Users/user/Documents/ubuntu/cycle/node_modules/htmlparser2/lib/Parser.js
- /Users/user/Documents/ubuntu/cycle/node_modules/htmlparser2/lib/index.js
- /Users/user/Documents/ubuntu/cycle/node_modules/renderkid/lib/tools.js
- /Users/user/Documents/ubuntu/cycle/node_modules/renderkid/lib/renderKid/styleApplier/inline.js
- /Users/user/Documents/ubuntu/cycle/node_modules/renderkid/lib/RenderKid.js
- /Users/user/Documents/ubuntu/cycle/node_modules/pretty-error/lib/PrettyError.js
- /Users/user/Documents/ubuntu/cycle/node_modules/html-webpack-plugin/lib/errors.js
- /Users/user/Documents/ubuntu/cycle/node_modules/html-webpack-plugin/index.js
- /Users/user/Documents/ubuntu/cycle/node_modules/react-scripts/config/webpack.config.js
- /Users/user/Documents/ubuntu/cycle/node_modules/react-scripts/scripts/start.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:892:15)
    at Function.Module._load (internal/modules/cjs/loader.js:742:27)
    at Module.require (internal/modules/cjs/loader.js:964:19)
    at require (internal/modules/cjs/helpers.js:88:18)
    at Object.<anonymous> (/Users/user/Documents/ubuntu/cycle/node_modules/htmlparser2/lib/Tokenizer.js:4:17)
    at Module._compile (internal/modules/cjs/loader.js:1075:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1096:10)
    at Module.load (internal/modules/cjs/loader.js:940:32)
    at Function.Module._load (internal/modules/cjs/loader.js:781:14)
    at Module.require (internal/modules/cjs/loader.js:964:19) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '/Users/user/Documents/ubuntu/cycle/node_modules/htmlparser2/lib/Tokenizer.js',
    '/Users/user/Documents/ubuntu/cycle/node_modules/htmlparser2/lib/Parser.js',
    '/Users/user/Documents/ubuntu/cycle/node_modules/htmlparser2/lib/index.js',
    '/Users/user/Documents/ubuntu/cycle/node_modules/renderkid/lib/tools.js',
    '/Users/user/Documents/ubuntu/cycle/node_modules/renderkid/lib/renderKid/styleApplier/inline.js',
    '/Users/user/Documents/ubuntu/cycle/node_modules/renderkid/lib/RenderKid.js',
    '/Users/user/Documents/ubuntu/cycle/node_modules/pretty-error/lib/PrettyError.js',
    '/Users/user/Documents/ubuntu/cycle/node_modules/html-webpack-plugin/lib/errors.js',
    '/Users/user/Documents/ubuntu/cycle/node_modules/html-webpack-plugin/index.js',
    '/Users/user/Documents/ubuntu/cycle/node_modules/react-scripts/config/webpack.config.js',
    '/Users/user/Documents/ubuntu/cycle/node_modules/react-scripts/scripts/start.js'
  ]
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! cycle@0.1.0 start: `react-scripts start`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the cycle@0.1.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/user/.npm/_logs/2020-09-07T13_38_20_165Z-debug.log

//====その1. オブジェクトの中身をまとめてチェックする方法====varvs=require("value-schema");// 入力パラメータのオブジェクトletrequestbody={testId:"test",testNum:1,testlist:[1,2,3],NoCheckid:"no",};// 入力パラメータの満たすべき条件constschemaObject={testId:vs.string({minLength:3}),//eventIdが文字列かつ5文字以上testNum:vs.number({minValue:1,}),//testNumが数字かつ1以上testlist:vs.array({minLength:2}),//testlistがarrayかつ2要素以上//noNoCheckidは条件を書いてないのでチェックされない};// 全ての条件を満たさない場合エラーを投げる,満たす場合は変数にいれるconstcheckedRequestbody=vs.applySchemaObject(schemaObject,requestbody,(err)=>{thrownewError("入力パラメータがおかしい")});

//====その2. パラメータ単体でチェックする方法====varvs=require("value-schema");constflag=true;constcheckedName=vs.boolean().applyTo(flag,(err)=>{//flagがbool値であるthrownewError("入力flagがおかしい")//条件を見たさない場合err投げる});

constfs=require('fs');constrequest=require('request');fs.readFile('画像名.png','base64',(date)=>{letbase64date=date;letmessage="魔法陣ぐるぐる"//画像の上に書きたいメッセージletoptions={uri:"teamsからコピーしたURL",headers:{"Content-type":"application/json",},json:{"text":message+"<br>"+"![]"+"("+base64date+")"}};request.post(options);// postリクエスト送信});

var AWS = require("aws-sdk");
const moment = require("moment");
const s3 = new AWS.S3({
  region: "ap-northeast-1",
});

exports.handler = async (event, context, callback) => {
  try {
    //this means Bucket "C"
    const dest_bucket = "C"; 

    var uploaded_params = {
      // event.Records[0].s3.bucket.name means Bucket "B"
      Bucket: event.Records[0].s3.bucket.name,
      Key: event.Records[0].s3.object.key,
    };
    var uploaded_obj = await s3.getObject(uploaded_params).promise();
    var uploaded_body = uploaded_obj.Body.toString();

    var dest_params = {
      Bucket: dest_bucket,
      Key: moment().format("YYYY-MM-DD") + ".txt",
    };
    var dest_obj = await s3.getObject(dest_params).promise();
    var dest_body = dest_obj.Body.toString();
    dest_body += uploaded_body;

    var new_params = {
      Bucket: dest_bucket,
      Key: moment().format("YYYY-MM-DD") + ".txt",
      Body: dest_body,
    };
    var put_obj = await s3.putObject(new_params).promise();

    // delete uploaded logs in Bucket "B"
    var deleted = await s3.deleteObject(uploaded_params).promise();

    return;
  } catch (e) {
    console.log(e);
    return;
  }
};

{"scripts":{"ts-build":"webpack --mode production"},"devDependencies":{"@types/express":"^4.17.8","ts-loader":"^8.0.3","typescript":"^4.0.2","webpack":"^4.44.1","webpack-cli":"^3.3.12","webpack-node-externals":"^2.5.2"},"dependencies":{"express":"^4.17.1","vercel":"^20.1.0"}}

import*asExpressfrom'express';constapp=Express();// postリクエスト使えるようにするapp.use(Express.json());app.use(Express.urlencoded({extended:true}));app.get('/get/:name',(req:Express.Request,res:Express.Response)=>{try{res.send({name:req.params.name});}catch(error){res.sendStatus(500);}});app.post('/post',(req:Express.Request,res:Express.Response)=>{try{res.send({name:req.body.name});}catch(error){res.sendStatus(500);}});if(!process.env.NOW_REGION){app.listen(process.env.PORT||3000);}exportdefaultapp;

{"compilerOptions":{"baseUrl":"./","paths":{"src/*":["src/*"]},"strict":true}}

{"version":2,"builds":[{"src":"index.js","use":"@now/node-server"}],"routes":[{"src":"/.*","dest":"/index.js"}]}

constpath=require('path');constnodeExternals=require('webpack-node-externals');module.exports={// モード値を production に設定すると最適化された状態で、// development に設定するとソースマップ有効でJSファイルが出力されるmode:'development',entry:'./src/index.ts',// ファイルの出力設定output:{path:`${__dirname}/`,filename:'index.js',libraryTarget:'this',},module:{rules:[{test:/\.ts$/,exclude:/node_modules/,loader:'ts-loader',options:{configFile:path.resolve(__dirname,'tsconfig.json'),},},],},// import 文で .ts ファイルを解決するため// これを定義しないと import 文で拡張子を書く必要が生まれる。resolve:{// 拡張子を配列で指定extensions:['.ts','.js'],alias:{src:path.resolve(__dirname,'src'),},},externals:[nodeExternals()],};

.vercel
node_modules
index.js

$ npm run ts-build

$ npx vercel dev

$ npx vercel --prod

//// ESC/POS//const_escpos={// start printing: ESC @ GS a n ESC M n FS ( A pL pH fn m ESC SP n FS S n1 n2 ESC 3 n ESC { n// open: printer => '\x1b@\x1da\x00\x1bM0\x1c(A' + $(2, 0, 48, 0) + '\x1b \x00\x1cS\x00\x00\x1b3\x00\x1b{' + $(printer.upsideDown),open:printer=>'\x1b@\x1da\x00\x1bM0\x1c(A'+$(2,0,48,0)+'\x1b \x00\x1cS\x00\x00\x1b2\x1b{'+$(printer.upsideDown),...};//// StarPRNT MBCS//const_starmbcs={// start printing: ESC @ ESC RS a n ESC RS F n ESC SP n ESC s n1 n2 ESC 0 (SI) (DC2)// open: printer => '\x1b@\x1b\x1ea0\x1b\x1eF\x00\x1b 0\x1bs00\x1b0' + (printer.upsideDown ? '\x0f' : '\x12'),open:printer=>'\x1b@\x1b\x1ea0\x1b\x1eF\x00\x1b 0\x1bs00\x1bz1'+(printer.upsideDown?'\x0f':'\x12'),...};

//// ESC/POS//const_escpos={...// start rules: FS C n ESC t n ... LF// vrstart: (widths, left, right) => '\x1cC0\x1bt\x01' + widths.reduce((a, w) => a + '\x95'.repeat(w) + '\x91', left ? '\x9c' : '\x98').slice(0, -1) + (right ? '\x9d' : '\x99'),vrstart:(widths,left,right)=>'\x1b3\x00\x1cC0\x1bt\x01'+widths.reduce((a,w)=>a+'\x95'.repeat(w)+'\x91',left?'\x9c':'\x98').slice(0,-1)+(right?'\x9d':'\x99'),// stop rules: FS C n ESC t n ... LF// vrstop: (widths, left, right) => '\x1cC0\x1bt\x01' + widths.reduce((a, w) => a + '\x95'.repeat(w) + '\x90', left ? '\x9e' : '\x9a').slice(0, -1) + (right ? '\x9f' : '\x9b'),vrstop:(widths,left,right)=>'\x1b2\x1cC0\x1bt\x01'+widths.reduce((a,w)=>a+'\x95'.repeat(w)+'\x90',left?'\x9e':'\x9a').slice(0,-1)+(right?'\x9f':'\x9b'),...};//// StarPRNT MBCS//const_starmbcs={...// start rules: ESC $ n ... LF// vrstart: (widths, left, right) => '\x1b$0' + widths.reduce((a, w) => a + '\x95'.repeat(w) + '\x91', left ? '\x9c' : '\x98').slice(0, -1) + (right ? '\x9d' : '\x99'),vrstart:(widths,left,right)=>'\x1b0\x1b$0'+widths.reduce((a,w)=>a+'\x95'.repeat(w)+'\x91',left?'\x9c':'\x98').slice(0,-1)+(right?'\x9d':'\x99'),// stop rules: ESC $ n ... LF// vrstop: (widths, left, right) => '\x1b$0' + widths.reduce((a, w) => a + '\x95'.repeat(w) + '\x90', left ? '\x9e' : '\x9a').slice(0, -1) + (right ? '\x9f' : '\x9b'),vrstop:(widths,left,right)=>'\x1bz1\x1b$0'+widths.reduce((a,w)=>a+'\x95'.repeat(w)+'\x90',left?'\x9e':'\x9a').slice(0,-1)+(right?'\x9f':'\x9b'),...};

{"tm_t88v":{"host":"192.168.1.2","port":9100,"cpl":42,"encoding":"cp932","gamma":1.8,"upsideDown":false,"command":"escpos"},"mc_print3":{"host":"192.168.1.3","port":9100,"cpl":48,"encoding":"cp932","gamma":1.8,"upsideDown":false,"command":"starmbcs"}}

$ npm i node-fetch

'use strict'constfs=require('fs')constqs=require('querystring')constfetch=require('node-fetch')// window.fetch 互換 Fetch API// アプリケーションIDconstAPPID='YOUR_APPLICATION_ID'// テキストにマッチした住所情報を取得するasyncfunctiongetAddressLocation(text){// URLを組み立てるconstparams=qs.stringify({appid:APPID,// アプリケーションIDquery:text,// 検索文字列al:2,// 市区町村レベルの住所を検索exclude_seireishi:false,// 検索対象から政令指定都市レコードを除外するかresults:1,// 検索結果を1件以内に設定output:'json'// レスポンスをJSONにする})consturl='https://map.yahooapis.jp/geocode/V1/geoCoder?'+params// Yahoo!ジオコーダAPIをコールするconstres=awaitfetch(url)if(!res.ok){throwres}constjson=awaitres.json()console.log(JSON.stringify(json,null,''))// 住所情報を取得するif(json.Feature&&json.Feature.length!=0){// ヒットした1つめの住所を使うvarname=json.Feature[0].Namevarll=json.Feature[0].Geometry.Coordinates.split(',')varbbox=json.Feature[0].Geometry.BoundingBoxreturn{address:name,lat:ll[1],lon:ll[0],bbox:bbox}}else{throw'住所にヒットしなかった'}}// 住所に紐ついた緯度経度とバウンディングボックスの4点の緯度経度をつなげた文字列を返すfunctiongetCoordinatesFromBoundingBox(location){varp=location.bbox.split('')varll0=p[0].split(',')varll1=p[1].split(',')varc=location.lon+','+location.lat+''+ll0[0]+','+ll0[1]+''+ll1[0]+','+ll0[1]+''+ll0[0]+','+ll1[1]+''+ll1[0]+','+ll1[1]returnc}// 降水情報を取得するasyncfunctiongetWeatherInfo(location){// 雨の強さを取得したい緯度経度(10点まで可)を指定// フォーマット: 経度,緯度 経度,緯度 経度,緯度 経度,緯度 ... // 経度・緯度の順番でコンマ区切り// 経度・緯度毎に半角スペース区切りconstcoordinates=getCoordinatesFromBoundingBox(location)// URLを組み立てるvarparams=qs.stringify({coordinates:coordinates,appid:APPID,// アプリケーションIDoutput:'json'// レスポンスをJSONにする})consturl='https://map.yahooapis.jp/weather/V1/place?'+params// 気象情報APIをコールするconstres=awaitfetch(url)if(!res.ok){throwres}constjson=awaitres.json()console.log(JSON.stringify(json,null,''))returnjson}// 降水情報をテキストに変換するfunctiongetWeatherText(weather,location){varame=false// 雨が降るか否か// 1箇所でも雨が降る場所があるかfor(varfeatureofweather.Feature){for(varwoffeature.Property.WeatherList.Weather){if(w.Rainfall>0){// 降水強度が0より大きいかame=truebreak}}}if(ame){returnlocation.address+"では、1時間以内に雨が降りそうです。"}else{returnlocation.address+"では、1時間以内には雨が降らないようです。"}}// 地図画像を取得するasyncfunctiongetMapImage(location){// URLを組み立てるvarparams=qs.stringify({width:800,height:600,lat:location.lat,lon:location.lon,z:12,// ズームレベルoverlay:'type:rainfall',// 現在時刻の雨雲レーダーを表示style:'base:monotone',// モノトーンスタイルappid:APPID,// アプリケーションID})consturl='https://map.yahooapis.jp/map/V1/static?'+params// Yahoo!スタティックマップAPIをコールするconstres=awaitfetch(url)if(!res.ok){throwres}returnBuffer.from(awaitres.arrayBuffer())}(async()=>{try{// コマンドライン引数を取得consttext=process.argv[2]console.log('Input: '+text)// 住所情報を取得constlocation=awaitgetAddressLocation(text)// 降水情報を取得constweather=awaitgetWeatherInfo(location)// 降水情報をテキストに変換constweatherText=getWeatherText(weather,location)console.log('Message: '+weatherText)// 地図画像を取得constmapImage=awaitgetMapImage(location)// 地図画像データをファイルに出力awaitfs.promises.writeFile('map.png',mapImage)}catch(err){console.error(err)}})()

$ node app.js 福島市
Input: 福島市
{
  "ResultInfo": {
    "Count": 1,
    "Total": 1,
    "Start": 1,
    "Status": 200,
    "Description": "",
    "Copyright": "",
    "Latency": 0.016
  },
  "Feature": [
    {
      "Id": "07201",
      "Gid": "",
      "Name": "福島県福島市",
      "Geometry": {
        "Type": "point",
        "Coordinates": "140.47469440,37.76089730",
        "BoundingBox": "140.22998100,37.62433900 140.57092800,37.97664700"
      },
      "Category": [],
      "Description": "",
      "Style": [],
      "Property": {
        "Uid": "09564f93998c22a98d1921dbd866d75b73f7bd6a",
        "CassetteId": "b22fee69b0dcaf2c2fe2d6a27906dafc",
        "Yomi": "フクシマケンフクシマシ",
        "Country": {
          "Code": "JP",
          "Name": "日本"
        },
        "Address": "福島県福島市",
        "GovernmentCode": "07201",
        "AddressMatchingLevel": "2",
        "AddressType": "市"
      }
    }
  ]
}
{
  "ResultInfo": {
    "Count": 5,
    "Total": 5,
    "Start": 1,
    "Status": 200,
    "Latency": 0.049625,
    "Description": "",
    "Copyright": "(C) Yahoo Japan Corporation."
  },
  "Feature": [
    {
      "Id": "202009082115_140.47469_37.760897",
      "Name": "地点(140.47469,37.760897)の2020年09月08日 21時15分から60分間の天気情報",
      "Geometry": {
        "Type": "point",
        "Coordinates": "140.47469,37.760897"
      },
      "Property": {
        "WeatherAreaCode": 3610,
        "WeatherList": {
          "Weather": [
            {
              "Type": "observation",
              "Date": "202009082115",
              "Rainfall": 0
            },
            {
              "Type": "forecast",
              "Date": "202009082125",
              "Rainfall": 0
            },
            {
              "Type": "forecast",
              "Date": "202009082135",
              "Rainfall": 0
            },
            {
              "Type": "forecast",
              "Date": "202009082145",
              "Rainfall": 0
            },
            {
              "Type": "forecast",
              "Date": "202009082155",
              "Rainfall": 0
            },
            {
              "Type": "forecast",
              "Date": "202009082205",
              "Rainfall": 0
            },
            {
              "Type": "forecast",
              "Date": "202009082215",
              "Rainfall": 0
            }
          ]
        }
      }
    },
    {
      "Id": "202009082115_140.22998_37.624339",
      "Name": "地点(140.22998,37.624339)の2020年09月08日 21時15分から60分間の天気情報",
      "Geometry": {
        "Type": "point",
        "Coordinates": "140.22998,37.624339"
      },
      "Property": {
        "WeatherAreaCode": 3630,
        "WeatherList": {
          "Weather": [
            {
              "Type": "observation",
              "Date": "202009082115",
              "Rainfall": 0
            },
            {
              "Type": "forecast",
              "Date": "202009082125",
              "Rainfall": 0
            },
            {
              "Type": "forecast",
              "Date": "202009082135",
              "Rainfall": 0
            },
            {
              "Type": "forecast",
              "Date": "202009082145",
              "Rainfall": 0
            },
            {
              "Type": "forecast",
              "Date": "202009082155",
              "Rainfall": 0
            },
            {
              "Type": "forecast",
              "Date": "202009082205",
              "Rainfall": 0
            },
            {
              "Type": "forecast",
              "Date": "202009082215",
              "Rainfall": 0
            }
          ]
        }
      }
    },
    {
      "Id": "202009082115_140.57093_37.624339",
      "Name": "地点(140.57093,37.624339)の2020年09月08日 21時15分から60分間の天気情報",
      "Geometry": {
        "Type": "point",
        "Coordinates": "140.57093,37.624339"
      },
      "Property": {
        "WeatherAreaCode": 3610,
        "WeatherList": {
          "Weather": [
            {
              "Type": "observation",
              "Date": "202009082115",
              "Rainfall": 0
            },
            {
              "Type": "forecast",
              "Date": "202009082125",
              "Rainfall": 0
            },
            {
              "Type": "forecast",
              "Date": "202009082135",
              "Rainfall": 0
            },
            {
              "Type": "forecast",
              "Date": "202009082145",
              "Rainfall": 0
            },
            {
              "Type": "forecast",
              "Date": "202009082155",
              "Rainfall": 0
            },
            {
              "Type": "forecast",
              "Date": "202009082205",
              "Rainfall": 0
            },
            {
              "Type": "forecast",
              "Date": "202009082215",
              "Rainfall": 0
            }
          ]
        }
      }
    },
    {
      "Id": "202009082115_140.22998_37.976647",
      "Name": "地点(140.22998,37.976647)の2020年09月08日 21時15分から60分間の天気情報",
      "Geometry": {
        "Type": "point",
        "Coordinates": "140.22998,37.976647"
      },
      "Property": {
        "WeatherAreaCode": 3520,
        "WeatherList": {
          "Weather": [
            {
              "Type": "observation",
              "Date": "202009082115",
              "Rainfall": 0
            },
            {
              "Type": "forecast",
              "Date": "202009082125",
              "Rainfall": 0
            },
            {
              "Type": "forecast",
              "Date": "202009082135",
              "Rainfall": 0
            },
            {
              "Type": "forecast",
              "Date": "202009082145",
              "Rainfall": 0
            },
            {
              "Type": "forecast",
              "Date": "202009082155",
              "Rainfall": 0
            },
            {
              "Type": "forecast",
              "Date": "202009082205",
              "Rainfall": 0
            },
            {
              "Type": "forecast",
              "Date": "202009082215",
              "Rainfall": 0
            }
          ]
        }
      }
    },
    {
      "Id": "202009082115_140.57093_37.976647",
      "Name": "地点(140.57093,37.976647)の2020年09月08日 21時15分から60分間の天気情報",
      "Geometry": {
        "Type": "point",
        "Coordinates": "140.57093,37.976647"
      },
      "Property": {
        "WeatherAreaCode": 3420,
        "WeatherList": {
          "Weather": [
            {
              "Type": "observation",
              "Date": "202009082115",
              "Rainfall": 1.35
            },
            {
              "Type": "forecast",
              "Date": "202009082125",
              "Rainfall": 0.75
            },
            {
              "Type": "forecast",
              "Date": "202009082135",
              "Rainfall": 0
            },
            {
              "Type": "forecast",
              "Date": "202009082145",
              "Rainfall": 0
            },
            {
              "Type": "forecast",
              "Date": "202009082155",
              "Rainfall": 0
            },
            {
              "Type": "forecast",
              "Date": "202009082205",
              "Rainfall": 0
            },
            {
              "Type": "forecast",
              "Date": "202009082215",
              "Rainfall": 0
            }
          ]
        }
      }
    }
  ]
}
Message: 福島県福島市では、1時間以内に雨が降りそうです。

// ajax関係
const axios = require("axios");
// 阿部寛のサイト
const url = "http://abehiroshi.la.coocan.jp/";

const main = async () => {
    const data = await axios.get(url);
    console.log(data.data);
}

main();

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta name="GENERATOR" content="JustSystems Homepage Builder Version 20.0.6.0 for Windows">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>�������̃z�[���y�[�W</title>
</head>
<frameset cols=18,82>
  <frame src="menu.htm" marginheight="0" marginwidth="0" scrolling="auto" name="left">
  <frame src="top.htm" marginheight="0" marginwidth="0" scrolling="auto" name="right">
  <noframes>
  <body></body>
  </noframes>
</frameset>
</html>

// ajax関係
const axios = require("axios");
// 阿部寛のサイト
const url = "http://abehiroshi.la.coocan.jp/";
// パーサ
const HTMLparser = require('fast-html-parser');


const main = async () => {
    const data = await axios.get(url);
    console.log(data.data);
    const root = HTMLparser.parse(data.data);
    console.log(root.firstChild.structure);

}

main();

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta name="GENERATOR" content="JustSystems Homepage Builder Version 20.0.6.0 for Windows">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>�������̃z�[���y�[�W</title>
</head>
<frameset cols=18,82>
  <frame src="menu.htm" marginheight="0" marginwidth="0" scrolling="auto" name="left">
  <frame src="top.htm" marginheight="0" marginwidth="0" scrolling="auto" name="right">
  <noframes>
  <body></body>
  </noframes>
</frameset>
</html>
html
  head
    meta
    meta
    meta
    title
      #text
  frameset
    frame
      frame
        noframes
          body

// ajax関係
const axios = require("axios");
// 阿部寛のサイト
const url = "http://abehiroshi.la.coocan.jp/top.htm";
// パーサ
const HTMLparser = require('fast-html-parser');


const main = async () => {
    const data = await axios.get(url);
    console.log(data.data);
}

main();

<!-- saved from url=(0022)http://internet.e-mail -->
<!-- saved from url=(0022)http://internet.e-mail -->
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="GENERATOR" content="JustSystems Homepage Builder Version 20.0.6.0 for Windows">
<title>���� ���̃z�[���y�[�W</title>


</head>


<body background="image/abehiroshi.jpg">
<br>
<h1 align="center">���� ���̃z�[���y�[�W</h1>
<table align="center">
  <tr>
    <td rowspan="2"><img src="abe-top-20190328-2.jpg" width="350" height="414" border="0"><br>
      <br>
      <table width="256">
        <tr>
          <td width="14">&nbsp;</td>
          <td width="230">���� ���i���� �Ђ낵�j<br></td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td>���N���� 1964�N6��22��<br></td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td>���t�^ A�^<br></td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td><a href="prof/prof.htm">�v���t�B�[��</a></td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td colspan="2"><br>
            If you have any enquiries regarding my TV drama or film, or would like to make an enquiry concerning future projects, please do not hesitate to contact me through the following email address.<br>
            <br>
            mail:<a href="mailto:shigeta@navy.plala.or.jp">shigeta@navy.plala.or.jp</a></td>
        </tr>
    </table>
      <br>
      ����<strong>:</strong><br>
      �Γc�I�t�B�X<br>
      107-0052<br>
  �����s�`��ԍ�9-5-29 <br>
  �ԍ⃍�C�����}���V����303<br>

TEL : +81-3-5410-8585<br>
    FAX : +81-3-5410-0588 </td>
    <td>&nbsp;</td>
    <td><div align="center">�������@�ŐV���@������</div></td>
  </tr>
  <tr>
    <td></td>
    <td>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="left" valign="bottom"><hr width="100%" size="1"></td>
          </tr>
      </table>
<!-- start�@-->
       <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="left" valign="top"><strong>�E�h���}</strong></td>
          </tr>
      </table>
       <table border="0" cellspacing="5" cellpadding="0">
           <tr>
           <td width="70" align="left" valign="top">&nbsp;</td>
           <td>
        <strong>
           <a href="https://www.tbs.co.jp/dragonzakura/" target="_blank">�u�h���S����2�v</a>(��)<font color="#ff0000"></font><br>
        <font color="#ff0000">2020�N�Ă�\�肵�Ă���܂������A�V�^�R���i�E�C���X�����g��̉e���ɂ��������������肢�����܂����B</font></strong></td>
         </tr>
      </table>
<!-- end�@-->
<!-- start�@-->
       <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="left" valign="bottom"><hr width="100%" size="1"></td>
          </tr>
      </table>

       <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="left" valign="top"><strong>�E�f��</strong></td>
          </tr>
      </table>
       <table border="0" cellspacing="5" cellpadding="0">
           <tr>
           <td width="70" align="left" valign="top">&nbsp;</td>
           <td>
        <strong>�u����Ȃ������҂����ցv <br>
        2021�N���J�\��<br>
        </strong></td>
         </tr>
      </table>
      <table border="0" cellspacing="5" cellpadding="0">
           <tr>
           <td width="70" align="left" valign="top">&nbsp;</td>
           <td>
        <strong><br>
        <a href="http://www.hokusai2020.com/" target="_blank">�uHOKUSAI�v</a> <br>
        2021�N ���J�\��<br>
        <font color="#ff0000">�����J�������ɂȂ�܂����B</font><br>
        </strong></td>
         </tr>
      </table>
       <table border="0" cellspacing="5" cellpadding="0">
           <tr>
           <td width="70" align="left" valign="top"></td>
           <td></td>
         </tr>
      </table>
<!-- end�@-->

       <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="left" valign="bottom"><hr width="100%" size="1"></td>
          </tr>
      </table>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    </td>
  </tr>
</table>
</body>
</html>

// ajax関係
const axios = require("axios");
// 阿部寛のサイト
const url = "http://abehiroshi.la.coocan.jp/top.htm";
// パーサ
const HTMLparser = require('fast-html-parser');


const main = async () => {
    const data = await axios.get(url);
    const root = HTMLparser.parse(data.data);
    console.log(root.querySelectorAll('img'));
}

main();

[
  HTMLElement {
    tagName: 'img',
    rawAttrs: 'src="abe-top-20190328-2.jpg" width="350" height="414" border="0"',
    childNodes: [],
    classNames: []
  }
]

// ajax関係
const axios = require("axios");
// 阿部寛のサイト
const url = "http://abehiroshi.la.coocan.jp/top.htm";
// パーサ
const HTMLparser = require('fast-html-parser');


const main = async () => {
    const data = await axios.get(url);
    const root = HTMLparser.parse(data.data);
    const raw_data = root.querySelectorAll('img')[0].rawAttrs;
    const img_url = raw_data.split("\"")[1];
    console.log(img_url);
}

main();

abe-top-20190328-2.jpg

// jimp関係
const jimp = require("jimp");

const main = () => {
    jimp.read("http://abehiroshi.la.coocan.jp/abe-top-20190328-2.jpg", (err, abehiroshi) => {
        if(err) return;
        abehiroshi.write("abehiroshi.jpg");
    });
}

main();

// jimp関係
const jimp = require("jimp");
const size = 100000000000000000000000000000000;
const main = () => {
    jimp.read("http://abehiroshi.la.coocan.jp/abe-top-20190328-2.jpg", (err, abehiroshi) => {
        if(err) return;
        for(let i = 0;i < size;i++) {
            abehiroshi.write("abehiroshi_"+i+".jpg");
        }
    });
}

main();

console.log("Hello, world!");

$node main.js
Hello, world!

varprivate_value=42;// exports.square = ... でもよいmodule.exports.square=function(x){returnx*x;};

varutil=require('./util');console.log(util.square(2));// => 4console.log(util.private_value);// => undefined

// module.exportsへの代入は必須。exportsにも代入しておくと後々便利module.exports=exports=function(x){returnx*x;};// JavaScriptの関数はそれ自体オブジェクトなので、プロパティーに代入できるexports.version="0.1.0";

varsquare=require('./square');console.log(square(2));// => 4console.log(square.version);// => "0.1.0"

varx=42;// global is Node.js equivalent of windows// (There's also globalThis usable in both environments)console.log(global.x);// => undefined

(function(exports,require,module,__filename,__dirname){// ファイルの中身});

varmodule={},exports={};module.exports=exports;// その他、moduleの様々なプロパティーを設定

console.log("Hello, world!");varcounter=1;exports.fresh=function(){returncounter++;};

varmodule1=require('./module1');// => Hello, world!varmodule2=require('./module2');// => Hello, world!console.log(module1.fresh());// => 1console.log(module1.fresh());// => 2console.log(module2.fresh());// => 1console.log(module2.fresh());// => 2console.log(module1.fresh===module2.fresh);// => false

varmodule1a=require('./module1');// => Hello, world!varmodule1b=require('./module1');// (no output)console.log(module1a.fresh());// => 1console.log(module1a.fresh());// => 2console.log(module1b.fresh());// => 3console.log(module1b.fresh());// => 4console.log(module1a.fresh===module1b.fresh);// => true

npm init

"scripts":{"test":"echo hello world !"}

npm run test

npm install onchange

"scripts":{"test":"onchange src/* -- echo {{changed}}"}

onchange[監視するファイル]--[変更があったときに実行されるスクリプト]

npm run test

{"scripts":{"deploy":"sh confirmation.sh STG && node deploy"}}

#!/bin/bashENV_NAME=$1function ConfirmExecution(){echo"${ENV_NAME}環境のスクリプトを実行しますか？"echo"実行する場合は${ENV_NAME}と入力してください"read input

  if[-z$input];then
    ConfirmExecution
  elif[$input=${ENV_NAME}];then
    echo"スクリプトを実行します。"else
    echo"スクリプトを終了します。"exit 1
  fi}

ConfirmExecution

console.log('deploy!!')

$ npm run deploy

onMouseDown={(event)=>{event.stopPropagation();}}

npx create-react-app {your_app_name} --template typescript

npm install @material-ui/core

importReactfrom'react';import{createStyles,makeStyles,useTheme,Theme}from'@material-ui/core/styles';importInputfrom'@material-ui/core/Input';importInputLabelfrom'@material-ui/core/InputLabel';importMenuItemfrom'@material-ui/core/MenuItem';importFormControlfrom'@material-ui/core/FormControl';importSelectfrom'@material-ui/core/Select';importChipfrom'@material-ui/core/Chip';constuseStyles=makeStyles((theme:Theme)=>createStyles({formControl:{margin:theme.spacing(1),minWidth:120,maxWidth:300,},chips:{display:'flex',flexWrap:'wrap',},chip:{margin:2,},noLabel:{marginTop:theme.spacing(3),},}),);constITEM_HEIGHT=48;constITEM_PADDING_TOP=8;constMenuProps={PaperProps:{style:{maxHeight:ITEM_HEIGHT*4.5+ITEM_PADDING_TOP,width:250,},},};constnames=['Oliver Hansen','Van Henry','April Tucker','Ralph Hubbard','Omar Alexander','Carlos Abbott','Miriam Wagner','Bradley Wilkerson','Virginia Andrews','Kelly Snyder',];functiongetStyles(name:string,personName:string[],theme:Theme){return{fontWeight:personName.indexOf(name)===-1?theme.typography.fontWeightRegular:theme.typography.fontWeightMedium,};}exportdefaultfunctionMultipleSelect(){constclasses=useStyles();consttheme=useTheme();const[personName,setPersonName]=React.useState<string[]>([]);consthandleChange=(event:React.ChangeEvent<{value:unknown}>)=>{setPersonName(event.target.valueasstring[]);};return(<div><FormControlclassName={classes.formControl}><InputLabelid="demo-mutiple-chip-label">Chip</InputLabel><SelectlabelId="demo-mutiple-chip-label"id="demo-mutiple-chip"multiplevalue={personName}onChange={handleChange}input={<Inputid="select-multiple-chip"/>}renderValue={(selected)=>(<divclassName={classes.chips}>{(selectedasstring[]).map((value)=>(<Chipkey={value}label={value}className={classes.chip}/>))}</div>)}MenuProps={MenuProps}>{names.map((name)=>(<MenuItemkey={name}value={name}style={getStyles(name,personName,theme)}>{name}</MenuItem>))}</Select></FormControl></div>);}

<Chipkey={value}label={value}className={classes.chip}onDelete={()=>{alert(value)}}/> #ここを追加

<Chipkey={value}label={value}className={classes.chip}onDelete={()=>{alert(value)}}onMouseDown={(event)=>{event.stopPropagation()}}#ここを追加/>

 const chipDelete = (name: string) => {
    setPersonName(personName.filter(value => value !== name))
  }

exportdefaultfunctionMultipleSelect(){constclasses=useStyles();consttheme=useTheme();const[personName,setPersonName]=React.useState<string[]>([]);consthandleChange=(event:React.ChangeEvent<{value:unknown}>)=>{setPersonName(event.target.valueasstring[]);};constchipDelete=(name:string)=>{setPersonName(personName.filter(value=>value!==name))};return(<div><FormControlclassName={classes.formControl}><InputLabelid="demo-mutiple-chip-label">Chip</InputLabel><SelectlabelId="demo-mutiple-chip-label"id="demo-mutiple-chip"multiplevalue={personName}onChange={handleChange}input={<Inputid="select-multiple-chip"/>}renderValue={(selected)=>(<divclassName={classes.chips}>{(selectedasstring[]).map((value)=>(<Chipkey={value}label={value}className={classes.chip}onDelete={(event)=>chipDelete(value)}onMouseDown={(event)=>{event.stopPropagation();}}/>))}</div>)}MenuProps={MenuProps}>{names.map((name)=>(<MenuItemkey={name}value={name}style={getStyles(name,personName,theme)}>{name}</MenuItem>))}</Select></FormControl></div>);}

npm install tunnel

npm init

npm install ibm-watson@^5.7.0

constDiscoveryV1=require('ibm-watson/discovery/v1');const{IamAuthenticator}=require('ibm-watson/auth');constdiscovery=newDiscoveryV1({version:'2019-04-30',authenticator:newIamAuthenticator({apikey:'{apikey}',//自身の情報に書き換え}),serviceUrl:'{url}',//自身の情報に書き換え});constlistCollectionsParams={environmentId:'{environment_id}',//自身の情報に書き換え};discovery.listCollections(listCollectionsParams).then(listCollectionsResponse=>{console.log(JSON.stringify(listCollectionsResponse,null,2));}).catch(err=>{console.log('error:',err);});

node collection.js

error: { Error: connect ETIMEDOUT 23.41.93.168:443
    at RequestWrapper.formatError (xxxxxxxxxx\node_modules\ibm-cloud-sdk-core\lib\request-wrapper.js:224:21)
    at C:xxxxxxxxxxxxxxx\node_modules\ibm-cloud-sdk-core\lib\request-wrapper.js:212:25
    at process._tickCallback (internal/process/next_tick.js:68:7)
  message: 'connect ETIMEDOUT 23.41.93.168:443',
  statusText: 'ETIMEDOUT',
  body:
   'Response not received - no connection was made to the service.' }

npm install tunnel

constDiscoveryV1=require("ibm-watson/discovery/v1");const{IamAuthenticator}=require("ibm-watson/auth");consttunnel=require("tunnel");// https AgentconsthttpsAgent=tunnel.httpsOverHttp({proxy:{host:"xxxxxx.com",//httpとかいらないport:8080,},});constdiscovery=newDiscoveryV1({version:"2019-04-30",authenticator:newIamAuthenticator({apikey:"xxxxxxxxxxxxxxxxxxxxxxxxxxxx",httpsAgent,proxy:false,}),httpsAgent,proxy:false,serviceUrl:"https://xxxxxxxxxxxxxx",});constlistCollectionsParams={environmentId:"xxxxxxxxxxxxxxxxxxxxxxxxxxxx",};discovery.listCollections(listCollectionsParams).then((listCollectionsResponse)=>{console.log(JSON.stringify(listCollectionsResponse,null,2));}).catch((err)=>{console.log("error:",err);});

{
  "status": 200,
  "statusText": "OK",
  "headers": {
    "content-type": "application/json;charset=utf-8",
    "access-control-allow-origin": "*",
    "access-control-allow-methods": "GET, PUT, POST, DELETE, OPTIONS",
    "cache-control": "no-cache, no-store, no-transform, max-age=0",
    "pragma": "no-cache",
    "expires": "0",
    "x-content-type-options": "nosniff",
    "x-xss-protection": "1",
    "content-security-policy": "default-src 'none'",
    "access-control-allow-headers": "Origin, Content-Type, Content-Length, Accept, X-Watson-Authorization-Token, X-WDC-PL-OPT-OUT, X-Watson-UserInfo, X-Watson-Learning-Opt-Out, X-Watson-Metadata",
    "strict-transport-security": "max-age=31536000; includeSubDomains;",
    "x-global-transaction-id": "4085110c3d0bc216af495b254da2ab8b",
    "x-dp-watson-tran-id": "4085110c3d0bc216af495b254da2ab8b",
    "content-length": "340",
    "x-edgeconnect-midmile-rtt": "165",
    "x-edgeconnect-origin-mex-latency": "222",
    "date": "Wed, 09 Sep 2020 13:27:25 GMT",
    "connection": "close"
  },
  "result": {
    "collections": [
      {
        "collection_id": "xxxxxxxxxxxxxxxxxxxx",
        "name": "test",
        "configuration_id": "xxxxxxxxxxxxxxxxxxxxx",
        "language": "ja",
        "status": "active",
        "description": null,
        "created": "2020-09-09T12:55:36.283Z",
        "updated": "2020-09-09T12:55:36.283Z"
      }
    ]
  }
}

constqueryParams={environmentId:'{environment_id}',collectionId:'{collection_id}',_return:'id,metadata.name'　//ここ};

<!DOCTYPE html><htmllang="ja"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width, initial-scale=1.0"/><title>Document</title></head><body><h1>hello</h1></body></html>

# 何でもいいから名前をつける。今回はCIname:CI# リポジトリにpushされた時に動くon:[push]# 必ず書くjobs:# jobの名前を書くaaa:# osはubuntuを使うruns-on:ubuntu-latest# 実行手順steps:# masterブランチにチェックアウト-uses:actions/checkout@master# 何でもいいから名前をつける-name:a# 実行するコマンドを書くrun:|mkdir .vercelecho {\"orgId\": \"${{ secrets.VECEL_ORG_ID }}\", \"projectId\": \"${{ secrets.VECEL_PROJECT_ID }}\"} > .vercel/project.jsonnpx vercel --token ${{secrets.VECEL_TOKEN}} --prod

$ mkdir typescript_try
$ cd typescript_try/
$ yarn init

$ yarn add -D typescript @types/node

$ touch tsconfig.json

{"compilerOptions":{"lib":["ESNext"],"module":"CommonJS","outDir":"dist",// コンパイル後に生成されるJSファイルの置き場所をTSCに指示"sourceMap":true,"strict":true,"target":"ES2015"},"include":["src"]// TSCがTypeScriptファイルを見つけるためにどのディレクトリを探せば良いか？の指定}

$ mkdir src
$ touch src/index.ts

consthello:string='Hello TypeScript!'console.log(hello)

$ mkdir dist

$ yarn tsc
yarn run v1.22.4
$ node_modules/.bin/tsc
✨  Done in 1.39s.

"use strict";consthello='Hello TypeScript!';console.log(hello);//# sourceMappingURL=index.js.map

$ node dist/index.js
Hello TypeScript!