Node.js関連のことを調べてみた2020年06月18日

Promise.all()内で軽率にawaitしてはいけない

# 事前知識
## Promise.all()

> Promise.all(iterable) メソッドは単一の Promise を返し、これは引数 iterable の中のすべての Promise が解決されるか、引数 iterable の中に Promise がない場合に解決されます。最初に拒否された Promise の拒否理由をもって拒否されます。

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise/all

## JSONPlaceholder
例に用いるAPI
JSONを返してくれる
https://jsonplaceholder.typicode.com/

#Promiseを返すことを意識する

Promiseを返さないとPromise.all()を使う意味が無い。。。

## 見かけ上並列で非同期処理を実行したい
下記のように、urlの配列があったとする

“`js
const urls = [‘https://jsonplaceholder

Node.js（データベースを用いたWebアプリケーション）

# プログラミングの勉強日記
2020年6月18日　Progate Lv.130
Node.jsⅡ,Ⅲ

##MySQL
　データベースを管理するツールである。Node.jsからMySQLを操作するには、Node.jsからMySQLに接続する。そのためにmysqlパッケージを利用する。

“`:ターミナル
$npm install mysql
“`

“`javascript:app.js
//mysqlパッケージの読み込み
const mysql=require(‘mysql’);
//接続情報をcreateConnectionメソッドを用いて定数connectionに代入
const connection=mysql.createConnection({
//データベース名、パスワードなどを記述
});
“`

##クエリの実行
　`connection.query(‘クエリ’,クエリ実行後の処理)`と書くことで、Node.jsからデータベースに対してクエリを実行できる。
　クエリ実行後の処理は
　　第1引数のerror：クエリが失敗したときのエラー情報
　　第2引数の

【JWT（JSON Web Token）】Node.jsで実際に使ってみた

# はじめに
認証方式の１つであるJWTについてのまとめと使用例

# JWTとは
JSON Web Tokenの略
認証情報を含むJSONをbase64エンコードしたものに署名を付与したもの

# 利用例
1. クライアント側から認証情報（例：ユーザー名、パスワード）をサーバーに送信
2. サーバー側で認証情報を確認し、認証OKの場合JWTを発行し、クライアント側に返却
3. クライアントは次回以降、JWTを付与したリクエストを送信
4. サーバー側はJWTを検証する

なお、JWTの暗号化アルゴリズムは大きく分けて2種類ある。

– 共通鍵方式
HS256というアルゴリズムを使用する。
認証サーバとリソースサーバが同じ場合はこの方式が使われることが多い。

– 公開鍵／秘密鍵方式
RS256というアルゴリズムを使用する。
認証サーバとリソースサーバが別々の場合にこの方式が使われる。
認証サーバに秘密鍵、リソースサーバに公開鍵が配置される。

# JWTの構造
JWTの例は以下
eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjoidGFy

Node.jsの基本的な使い方

# プログラミングの勉強日記
2020年6月17日　Progate Lv.122
　Node.jsⅠ
　Webアプリを作るために使われるNode.jsを学んだ。JavaScriptをサーバーサイドで動かす仕組みである。
　今回はNode.jsのフレームワークであるExpressを扱う。Node.jsには便利な機能を使えるようにまとめたパッケージがあり、Expressはそのパッケージのうちの1つである。

##npm
　パッケージを用意するために使うシステムである。Expressをnpmからインストールするには、`npm install`コマンドを使う。

“`:ターミナル(入力したらEnterを押して実行)
$ npm install express
“`
　インストールしたExpressを利用するためにはパッケージの読み込みと使用する準備が必要。以下の文は定型文として覚えてOK

“`javascript:app.js
const express=require(‘express’); //expressの読み込み
const app=exprss(); //ex

Express+MySQLでログインする

