人間コーヒー

Thumbnail of post image 168

繰り返し飲みたくなった時に再現性を確保するためのメモです。

特徴淹れ方

ホットコーヒー。
ペーパードリップ。
電動ミル 12秒。
コーヒーメーカーの水 +5%。

電動ミル

人間コーヒー

Thumbnail of post image 003

繰り返し飲みたくなった時に再現性を確保するためのメモです。

特徴香り5甘み4酸味4苦味1コク2生豆本舗 さんより引用淹れ方

ホットコーヒー。
ペーパードリップ。
電動ミル 12秒。
コーヒーメーカーの ...

技術Node.jsOpenCVReact

Thumbnail of post image 080
準備

React で OpenCV.js を使えるようにしておきます。

2値化する簡単なしきい値処理

使うものはこちら。

簡単なしきい値処理では、しきい値を決めての2値化ができますが、画像処理では画像に合わせて 自 ...

技術Node.jsOpenCVReact

Thumbnail of post image 158
準備

React で OpenCV.js を使えるようにしておきます。

グレースケールにする

使うものはこちら。

cv.cvtColor(srcMat, dstMat, cv.COLOR_RGBA2GRAY, 0);

技術Node.jsOpenCVReact

Thumbnail of post image 055
準備

OpenCV.js を使っていきます。

OpenCV.js のインストールopencv.js をダウンロード

いつもの npm ではなく、ダウンロードして使います。

opencv.js を配置

public フ ...

技術Node.jsReact

Thumbnail of post image 174
準備

react-dropzone を使っていきます。

react-dropzone のインストールnpm install react-dropzoneドラッグ&ドロップでファイルを表示する

今回は複数ファイル(3つま ...

技術CameraNode.jsReact

Thumbnail of post image 179

前回は img タグに表示してみました。今回は canvas タグに表示してみます。
img タグと比べると、少し工夫が必要になります。

準備

React Webcam のインストールなどはこちら。

カメラ映像 ...

技術CameraNode.jsReact

Thumbnail of post image 116
準備

React Webcam のインストールなどはこちら。

カメラ映像から画像を取得して表示する

写真を撮るようなイメージで、ボタンを押したときの映像を img タグ で表示してみます。
いつものように App.js ...

人間コーヒー

Thumbnail of post image 143

繰り返し飲みたくなった時に再現性を確保するためのメモです。

特徴淹れ方

ホットコーヒー。
ペーパードリップ。
電動ミル 8秒。
コーヒーメーカーの水 105%。

(2022/08/15 追 ...

技術AxiosNode.jsProxyReactWebpack

Thumbnail of post image 198
はじめに

Webサービスの開発で webpack-dev-server を使っていると、 CORS の問題が見つかることがあります。

回避の方法はいくつかありますが、今回は http-proxy-middleware を使う ...