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

[Cloud Functions] Node.jsのバージョンを10にしたら「TypeError: Cannot read property ‘charCodeAt’ of undefined」ってエラーが出た

## 発生した問題
FirestoreのバックアップをCloudFunctionsで行っていたのだが、
Node.js 8 ランタイムが非推奨になり10にアップデートしないといけなかったので変更したら
変更後に以下のエラーが発生するようになった。

“`
TypeError: Cannot read property ‘charCodeAt’ of undefined
at peg$parsetemplate (/workspace/node_modules/google-gax/build/src/pathTemplateParser.js:320:17)
at Object.peg$parse [as parse] (/workspace/node_modules/google-gax/build/src/pathTemplateParser.js:649:18)
at new PathTemplate (/workspace/node_modules/google-gax/build/src/pathTemplate.js:32:54)
at s

Node (Express + TypeScript) を Docker Image で起動するときの Tips

## 対応実施前

– express + typescript の hello world アプリを用意し、official の node image を利用した場合の image サイズ

“`
REPOSITORY TAG IMAGE ID CREATED SIZE
test-node-app-before latest 620fd8e74f42 3 seconds ago 1.32GB
“`

– package.json

“`
“scripts”: {
“start”: “cross-env NODE_ENV=production ts-node –transpile-only src/server.ts”,
“`

– Dockerfile
– ts-node にて起動
– official の node image を利用

“`
FROM node:12

nodejs SSLサーバ構築 チートシート

説明はこちら
[nodejs サーバ構築 チートシート](https://qiita.com/ctrlzr/items/94b944d34f2c7db315c9)

# node SSLサーバ チートシート

### 構成

├ server.js
├ package.json # [nodejs サーバ構築 チートシート](https://qiita.com/ctrlzr/items/94b944d34f2c7db315c9) と同じ
├ download.txt # ダウンロード用ファイル。中身はなんでもok
└ cert
　├ server.cnf
　├ server.crt
　└ server.key

“`javascript:server.js
‘use strict’;
var log4js = require(‘log4js’);
var logger = log4js.getLogger(‘test’);
log4js.configure({ appenders: { default: { type: “console”, layout: { type: “b

アリババクラウドが提供するサービスを利用したNode.jsアプリケーションの展開

このチュートリアルでは、**Alibaba Cloud**が提供するサービスを利用して、本番環境に対応した**Node.js**アプリケーションのセットアップを取り上げます。

*本ブログは英語版からの翻訳です。オリジナルは[こちら](https://www.alibabacloud.com/blog/deploying-node-js-apps-for-production-on-alibaba-cloud_594639)からご確認いただけます。一部機械翻訳を使用しております。翻訳の間違いがありましたら、ご指摘いただけると幸いです。*

#序章
Node.jsは、高性能で高速なサーバーサイドアプリケーションを構築するために使用されるJavascriptのランタイム環境です。Node.js サーバーサイドアプリケーションは、間違った方法でデプロイされた場合、本当に遅くなり、トラフィックの増加をサポートできなくなる可能性があります。

このチュートリアルでは、アリババクラウドサービスが提供する素晴らしいサービスを使用して、本番環境に対応したNode.jsアプリケーションを設定する方法を説

nodejs サーバ構築 チートシート

# node サーバとは
nodejsだけで構築できるので、とにかく早い
他のPCからもアクセスできる
※ポート開放をお忘れなく（EC2の場合はセキュリティグループ） σ(ﾟ∀ﾟ )ｵﾚ

# 背景
他ベンダーの開発が遅れて、いつまでたっても接続テストが始まらないー
モック作るの面倒くさいー
、、と思ったら ~~オー人事オー人事~~ nodeサーバ

# node サーバ (http) チートシート

### 構成

├ server.js
├ package.json
└ download.txt # ダウンロード用ファイル。中身はなんでもok

“`javascript:server.js
‘use strict’;
var log4js = require(‘log4js’);
var logger = log4js.getLogger(‘test’);
log4js.configure({ appenders: { default: { type: “console”, layout: { type: “basic” } } }, categories: { default

[Windows][Docker] nodeコンテナでnpm installが動かず地獄を見た

どおおおおもおおおお:innocent:
受諾案件で掲題のことをして地獄を見ましたyagrushです:anger:

引き継いだのは、nodeにgulpやらbabelやらonsen-uiやら大量にインポートしたサーバーアプリケーション。
これ、いままでvagrantで動いてたらしいんだけど、docker化せねばならない。
しかもマルチOS（Windows, Mac, Linux）で。

# 現状

* ルートディレクトリに package.json は残っていました。
* /node_modules はありませんでした。
（そもそも、違う環境の /node_modules は（環境依存モジュールが有る可能性があるので）流用する気はないですけれども）

# package.json をたよりに npm install してみんとす

* Mac … 奇跡的に動いた。
* Linux … 奇跡的に動いた。

* Windows … :anger::anger::anger::anger::anger:

“`
npm ERR! code ENOENT
npm E

Stripeでchargesの後にtransfersする方法 | Node.js

## やりたいこと(重要)

・プラットフォームのサービスを作っている
・購入者が決済 => プラットフォームへお金が振り込まれる
・最終的に、出品者(子アカウント)へお金を送金したい

## 方法

これで、フロントで決済したクレカが、プラットフォームへチャージ（決済）されます

“`js
stripe.charges.create(
{
amount: 1000,
currency: ‘jpy’,
source: “tok_bypassPending”, //チャージ後即座に送金可能にする。本当ならカードのtok情報
description: ‘支払い’,
transfer_group: “ORDER1”, //最終的にこの値を使って出品者(子アカウント)へお金を送金する
},
function(err, charge) {
console.log(“エラー”);
console.

【感想】Vue.js & FirebaseでTwitterライクなSNSアプリを作ろう

## はじめに

– 今回、私が学習に使用した教材はこちらです。教材提供サイトはこちら[Techpit](https://www.techpit.jp/)です。

– [Vue.js & FirebaseでTwitterライクなSNSアプリを作ろう](https://www.techpit.jp/p/vue-js-firebase-twitter-like)

※有料です。

## 開発環境

– Vue.js

– Node.js

– Firebase

## 今回作ったもの
– Twitterのようにユーザーが投稿できるSNSのようなものを実装しました。

– 教材の通りにデプロイまで完了しています。

## 感想
– Googleアカウントでのサインイン
– 投稿の新規作成、リスト表示、更新、削除です。

上記の2点が機能として今回この教材で

FirebaseからGoogleSpreadSheetに書き込みをし、その更新をメール通知する

#はじめに
当記事は、FirebaseのCloudFunctionからGoogleSpreadSheetにFirestoreへ新規追加されたデータ内容の書き込みをし、その更新をメール通知する実装についての備忘録です。

CloudFunctionの導入は省略しますが、宜しければ[こちら](https://qiita.com/shotashimura/items/32f71b41ac78745fb82d)を参考にしてください。

##FirebaseからGoogeleSpreadSheetに書き込みを行う

大まかな手順
・FIrebaseの設定
・GoogeleSpreadSheet APIの取得
・CloudFunctionの実行

###FIrebaseの設定
FirebaseからGoogleSpreadSheetに書き込みを許可するために、
幾つかデフォルトの設定から変更をする必要があります。

①Firebaseコンソールから「プロジェクトの設定」（歯車のボタン）をクリック

②「サービスアカウント」のタブをクリック

③その他のサービスアカウントの項にある、Googleサービ

SemanticSegmentationを行うnpmパッケージを作ったので使い方を説明してみる

### はじめに
先日、大きな画像を分割してsemantic segmentationを行うnpm パッケージを作成したので、使い方の説明を兼ねてデモの作り方を説明してみます。

このパッケージは、スマホなどの性能の限られたデバイス上で精度と応答速度のトレードオフを調整しながらSemanticSegmentationするためのものです。
今回のデモとしては、このようなものを作ります。バーコードを検出してセグメンテーションを行います。


前回のnpmパッケージを作成した際の投稿はこちらです。
https://qiita.com/wok/items/a64

HTMLのタイトルを取得する [Node.js, シェルスクリプト]

httpリクエストでHTMLのページを取得して正規表現でタイトルを引っ張り出します。Node.jsを使う方法とシェルスクリプト(Bash)を使う方法で出来たので書き残しておきます。

ちなみに、Node.jsもシェルスクリプトも初心者です。

環境
Mac OS 10.14.6

## Node.js

[Node.js](https://nodejs.org/ja/)からダウンロードします。

“`
$ node -v
v12.18.1
“`

### requestモジュール

Node.js標準でもHTTPリクエストできるそうですがrequestモジュールを使うと楽、らしい。[](https://www.npmjs.com/package/request)

“`
$ npm install request
“`

これはできるだけ上位のディレクトリでやったほうがいい。インストールしたところ以下で`request`が使えるがそれより上のディレクトリでは使えない。（個人的な実験の結果）（[npmについてのまとめ – Qiita](https://qiita.com/riho

AWS Lambda Nodejsのバージョンが8から12に強制アップデートされたら Error: Cannot find module ‘jmespath’ と出る問題

# 要約
AWS Lambdaで利用するnodejsのバージョンが nodejs8 -> nodejs10以降のアップデートすると aws-sdkが組みこまれるようになるため
node_modulesにaws-sdkを含んでいるとエラーになるので、取り除く必要がある

# 本文

nodejs8で書かれたAWS Lambdaスクリプトは非推奨となりました。
AWS Lambdaのnodejs10やnodejs12環境で同じスクリプトを実行すると、以下のようなエラーメッセージが表示される。

“`
{“errorType”:”Runtime.ImportModuleError”,”errorMessage”:”Error: Cannot find module ‘jmespath'”,”stack”:[“Runtime.ImportModuleError: Error: Cannot find module ‘jmespath'”,” at _loadUserApp (/var/runtime/UserFunction.js:100:13)”,” at Object.mod

【JWT（JSON Web Token）】Node.jsで実際に使ってみた（公開鍵・秘密鍵方式）

# はじめに

以前、JWTをNode.jsで使ってみる記事（[コチラ](https://qiita.com/sa9ra4ma/items/67edf18067eb64a0bf40)）を書きましたが、これは共通鍵暗号化方式を使用したものでした。
今回は公開鍵・秘密鍵暗号化方式を使用した場合のサンプルを作成したので、紹介したいと思います。

JWTとは何かをまだ理解していない方は以下の記事から読んでみてください。

– [【JWT（JSON Web Token）】Node.jsで実際に使ってみた](https://qiita.com/sa9ra4ma/items/67edf18067eb64a0bf40)

# 実際に使ってみた
JWTの説明は以前まとめたので、いきなり使ってみようと思います。

# ソースの説明

ソース全部貼っておきます。

“`javascript
// ➀
const express = require(“express”);
const jwt = require(“jsonwebtoken”);

const PORT = 3000;

const app

async/awaitを使った非同期処理

##async/awaitとは
Promiseをベースにした非同期のコードを簡単に処理するメソッド

##asyncを使った時、使わない時
asyncを使うと、返り値をPromiseを使って表示させることになる。

・asyncを使わない時

“`javascript
const doWork = () => { }
console.log(doWork())
“`
↓
「undefined」が返ってくる
（まだdoWork関数は何も定義されていないため）

・asyncを使った時

“`javascript
//asyncを用いて実装
const doWork = async() => {}
console.log(doWork())
“`
↓
「Promise{undefined}」が返ってくる

★asyncは常にPromiseを返す！！！

asyncを使うメリット

→「.then()」「.catch()」を用いて、成功時、失敗時の次の処理を記述することができる。

“`javascript
const doWork = async

webworkerを含むnpmパッケージの作り方（仮）

### はじめに
先日、Virtual背景のnpmパッケージを作成しました。これは自分史上初めてのnpmパッケージ作成でした。
今度は、以前作成したマルチバーコードリーダのバーコード検出部位(SemanticSegmentation)をパッケージ化してみることにします。

このバーコード検出部位はwebworkerを用いて作っていたのですが、いろいろ検索してもwebworkerを用いたパッケージの作成方法がわからない。試行錯誤で作ってとりあえず動くところまで行ったので、その内容を備忘録も兼ねて記載します。
なお、試行錯誤の末動かしたので、正式なやり方になっているかは結構不安です。もし変なところがあれば是非ともご指摘のほどお願いします。

なお、今回パッケージ化するものは、大きな画像を分割してセマンティックセグメンテーションを行うもので、分割数をパラメータ化することで、精度と速度のトレードオフを可能にするものです。スマホなどの性能が限定されているデバイス上で使うと効果的かなと考えています。

挙動はこんな感じです。画面を分割するとSegmentationの精度が上がるが、速度が下がるとい

sequelizeを利用したコードのtypescript化

# 背景

今回は、前回書いたsequelizeのコードのtypescript化を試してみます。
https://qiita.com/yusuke-ka/items/448843020c0406363ba5#sequelize%E3%81%A7%E5%AE%9F%E8%A3%85

上記で作成したプロジェクト「sequelize」を直接変更してtypescriptのコードにしてみようと思います。

# typescriptへの変更

typescriptおよびexpressの型とts-node(typescriptのコードを直接実行できる)をインストール。

“`
> yarn add -D typescript @types/node @types/express ts-node
“`

package.jsonにscriptを追加してtsc(typescript)とts-nodeが簡単に実行できるようにしておく。

“`package.json
…
“scripts”: {
“sequelize”: “sequelize”,
“tsc”: “tsc”,
“d

Node.js を動かす Dockerfile のサンプル

## 概要

– Node.js アプリケーションのシンプルなサンプルを作成する
– Node.js を動かす Dockerfile を作成する
– Dockerfile から Docker イメージを作成する
– Docker イメージから Docker コンテナを作成する
– Docker コンテナを起動する

## 今回の環境

– macOS Catalina
– Docker Desktop Community 2.3.0.3
– Node.js v14.4.0

docker コマンドは Docker Desktop に付属のものを使う。

“`
$ docker –version
Docker version 19.03.8, build afacb8b

$ which docker
/usr/local/bin/docker

$ ls -l /usr/local/bin/docker
lrwxr-xr-x 1 root admin 54 5 24 23:06 /usr/local/bin/docker -> /Applications/Docker.a

【Node.js v11】ディレクトリ内のファイルパスを再帰的に取得するワンライナー

ディレクトリ内全てのファイル一覧を取得するというありふれた処理ですがたまたまワンライナーを思いついたのでメモ代わりに紹介します
同期メソッドなので使いどころには注意してください

## JavaScript

“`javascript
const fs = require(‘fs’)

const listFiles = (dir) =>
fs.readdirSync(dir, { withFileTypes: true }).flatMap(dirent =>
dirent.isFile() ? [`${dir}/${dirent.name}`] : listFiles(`${dir}/${dirent.name}`)
)

console.log(listFiles(‘hoge/fuga’))
“`

fs.readdirに `withFileTypes: true` オプションが追加されてたんですね、最近知りました
https://nodejs.org/api/fs.html#fs_fs_readdirsync_path_options

`${dir}/${

virtual背景のロジックのnpmパッケージを使ってデモを作成する話

### はじめに
先日、自分史上初めてnpmのパッケージを作成したので、これを使ったデモの作り方を説明しようと思います。

前回の記事です。
https://qiita.com/wok/items/9025059893a406f4307f

こんな感じのものを作ります。

なお、今回のパッケージバージョンは1.0.19を想定しています。

### 前準備
今回はReactでデモを作成します。
まずは環境構築をしましょう

“`
create-react-app demo –typescript
“`
### パッケージをインストール
それではvirtual背景のパッケージをインストールします。

“`
npm install local-video-effector
npm install
“`

### 背景画像の準備
virtua

Deno と Node.js 共通ソースコードで開発する方法

# 概要

それなりにわかる人向けの記事なので各種説明を細かくは書きません。わからない用語は調べてください。

Deno がリリースされていますね。モジュールシステムが Node.js と異なっているためにコード互換性がなくて問題になっている方もおられると思います。

そういう方向けの記事です。

Node.js は CommonJS が標準です。
Deno は ESModules のみ対応です。

CommonJS は「読み込み：require」「書き込み：module.exports」
ESModules は「読み込み：import」「書き込み：exports default等」という構文になります。

Node.js でも package.json に type: module とすると ESModules に対応しますが、そうするとプロジェクト内コードで、Babel や Webpack などの Node.js のエコシステム的なものが(たぶん)使えないので、今回は Node.js は ESModules に対応しません。拡張子 .mjs にして node –experimen