[前回の記事では](https://qiita.com/4201tosiyuki/items/80ee553ac42eeb323859)ユーザーtestパスワードtestのみのログインユーザーであった為、MySQLにユーザー情報を入れ、そこを参照してログインするを実装した備忘録です。

**各バージョン**

* Node v12.13.1
* express-session 1.17.1
* passport 0.4.1
* passport-local 1.0.0
* mysql 2.18.1
* bookshelf 1.2.0
* knex 0.21.1

では実装手順です。
必要なモジュールをインストールします。

“`:terminal
npm install i mysql knex bookshelf
“`

前回記事のユーザー名・パスワードをチェックするプログラムです。

“`javascript:index.js
passport.use(new localStrategy({
usernameField:’username’,
passwordFie

CloudFunctionsで一定時間経過後に処理を実行する方法

# はじめに

CloudFunctionsで何らかの処理を実行して、その何分後かに別の処理を呼び出したいことがあります。
だけどsetTimeoutを使いたくない。事前にジョブを登録しておくわけにもいかない。

そんな時に以下の方法で実装してみました。

+ cloudSchedulerに対して、実行させたい日時（例：○分後）にジョブを登録。

+ 実行時刻になると処理が呼び出される。

+ 処理が終わったら不要になったジョブを削除。

参考：[CloudSchedulerリファレンス](https://cloud.google.com/scheduler/docs/reference/rest/v1beta1/projects.locations.jobs?hl=ja)

# サンプルコード

“`javascript:index.js
const functions = require(‘firebase-functions’);
const admin = require(‘firebase-admin’);
const { google } = require(‘googl

Node.jsでルーティングを行う方法と、やってはいけないこと

##ルーティング
ルーティングとは：アクセスするパスに応じて、表示する内容や行う処理を変えること

##Node.jsでのルーティングの記述方法
・Node.jsアプリのファイル構成

“`
├──app.js //アプリのメインのバックエンド処理
├── public //UI（css,クライアントサイドのjavascript）を記述
│   └── css
│   └── style.css
├── routes //ルーティング処理を記述
│   └── index.js
└── views　　//特定のパスにアクセスした時に引き渡すファイル。テンプレートエンジンを用いて記述
├── home.ejs
├── index.ejs
├── login.ejs
└── register.ejs
“`

・app.js

“`javascript
‘use strict’
//共通変数
const path = require(‘path’);
const morgan = require(‘morgan’);　//ターミ

Alibaba Cloud API Gateway を使ってみる

今回は、API Gatewayを使ってみます。API Gatewayのバックエンドには、Function Computeを使ってみます。

# Function ComputeでバックエンドAPIの作成
API Gatewayのトリガーを利用するには、テンプレートを使用するのが便利です。


Javascriptで学ぶHTTP通信

# はじめに

本記事では、Webアプリを作るための基礎知識を習得することを目的とした学習記事です。主に、

* windows上でExcelVBA等、プログラミングの基礎知識は持っているものの
* Linuxなどサーバは全く扱ったことがなくバックエンドサーバが全くのブラックボックスで
* Webブラウザの挙動がよくわからず、何を使ってどこをどう見れば理解していることになるのか不安

という人を対象にしています。

まず、Webサーバを実装してHTTP通信の実体を確認していきます。

—

# 開発環境の構築

　Windows PCにWebサーバを導入します。Webサーバを作るので処理系をインストール。

## nodejs

nodejsはJavascriptの処理系です。

* [nodejs公式](https://nodejs.org/ja/)からwindows用のパッケージをダウンロード
* 展開して実行
* コマンドプロンプトを開いてnodeと入力
* 終了は.exit

—

## Visual Studio Code(VSCode)

　VSCodeは

Rails 6+Webpacker で Yarn, Node.js 環境をHerokuでもMacでも同じにする

Rails 6+Webpacker開発環境をJS強者ががっつりセットアップしてみた（翻訳）

Rails 6+Webpacker開発環境をJS強者ががっつりセットアップしてみた（翻訳）

のなかの「再現可能な環境: Node.jsとYarn編」。

### .nvmrc
nvmを使用してNode.jsのversionを管理する

### .yarnrc
“`bash
$ yarn policies set-version 1.22.4
“`

### package.json
“`js
},
“engines”: {
“node”: “13.13.0”,
“yarn”: “1.22.4”
}
}
“`

## 依存関係の自動Update
> JavaScriptやRubyの依存関係の自動アップデートについては、Renovateを一度チェックしてみることをおすすめします。

### Renovate
GitHub に無料で追加できた

Node.jsのEventEmitterについていろいろ

Node.jsのEventEmitterについて書いていきます。

## EventEmitterとは
Node.jsにおいて独自のイベントを作成したいときに使われます。

EventEmitterの基本的な使い方は、`on`や`once`メソッドなどを使って、イベント名を登録して、リスナーに登録したイベントが呼び出されたときに実行する処理を書いていきます。ここでいうイベントの呼び出しとは、`emit`メソッドでイベント名を指定して登録したイベントを呼び出します。

`’start’`イベントと`’end’`イベントを実装した簡単な例をやってみたいと思います：

“`:js
const { EventEmitter } = require(“events”);
const eventEmitter = new EventEmitter();

