HomeMadeGarbage Loading

Home Made Garbage

ホーム
電子工作
Raspberry Pi
IOT
音楽
webpack 設定まとめ

ローカル開発環境をWebpackで立ち上げてみました。 1.sassのコンパイルとwebpack-dev-server  webpackのインストール sassの設定、cssを別ファイルでの書き出し webpack-dev-server  https://homemadegarbage.com/webpack-memo 2. autoprefixer の追加 autoprefixerを追加しました LAN内で他のデバイスから確認可能にしました http...

Advent Calendar / Web 2019.12.16 お母ちゃん

Maixduino で温度、pHデータをUDP送信 ーエッジAI活用への道 10ー

素晴らしき金魚水槽システムの実現を目指し、 Sipeed Maixduino で金魚水槽の 温度、pH値 を取得してUDP送信し、それをブラウザ表示、データベース保存までを実施しております。また水草育成促進のためにLED照射も実施しています。 データのUDP送信のご報告が抜けておりましたので、ここでさせていただきます。     構成 Arduinoマイコンにセンサを接続してUARTでデータをMaixduinoに送信して搭載されたESP32のWiFiでUDP送信していま...

Advent Calendar / IoT 2019.12.15 お父ちゃん

長男くん はじめてのブログ

みてください         おわりに こんにちは。お父ちゃんです。 長男くんの生まれてはじめてのブログです。 スマートフォンをつかって一生懸命書いてくれました。 これからもたくさんブログ書いてね。...

Advent Calendar / 生活 2019.12.14 長男くん

M5StickCは創造の触媒である

M5Stack Advent Calendar 2019| 13日目 言わずと知れたM5StickCを購入させていただき、多くの刺激とクリエイティビティーをこの製品から得ることができました。 ここではM5StickCを用いて作ったものを紹介させていただきます。     M5StickC 先日M5StickCの回路図が公開されましたので少しのぞいてみましょう。 コアにESP32-PICOが搭載されWiFiやBLEの無線通信が可能です。 M...

Advent Calendar / 電子工作 2019.12.13 お父ちゃん

webpack メモ 4 : vue.js の追加とhttps化

