メインカテゴリーを選択しなおす
![[React] React Table で テーブル内のファジー（あいまい）検索 をしてみる 心を無にして始める React](https://static.blogmura.com/image/no-image-07d9f35fd786d693ec0205a760f8cf63.webp)
[React] React Table で テーブル内のファジー（あいまい）検索 をしてみる 心を無にして始める React
準備 TanStack Table v8 で React Table を使うのはこちら (*'▽') バックエンドには、いつもの json-server を使います。 検索 イメ...
SQLのWHERE条件式で使う IN LIKE BETWEEN の使い方と違い
SQLでSELECT * FROM テーブル名でデータを抽出したあとにWHEREで条件を絞り込む際に使う「IN」「LIKE」「BETWEEN」の使い方の基本をご紹介します SQLの IN は 条件を複
40代プログラミング初心者がpythonが独学が続いている理由と読んだ本
友達がpythonでPCゲームのレベル上げツールを作っていたそれを聞いて、pythonって便利なのね。と思いその後色々あってプログラミングを勉強することにした プログラマー35歳までみたいな世の中で4
[React] React 18 から setInterval などの非同期処理で気をつけること
React 18 での変化点（の1つ） コンポーネントがアンマウントされたあとに状態が更新されても、警告が出なくなりました。 でなくなった警告はこれです。 Warning: Ca...
【Arduino】プルアップとプルダウン回路の違いと作り方、必要性も解説
電子工作初心者にもわかりやすい！Arduino(アルドゥイーノ)のプルアップとプルダウン回路の必要性と作り方について図解を用いてくわしく説明しています。スクラッチやArduino IDEプログラムでのプログラミング方法についても紹介しています。
[React] TanStack Table v8 を React で使ってみる 心を無にして始める React
TanStask Table v8 準備 インストール npm install @tanstack/react-table react-table イメージ Table.js を...
[React] Suspense(React 18 の新機能) を Axios と合わせてみる 心を無にして始める React
Suspense サスペンスにより、コンポーネントツリーの一部がまだ表示できない場合に、ロード中という状態を宣言的に記述できるようになります。 いままで state で isLo...
前回 「数値入力を促した際に、数字以外（文字列）が入力されてしまうとエラーが発生してしまう。」というところを紹介しました。このエラーを解消するための書き方を紹…
前回の記事でコンソール入力を紹介しましたので、今回は入力された数字を判定するプログラム作成を紹介したいと思います。（数字を判定する際にIf文を使用しますのでこ…
スクラッチプログラミング アナログ出力を使ってLEDの明るさを変える【Arduino:Lesson3】
小学生にも扱いやすいスクラッチを使ったプログラミング練習｢LESSON3：LEDの明るさを変える｣を紹介します。動画を用いたプログラミングの作り方説明もあります。Arduino IDE(アルドゥイーノ)を使ったプログラミングと併せて紹介しています。
React 18 の新機能をみたら、使いたくなったから今日から React 18 。 インストール 新しく npx create-react-app しましょう。React 18...
前回はコンソールに変数の値を出力して値の動きを確認しました。今回は、コンソール画面に入力した値（文字）を表示してみましょう。コンソール画面にて入力を促す命令は…
[React] Axios で複数の通信を待ち合わせてみる 心を無にして始める React
準備 Axios のインストールと使い方はこちら。 バックエンド 今回も json-server です。 使う json はこちら。 { "cats": [ { "id": 1,...
[React] Canvas で画像を拡大するとき、画像がぼけやるのを防ぐには
今回は React に限った話ではありませんが…、サンプルを React で書いています。HTMLやCSSを準備するよりReactで用意するほうがエコシステムがいろいろ揃えてくれ...
[React] OpenCV で画像の HITMISS(Hit or Miss) をしてみる 心を無にして始める React
この記事は、たぶん優先度が低いです。物体検出なら別の関数使いそうだし…、にわかには使いどころが、思いつかない (。´･ω･) 準備 React で OpenCV.js を使えるよ...
[React] OpenCV で画像のトップハット、ブラックハットをしてみる 心を無にして始める React
この記事は、たぶん優先度が低いです。にわかには使いどころが、思いつかない (。´･ω･) 準備 React で OpenCV.js を使えるようにしておきます。 今回も、形態を変...
[React] OpenCV で画像からエッジ抽出してみる 心を無にして始める React
準備 React で OpenCV.js を使えるようにしておきます。 今回も、形態を変化させるモルフォロジー処理を使っていきます。 OpenCVで定義されるタイプは、膨張、収縮...
[React] OpenCV で画像の簡単なノイズ除去をしてみる 心を無にして始める React
準備 React で OpenCV.js を使えるようにしておきます。 今回も、形態を変化させるモルフォロジー処理を使っていきます。 OpenCVで定義されるタイプは、膨張、収縮...
スクラッチ勉強本 Arduinoではじめる電子工作超入門(小学生におすすめ)
小学生やプログラミング初心者におすすめの、ブロックを組みあわせてプログラムを作成するスクラッチプログラミング学習本を紹介します。各章でどんな内容が学習できるのかをレビューしています。
[React] OpenCV で画像の膨張＆収縮をしてみる 心を無にして始める React
準備 React で OpenCV.js を使えるようにしておきます。 膨張や収縮は、形態を変化させるモルフォロジー処理の1つです。 OpenCVで定義されるタイプは、膨張、収縮...
[React] OpenCV で画像を2値化してみる 心を無にして始める React
準備 React で OpenCV.js を使えるようにしておきます。 2値化する 簡単なしきい値処理 使うものはこちら。 簡単なしきい値処理では、しきい値を決めての2値化ができ...
[React] OpenCV で画像をグレースケールにしてみる 心を無にして始める React
準備 React で OpenCV.js を使えるようにしておきます。 グレースケールにする 使うものはこちら。 cv.cvtColor(srcMat, dstMat, cv.C...
[React+OpenCV] JavaScript で 画像処理をはじめてみる＠準備回 心を無にして始める React
準備 OpenCV.js を使っていきます。 OpenCV.js のインストール opencv.js をダウンロード いつもの npm ではなく、ダウンロードして使います。 op...
前回はコンソール出力のWrite、WriteLineについて紹介しました。では、今回はコンソールに変数の値を表示してみましょう。Sub Main内をクリアにし…
それでは、新規作成したプロジェクトを用いて、プログラミングを紹介したいと思います。今回は前段階として、コンソール出力について紹介します。コンソールアプリケーシ…
[React] 画像ファイルをドラッグ＆ドロップで取得してみる 心を無にして始める React
準備 react-dropzone を使っていきます。 react-dropzone のインストール npm install react-dropzone ドラッグ&ドロ...
[React] React Webcam のカメラ映像を canvas に表示してみる
前回は img タグに表示してみました。今回は canvas タグに表示してみます。img タグと比べると、少し工夫が必要になります。 準備 React Webcam のインスト...
[React] React Webcam のカメラ映像をimgタグの画像に変換してみる
準備 React Webcam のインストールなどはこちら。 カメラ映像から画像を取得して表示する 写真を撮るようなイメージで、ボタンを押したときの映像を img タグ で表示し...
[React] React Webcam でカメラ映像を表示してみる 心を無にして始める React
準備 React Webcam を使っていきます。 React Webcam のインストール npm install react-webcam カメラを表示する PCが認識してい...
【VB.Net】【VisualStudio】プロジェクトの新規作成方法
今回から、本格的にVB.Netの言語を用いてアプリケーションを作成していきたいと思います。そのためには、プロジェクトを作成する必要があるため、その作成方法につ…
For文は、繰り返し処理と呼ばれていて、「変数の値から指定の値になるまで、処理を繰り返してほしい」ときに使用します。例題などについては、コンソールアプリケーシ…
[Webpack] webpack-dev-server で CORS を回避する方法 [setupProxy]
はじめに Webサービスの開発で webpack-dev-server を使っていると、 CORS の問題が見つかることがあります。 回避の方法はいくつかありますが、今回は ht...
今回はIf文（条件分岐）について紹介します。まず、If文の構文は以下となっています。 ① If 条件式 Then 条件式が成立する（Tru…
[React] Axios で CRUD してみる 心を無にして始める React
CRUD CRUDとは、ほとんど全てのコンピュータソフトウェアが持つ永続性の4つの基本機能のイニシャルを並べた用語。その4つとは、Create、Read、Update、Delet...
数値の大小比較について紹介したいと思います。大小比較とはその名の通り、数字を比較して大きさをみることです。（そのままの意味ですね）使用する演算子は以下です。 …
前回、論理演算の前段階として「論理値（True・False）」を紹介しました。では今回はこそ、論理演算について紹介していきますね。論理計算で使う演算子と意味は…
[Node.js] FileSaver でファイルを保存してみる 心を無にして始める React
準備 FileSaver を使っていきます。 FileSaver のインストール npm install file-saver ダウンロードする（URLなし） 画面に表示している...
前回は、算術演算について紹介しました。今回は論理演算について紹介したいと思います。…と思いましたが、その前に論理とは？っていうところを説明したいと思います。論…
[React] Axios で通信してみる 心を無にして始める React
準備 今回は JSON Server を通信相手にします。 他にバックエンドを用意できる人は飛ばして大丈夫です。 （抜粋）Get a full fake REST API wit...
データ型とは、変数を定義（変数宣言）するときに使用します。（わたしが使用している環境は「VB.Net」ですので、そちら向けの内容を書かせていただきますね。）例…
前回データ型の紹介をしました。ではなぜ、データ型を決めてあげないといけないのでしょうか？それは簡単で、コンピュータが識別できないからです。もっと詳しく言うと、…
前回はデータ型について詳しく紹介しました。その際、Dim x As Integer （xの変数宣言）x=10 と値を設定しました。変数宣言後、その変数に値を設…
前回は、水道料金を例に変数の初期化について紹介しました。引き続き水道料金を例に「定数」を紹介したいと思います。前回、以下のように例をあげました。Aプランの基本…
今回は、代入について紹介したいと思います。実は紹介するといっても、もうすでに今までの記事に何度も登場しておりました。 代入とは：変数に値を設定すること。書き方…
今回は、算術演算（計算系）について紹介します。算数や数学でも四則演算（たし算・ひき算・かけ算・わり算）は習いますよね。今回は、プログラミング的な演算について詳…