eventEmitter.on(‘start’, () => {
console.log(‘start event!’);
});

// This method don’t run.
eventEmitter.on(‘end’, () =

Node.jsで複数の画像をWebPに一度に変換する

既存の画像(jpgやpng)をディレクトリを分けつつコマンドで一度にWebPに変換するスクリプトを書きました。
WebPについての説明はここでは割愛します。
[公式アナウンス](https://developers.google.com/speed/webp)

## 環境

* MacOS
* Node.jsのバージョン・・・12.8.1
* npmのバージョン・・・6.10.2

### 前提

以下をインストール済みであることを前提としています。

* Node.js
* npm(又はyarn)

## ディレクトリ構造

“`
├── node-extensions
│   └── sharp.js ← 実行するスクリプトファイル。
├── package.json
├── src
│   └── images
│   ├── original ← 元の画像を入れるディレクトリ。
│   └── webp ← 変換後の画像を入れるディレクトリ。
“`

## パッケージのインストール・スクリプトの実行

### 必要なもの

* [sharp(0.25

LINE Bot開発 簡単な会話ができるようになるまで(前編)

# 概要
LINE Botを開発する方法を記載しています。今回は簡単な会話botを作成します。BotはNode.jsで作ります。

# 必要なスキルと環境
・Node.js/Javascriptの基本的な知識
・Githubを使ったことがある

#開発の流れ
+ LINE DevelopersでLINEアカウント(以下チャンネル)を作成
+ Bot本体のプログラムを開発し、デプロイ
+ Bot本体のプログラムをカスタマイズしてデプロイするという作業を繰り返してBotを拡張していく。

#開発
まずは、送信したメッセージをおうむ返ししてくれるBotを作ります。
##1.Channelを作成する
LINE Bot用のチャンネル（LINEアカウント)を作成します。無料で作成できます。
[作成方法はこちらを参考にしてください]
(https://developers.line.biz/ja/docs/messaging-api/getting-started/#%E3%83%81%E3%83%A3%E3%83%8D%E3%83%AB%E3%81%AE%E4%BD%9C

Tensorflow.jsをNodejsで高速化しようとしたが、旧型CPUでは、WebGLの方が高速だった話

Tensorflowjsで2000年からの株価を元に、新値３本値のAI予測をブラウザで行っていたが、Nodejsで高速化できないかトライしてみた。CPUは激古のi5-650。

作業手順は、こちら参照。
https://randomwalkjapan.blogspot.com/2020/06/nodejstensorflow-how-to-setup.html

プログラムはこちら。
https://github.com/tanakayutaka/Tensorflow.js-tools-/blob/master/Nodejs%20Tensorflow%20BM%20test

結論は、

NodejsでNodeジェネリックでないTensorflow処理　６分
NodejsでNodeジェネリックなTensorflow処理　CPUが古すぎて動作せず

ChromeでハードウエアアクセラレーションON　４分 <== 最速 ChromeでハードウエアアクセラレーションOFF　１２分 ということで、最近のCPUを持っていない限り、Tensorflowをジェネリックで走らせることはできず、ただ

Node – Error: unable to verify the first certificate

Using https or wss to create a client connection. And it will create failed.

“`
Error: unable to verify the first certificate
“`

Added the below code to disable the SSL check.

“`
process.env[‘NODE_TLS_REJECT_UNAUTHORIZED’] = 0;
“`

https://blog.darkthread.net/blog/npm-unable-get-local-issuer-cert-issue/
https://medium.com/nodejs-tips/ssl-certificate-explained-fc86f8aa43d4

Windows 10 + nodejs + selenium-webdriver + geckodriver で headless firefox を試してみる

#目的
Firefoxをnodejs + selenium-webdriver + geckodriverからキックしてみる

##SeleniumBasicのインストール
※環境変数の文字数制限により、同居(笑)
[Seleniumbasic](https://florentbr.github.io/SeleniumBasic/)の Release page より SeleniumBasic-2.0.9.0.exe をDLする
exeを実行すると、C:\Users\user_name\AppData\Local\SeleniumBasic にインストールされる
ソースコードのプロジェクトをVS2019で開くと .NET Framework 3.5 を指定しているので
Windowsの設定 -> アプリ -> オプション機能 -> Windowsのその他の機能 -> .NET Framework 3.5 が有効であることを確認する

##selenium-webdriverのインストール
※v4なのは、Edgeと比較するため(かもしれない)

> npm install -

mongoDB Atlas+mongooseでWebアプリをどうやって始めるんや？

## 1. Atlasにclusterを作成する
まずは登録やん。

### 1.1 Add New User
Securityの中にある"Database Access" 項目に行くと、Add New Database Userがあるからそこに行くやん。


### 1.2 whitelistの設定
ADD IP ADDRESSでWhitelist Entryを設定するやん。とりあえず、これは"ALLOW ACCESS FROM ANYWHERE"を押しとこ。

![71701.jpg](https:/

ループ中に配列をいじってみたらforEachの挙動が変だった。

配列を取り出してループさせるのにfor-of やforEachってあるじゃないですか。
ループ中に配列をいじったらどうなるんだろうと思ったのでやってみました。

結論から言うと、forEachの挙動が直観に反していて面白かったです。

# 実験環境
- Node.js 12.18.0
- Windows 10

# 実験1. ループ中に配列を短くして見よう。
下記のようなtest_for,test_forof,test_foreachという関数をつくって実験します。
読めばわかりますが、各ループの中で、配列の先頭をshift()で酉だし、毎回短くしていきます。

```javascript
test_for([0, 1, 2, 3, 4, 5, 6]);
test_forof([0, 1, 2, 3, 4, 5, 6]);
test_foreach([0, 1, 2, 3, 4, 5, 6]);
function test_for(a) {
let p = 0;
for (let i = 0; i < a.length; i++) { let v = a

Node.js 10,12,14のためのTypeScriptコンパイラ設定(targetとlib)

本稿では、Node.jsのバージョンに合ったTypeScriptのコンパイル設定(tsconfig.json)を紹介します。

サーバサイドアプリケーションやCLIアプリケーションをTypeScriptで開発する場合、実行環境としてNode.jsのバージョンを気にすることになります。本稿は、狙ったNode.jsのバージョンに合ったコンパイル設定はどうしたらいいかについて説明するものです。

# Node.js 10

```tsconfig.json
{
"compilerOptions": {
"target": "es2018",
"lib": ["es2018"]
}
}
```

Node.js 10は、ES2018の構文とライブラリの両方を100%サポートしているので、`target`も`lib`も`es2018`にする。

# Node.js 12

## Node.js 12.9未満の場合

```tsconfig.json
{
"compilerOptions": {
"target": "es2019",
"lib": [

AWS LambdaでFFmpegを使って動画からサムネイルを作成する

S3にアップロードしたMP4からサムネイルを作成する方法を雑にまとめました。

## 手順

### 1. FFmpegをダウンロード
MP4からサムネイルを取得してくれるライブラリを取得する。
コイツが何者かの詳細は調べてみてください。

[公式](https://johnvansickle.com/ffmpeg/)から `ffmpeg-git-amd64-static.tar.xz`（2020年6月時点で最新）をダウンロードする。
ダウンロードしたzipファイルにはいろいろはいっているが、今回は`ffmpeg`という名前のバイナリファイルだけ使う

### 2. Lambdaのコードを書く
適当にLambda用のディレクトリを作る。
そのディレクトリの中で、先程ダウンロードしたFFmpegのzipを解いて、中にある`ffmpeg`という名前のバイナリファイルを以下の改装に配置する。
お次にindex.jsにLambdaで実行したい処理を書く（以下）
*エラーハンドリングとかはしてないので、いい感じに改良して下さい。

```
.
├── bin
│   └── ffmpeg
└──