Node.js関連のことを調べてみた2021年09月14日

Node.js+Express+TypeScriptでWeb API作成

# はじめに

Node.js + Express + TypeScript を使用して Web API を作成する。Express を扱うのは始めてのため、[公式サイト](https://expressjs.com/)を参考に進める。実行環境は以下。

– Node.js: 14.17.6
– npm: 6.14.15
– Express: 4.17.1
– TypeScript: 4.4.3

# TypeScript 環境の作成

まず TypeScript 環境を作成する。

“`bash
$ npm init -y
$ npm install -D typescript @types/node ts-node
$ npx tsc –init
“`

# Express のインストール

つづいて Express とその型定義をインストールする。

“`bash
$ npm install express
$ npm install -D @types/express
“`

# Hello World Example

以下コードで簡単な実行を試すことができる。

【Laravel】npmコマンドでエラーが出る方へ

Laravelにてnpmコマンド実行時、エラーが出た時にハマったためメモ。
（4時間格闘しました…）

【結論】

再度Laravelのプロジェクトを作り直したところ、npmコマンドがLaravelプロジェクト内で使用可能になった。

ハマった時の状況

composer create-projectで新規プロジェクト作成
↓
laravelプロジェクト内でnpmコマンドが使えない
↓
node.jsのインストール
↓
Ｃ：直下ではnpmコマンドが使用可能。Laravelプロジェクト内ではnpmコマンドが使えない。
nodeとnpmのバージョンも同一。
↓
プロジェクトを作り直したところ、npmコマンドがLaravelプロジェクト内で使用可能になった。

まとめ

途中でnode.jsをインストールしたため、Laravelでは使用不可の状態になっていた…？
詳しいところまで説明できずにすみません…。

分かる方、ぜひ教えてくださいませm(__)m

初歩的なことですけど、ハマる方が一人でも減れば…

ウマ娘で初めてランクAがでたのでLINEボットにスクリーンショットを投稿してみた

タイトルの通りですが、複数の処理を連携させていまして、結局やってることは、
①ウマ娘プリティーダービーで、ウマ娘のプロファイルを画面キャプチャし、それをLINEメッセージとして投稿
②取得した画像から、Google Cloud Vision APIでOCR（文字認識）して、ステータス値を判別
③ステータス値をLINEメッセージのレスポンスとして返す

大事なのは②です。すなわち、以下の2つです。
・LINEメッセージから画像ファイルを取得
・Google Cloud Vision APIで文字認識

ソースコードもろもろは以下に上げておきます。

poruruba/CloudVision_Test

https://github.com/poruruba/CloudVision_Test

#LINEメッセージから画像ファイルを取得

以下の部分です。

“`js:api/controllers/tsundete/index.js
const { streamToBuffer } = require(‘@jorgeferrero/stream-to-buffer’);

【Vue.js with TypeScript】propsでObjectを渡すときの型の指定方法

## 概要
propsで親componentから子componentにObjectを渡すときの型を、interfaceで指定する方法。

## 方法
`type: Object as () => SampleType,` のようにinterfaceを返すメソッドを指定する。

## 実装例

“`vue