vue.jsの追加 インストール [crayon-6291b4f118ced017380723/] ところで いつの間にか save dev の オプションは不要になっていたのですね。 npm install時に「--save」オプションはいらない - Qiita webpack.config.js に 設定追記 [crayon-6291b4f118cf1424269321/] https化 https: trueを追加するだけ [crayon-6291b4f118cf3285...

Web 2019.12.12 お母ちゃん

Processing で制御 ーロボットアーム自作への道3ー

さて前回は逆運動学によって、ロボットアームの座標からサーボの角度を算出して制御を楽しみました。 そうなるとコントローラでリアルタイムに動かしたくなるのがヒトというものです。 ここではProcessingを用いてマウスでのPC上のお絵描きを同時にロボットアームでもしてしまいます。       可動範囲拡張 前回よりもアームの可動範囲を拡張したく、3つ目のサーボの0°基準を変更しました($θ_3$)。 アーム$L_2$に対してアーム$L_3$が直角になる地...

Advent Calendar / ロボットアーム / 電子工作 2019.12.12 お父ちゃん

Node-REDでデータベース(MySQL)へ保存 ーエッジAI活用への道 9ー

前回Node-REDでUDPを受信出来たので今回はそれをデータベースに保存しました。 https://homemadegarbage.com/ai08 データベース作成 ラズパイ2に入れているphpMyAdminで 「kingyo」データベースと「suiso」テーブルを作成しました。 node-red-node-mysql 追加 インストール node-red-node-mysql (node) - Node-RED [crayon-6291b4f1190e853085803...

Advent Calendar / IoT / Raspberry Pi 2019.12.11 お母ちゃん

2019年 Node-RED利用履歴

Node-RED Advent Calendar 2019| 10日目 今年もNode-REDを堪能させていただきました。ノードを置いて線でつなげるだけで直感的にいろんな応用ができるので非常に助かっております。 2019年にNode-REDを用いて実施したことを紹介させていただきます。     バーサライタへUDP画像送信 自作のバーサライタ装置 に表示したい画像をUDP転送する際にNode-REDを利用しました。 node-red-dashboardのbut...

Advent Calendar / IoT 2019.12.10 お父ちゃん

逆運動学 で制御 ーロボットアーム自作への道2ー

さて今回は前回作ったロボットアームを本格的に動かしていきたいと思います。 以下の書籍で逆運動学なるものを知りましたので、その逆運動学でロボットアームを制御します。 ここではアームにペンをつけて文字を書かせてみます。     逆運動学とは 前回は各サーボモータの角度を指定して、ロボットアームの姿勢を制御していました。つまり各サーボの角度でアーム先端の座標(x, y, z)が決まります。これを順運動学(Forward Kinematics)といいます。 逆運動学(...

Advent Calendar / ロボットアーム / 電子工作 2019.12.9 お父ちゃん

M5stickC で腕時計 ~ G-showC ~

M5stickCで腕時計を作製いたしました。 RTCと加速度センサを組み合わせたM5stickCならではの時計ですのでご報告させてください。     概要 加速度センサを利用して、x軸の角度がhour、y軸の角度がminuteに一致したときのみ表示します。 まさに重力(Gravity )が時(Clock)を示す G-showC (ジーショック)なのです。 ちなみに私のM5StickCの慣性センサはSH200Qです。 動作 以下のように腕をうま...

Advent Calendar / 電子工作 2019.12.8 お父ちゃん

ロボットアームことはじめ ーロボットアーム自作への道1ー

やっぱりロボットが作りたい!ということで書籍を購入してみました。   以前もトライしたことあるのだけど、スキルと資金が足りなくて足しかできなかったのだ。 https://homemadegarbage.com/asi ここでは書籍を紐解きつつ新たな道を創設し、ロボットアームの自作を目指します。 思い通りにスムーズに動くアームを作りたいと思っています。 将来的にはアラレちゃんのような近眼のアンドロイドを作りたいです。     構成 学習に用いるロボットアー...

Advent Calendar / ロボットアーム / 電子工作 2019.12.7 お父ちゃん

2019年 スマスピ活用術

スマートスピーカー Advent Calendar 2019 |6日目 Amazon Echo Dotを購入して早1年半ほど。もはや我が家にはなくてはならない必需品となっております。 天気を訪ねたりタイマーをかけたりなどのオーソドックスな利用はもちろんのこと、自分たちのライフスタイルに合わせるべくカスタマイズも色々楽しみましたのでご報告させてください。     家電制御 WiFi搭載マイコンESP8266とAlexaを連携して、家電のボイスコントロールを実現させ...

Advent Calendar / IoT 2019.12.6 お父ちゃん

Node-RED で UDP受信 & ブラウザ表示 ーエッジAI活用への道 8ー

金魚水槽管理システム作成への道。 現在、お父ちゃんに温度とpHをUDPで飛ばして貰っているので、 それをグラフにするという役割を担いました。 #Maixduino 搭載の #ESP32 で水温とpHをUDP送信#maix #sipeed #エッジAI活用への道 pic.twitter.com/FnngXz3DaY — HomeMadeGarbage (@H0meMadeGarbage) November 13, 2019 https://homemadegarbage.co...

Advent Calendar / IoT 2019.12.5 お母ちゃん

webpack メモ3:babelの追加

babelの追加 IE11で確認したらエラーが出ていたのでbabelを追加 [crayon-6291b4f119aee346646254/] [crayon-6291b4f119af1515760816/] ちょっとここでIEエラーで苦労したのですが・・ swiper を読み込んでいる場合 exclude から、swiper を除外しないといけない・・ 【JS】スライダーのSwiperをwebpackで利用する場合 - 株式会社MIRAI webpack.config.js あと...

Web 2019.12.5 お母ちゃん

2019年 おうちハック事情

おうちハック Advent Calendar 2019 |4日目 今年も家族に対してゴミばかり作っているわけではないことを証明するべく、生活に役立つものを目指して色々と作りました。 実際に役に立っているかの検証は一生しないつもりですので、まずは今年やったことをご紹介したく宜しくお願い致します。       気圧センサの導入 今年も大変な災害の多い年でしたね。 台風の季節にはセンサで気圧をプロットしている方が数多くみられました。 我が家も気圧センサを導...

Advent Calendar / 電子工作 2019.12.4 お父ちゃん

ハエトリソウ捕食監視システム

Raspberry Pi Advent Calendar 2019 | 5日目長男くんがハエトリソウがハエを食べるところが見てみたいというので、ラズパイカメラで監視して捕食の瞬間を動画におさめるシステムを製作しました。また こういったIoTシステムで一番問題となる電源の確保をソーラ発電によるエコエネルギーで実施したく同時にシステムに導入しました。    システム概要システムはベランダに配置してラズパイカメラでハエトリソウを撮影しハエトリソウに虫を捕食するなどの動きがあるとその前後の動...

Advent Calendar / Raspberry Pi / ソーラー発電 / 電子工作 2019.12.3 お父ちゃん

2019年 Arduino IDEを用いて製作したもの

Arduino Advent Calendar 2019 | 2日目 もう12月。早すぎやしないか? 今年も色々工作を楽しんできましたが、Arduino IDEを使用して制作したものを振り返ってみたいと思います。 この振り返りが次へのモーティブ増進や脳内検閲の緩和に繋がることを期待して。       バーサライタ -POV ディスプレイ- 今年はバーサライタの制作に一番力を入れたかもしれません。LEDテープを高速で回転させて絵を残像で表示させます。 持ち運べて...

Advent Calendar / 電子工作 2019.12.2 お父ちゃん

WordPress で Advent Calendar を作ってみた

「ホームメイドガービッジもアドベントカレンダーをやりたい」というお父ちゃんの希望により、、 折角なので WordPress にプラグイン無しで、 ショートコードでアドベントカレンダーを表示出来る形で、実装してみました。 日にちを固定で出しているため結構無理くり感ありますが・・(^_^;)  このような表示になります↓ https://homemadegarbage.com/advent-calendar-2019 WordPress側 function.php [crayon-6...

Advent Calendar / Web 2019.12.1 お母ちゃん

webpack メモ2:autoprefixer追加と、LAN内で閲覧可能に

https://homemadegarbage.com/webpack-memo 先日作った設定ファイルに、下記を追加しました ・LAN内で外のPCから見たい ・autoprefixerを追加したい LAN内で外のPCから見たい 今まで使っていたgulpみたいに、 他のPCからIPアドレス( http:192.168.x.xx:300/) で確認出来なかったので調べた所IPアドレスを指定する必要がありそうでした。 webpack-dev-serverでモバイルからアクセス可能なロー...

Web 2019.11.27 お母ちゃん

ATmega32U4ボードでMIDIライブラリを堪能

以前、ATmega32U4はMIDIライブラリの使用でUSB-MIDI機器として認識されるという耳寄り情報を入手しました。 > ATMEGA32U4の機能で、USB-MIDI機器として認識します(重要) 知らなかった。。。 Moco for LUFAもUSBホストシールドもいらなくなるのか。。 https://t.co/w6JXdo5tqA — HomeMadeGarbage (@H0meMadeGarbage) August 8, 2019   これまではMo...

電子工作 2019.11.24 お父ちゃん