技術情報
p5jsでのBLEデバイスからのデータ受信タイミング
p5jsを使ったウェブアプリ上でBLEデバイスを接続して使用する際に、データを受信するタイミングが気になったので調べてみた。 概要 BLEで接続した入力デバイスを使ったウェブアプリを作成中 加速度センサの検出データを使っ …
MPU-6050のバイトオーダーの話
p5jsを使ったウェブアプリを作る中で、MPU-6050を使ったデバイスからのデータを処理している。 バイトオーダーで少し引っかかったので、情報を整理。 MPU-6050のバイトオーダー MPU-6050の加速度やジャイ …
デコピンのスピードを実際に計測してみる
デコピンのスピードを計測することを考えてみたので、実際にデバイスを試作して計測してみた。 計測デバイスの概要 フォトダイオードを使ったセンサを2つ配置 センサに入る光を指が遮ることで指の通過を検出することができる 赤外線 …
p5jsのcreateFileInputで文字を変更する方法
p5jsでローカルファイルを読み込みたい場合、createFileInputで作ったinput要素からファイル選択画面を呼び出す。 そのinput要素で、表示する文字を変えたりしようとするのがなかなか難しかった。 いろい …
デコピンのスピード計測
2025年9月22日 技術情報
くだらないことに真面目に取り組むというのが一つのテーマになっている。 その中で考えたのが、デコピンのスピード計測である。 デコピンのスピードとは一体どれくらいなのだろうか、トレーニングなどによってどれくらい向上するものな …
p5jsでカメラを使うときの解像度の設定
p5jsでカメラを使うアプリを使うにはcreateCaptureでカメラ映像を取得できる。 createCaptureではwidthとheightの値を指定することでカメラの解像度を設定することができるようになっているが …
p5.jsのタッチイベントとマウスイベントについて
p5.jsと、その後継のq5.jsにおいて、タッチやマウスに対するイベント発生の挙動が気になったので、テストアプリを作成して調べてみた。 https://muid7989.github.io/touch-mouse-te …
LEDデバイスのカラー設定アプリ
BLEで接続したLED照明のデバイスの色を設定できるアプリ https://rgb-led-control-20250527.glitch.me 操作方法 カラーチャートをタップして色を選択する スライドバーで明るさを決 …
JLCPCBの基板製造と実装サービス
概要 JLCPCBで基板を製造した 今回初めて実装も頼んでみた 思ったより高くなったが満足 製造した基板について STM32L4のピン数の多いパッケージ JLCPCBで持っている在庫がかなり割安だったため 必要なピン …
フォトダイオードを使った赤外線リモコンの信号検出
概要 家電などのリモコンから出力される赤外線を可視化したい フォトダイオードとアンプを使って検出する STM32のADCを使ってデジタル化し、ブラウザアプリで可視化する なぜリモコン受信モジュールを使わないのか 一般的な …
