JS でデバイス判定して viewport 設定

スマホでは width=device-width  を指定し、それ以外ではwidth=1200（最低表示させたいサイズ）を指定 <script type="text/javascript"> if ((navigator.userAgent.indexOf('iPhone') >...

Web 2018.10.9　お母ちゃん

ハロウィン用 LED マスク『ヒトミちゃん』

お母ちゃんが今年はハロウィンの仮装で巷の子供たちを驚かしたいと言うので、恐ろしいマスクを目指して お父ちゃんが腕をふるいました。 ダイソーのハロウィングッズのホラーマスクを加工してLED付けてみました :twisted:  構成 テープLEDでひとつ目を構成し、マイクも取り付けて声でマスクの...

工作・ハンドメイド / 電子工作 2018.10.7　お父ちゃん

Amazon Echo と 安物 ESP8266 で スマートホーム　―壁スイッチ ON/OFF―

これまでガラクタを作っては壊してきたお父ちゃん しかし唯一ほぼ毎日使って家族にも喜ばれているものがあります。 それはAmazon Echoでの家電制御システムです。 https://homemadegarbage.com/espalexa01 https://homemadegarbage....

IoT / 電子工作 2018.10.6　お父ちゃん

“キング・オブ・ダークネス” EVIL の鎌を自作

もう10月。毎年思うけど一年早すぎる！ ハロウィンが目の前に迫ってきていますね。去年は家族大半体調不良で断念しましたが今年はみんなで仮装してトリック・オア・トリートの予定でいます！ 私 お父ちゃんの人生初の仮装は “キング・オブ・ダークネス” EVIL に決定いたしました！EVILといえば入場時...

工作・ハンドメイド / 電子工作 2018.10.5　お父ちゃん

“King of Darkness” EVIL’s Sickle

I made "King of Darkness" EVIL's Sickle in New Japan Pro Wrestling. I want to make such a kettle or to attach to the face.Do I have to harden the S...

電子工作 2018.10.5　お父ちゃん

"黑暗之王" 邪恶的疾病

我做了 "黑暗之王" ·邪恶的病在新日本职业摔跤。 我想做这样的水壶或贴在脸上。我必须把泡沫塑料变硬吗？#ハロウィン #njpw Pic.twitter.com/4Tbhm6vzRk -2018年9月1日, 垃圾 (@H0meMadeGarbage) 引用 下面的视频非常有帮助。...

電子工作 2018.10.5　お父ちゃん

HTML と CSS だけでラジオボタンの画像選択 & 選択状態

font-awesome で アイコン選択にしてみた。 See the Pen ラジオボタンの画像選択 & 選択状態をCSSだけで実装 by HomeMadeGarbage (@hmg) on CodePen. 切り替わるテキストは position: fixed; で指...

Web 2018.10.3　お母ちゃん

360° 連続回転サーボ と ジェスチャーセンサ で 首振りトンボちゃん

360°連続回転サーボとジェスチャーセンサで首振りトンボを作ってみましたので記載致します。 構成 ジェスチャーセンサで指の動きを検知して360度連続回転サーボの回転方向をマイコンで制御します。 部品 マイコン　Arduino UNO [amazonjs asin="B008G...

電子工作 2018.10.2　お父ちゃん

レスポンシブサイトのスマホ表示で左右に動いてしまうときの対処法

はみ出しているコンテンツは何もないのに右側に謎の余白が出来て左右に動いてしまうときの対処法 @media screen and (max-width: 749px) { html,body { overflow-x: hidden; } } ※ max-width: 7...

Web 2018.9.30　お母ちゃん

動画背景の上に、動画の再生位置に合わせて画像・テキストを表示する

動画背景の再生位置に合わせて画像やテキスト表示する See the Pen QZwjzw by HomeMadeGarbage (@hmg) on CodePen. timeupdate , currentTime timeupdate、currentTime で再生位置を取得し表示を切り...

Web 2018.9.29　お母ちゃん

RaspberryPi サーバ & WordPress ブログ を XSERVER に サーバ移転

先日の北海道地震の停電で、ラズパイ自宅サーバで運用しているこのブログも数日間ダウンしてしまいました。 「そのうちドメイン取得してレンタルサーバに移行しようか〜」とは考えていましたが、これを機に移行をすることにしました。少し名残惜しくはありましたが。 XSERVER 色々調べてみるとXSERVE...

Raspberry Pi / Web / WordPress 2018.9.26　お母ちゃん

D.I.Y. アイトラッキング -フォトリフレクタ と Arduino で瞳孔動向センシング-

そろそろハロウィンに向けて準備に取り掛かっておりまして。 去年は家族の半数が体調不良で何もできなかったので今年こそはと気合入っております！ :evil: ↓一昨年のハロウィンの様子。 https://homemadegarbage.com/halloween2016 ハロウィンへの試作としま...

電子工作 2018.9.19　お父ちゃん

Reason で Play をバウンスしたら音が途切れる対策（EastWest ComposerCloud）

EastWest の Play で音源をバウンスしたところ、音が途切れてしまった↓ Reasonだけの問題ぽいけど、YouTube で対応策を見付けた。 動画で紹介されている方法はメニューの「Stream from Disk」のチェックを外すという方法でしたが、それだとStringsでは2G...

音楽 2018.9.9　お母ちゃん

オリジナルプリント.jp でTシャツを作りました♪

以前、オリジナル布で長男くんのお昼寝シーツをつくりました。手作りって最高だよね！ https://homemadegarbage.com/sheet01 今回はオリジナルTシャツを作ったので紹介させてください。 オリジナルプリント.jpというサイトでデザインを入稿してシャツを作りました。 [...

工作・ハンドメイド 2018.9.9　お父ちゃん

オムロン環境センサ と ラズパイ で ラジコンカー − GOBERNABLES de Pi −

今年のみんなのラズパイコンテストでOMRON製の環境センサの無償提供が実施されましてー 【再】応募者に、ラズパイ3、拡張基板、環境センサを無償提供します！ 「みんなのラズパイコンテスト」の特別企画です。コンテストへの応募が無償提供の条件です。 ぜひ、こちらから応募ください！ → h...

Raspberry Pi 2018.9.8　お父ちゃん