技術Node.jsReactReact Bootstrap

Thumbnail of post image 056

React 18 の新機能をみたら、使いたくなったから今日から React 18 。

インストール

新しく npx create-react-app しましょう。
React 18 になります (/・ω・)/ ...

技術AxiosNode.jsReact

Thumbnail of post image 145
準備

Axios のインストールと使い方はこちら。

バックエンド

今回も json-server です。

使う json はこちら。

{ "cats": , "dogs": }複数の通信を待ち合わせるイメージ ...

技術Node.jsReact

Thumbnail of post image 067

今回は React に限った話ではありませんが…、サンプルを React で書いています。
HTMLやCSSを準備するよりReactで用意するほうがエコシステムがいろいろ揃えてくれて楽ちん (。´・ω・)

Canv ...

技術Node.jsOpenCVReact

Thumbnail of post image 010

この記事は、たぶん優先度が低いです。
物体検出なら別の関数使いそうだし…、にわかには使いどころが、思いつかない (。´・ω・)

準備

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

今回 ...

技術Node.jsOpenCVReact

Thumbnail of post image 183

この記事は、たぶん優先度が低いです。
にわかには使いどころが、思いつかない (。´・ω・)

準備

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

今回も、形態を変化させるモルフォロジー処 ...

技術Node.jsOpenCVReact

Thumbnail of post image 123
準備

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

今回も、形態を変化させるモルフォロジー処理を使っていきます。

OpenCVで定義されるタイプは、膨張、収縮、オープニング、クロージング、勾配 ...

技術Node.jsOpenCVReact

Thumbnail of post image 003
準備

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

今回も、形態を変化させるモルフォロジー処理を使っていきます。

OpenCVで定義されるタイプは、膨張、収縮、オープニング、クロージング、勾配 ...

技術Node.jsOpenCVReact

Thumbnail of post image 085
準備

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

膨張や収縮は、形態を変化させるモルフォロジー処理の1つです。

OpenCVで定義されるタイプは、膨張、収縮、オープニング、クロージング、勾配 ...

技術Node.jsOpenCVReact

Thumbnail of post image 005
準備

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

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

使うものはこちら。

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

技術Node.jsOpenCVReact

Thumbnail of post image 151
準備

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

グレースケールにする

使うものはこちら。

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