はじめに
暑い夏が来ました。
外から帰宅したら涼しい自宅がいいですよね。
ってことでスマートリモコンを作ってみました。
本記事は下記サイトを参考に作成しています。
少しアレンジが必要だったので共有いたします。
用意するもの
- obniz Board
- obniz IRModule
- Amazonでも販売しています。
- 温度センサー（必須ではありません）
- テキストエディタ（VSCodeで説明します）
- Vercelのアカウント（デプロイするのに使用します）
- 初めて使う方は下記Qiitaを参照してみてください。
- 爆速!Vercelでデプロイまでで結構です。
今回は下の写真のように配線しました。
コード準備
- デスクトップに任意のフォルダを作成します。
- VSCodeでそのフォルダを開きます。
- 任意の名前をつけ、拡張子.htmlで空のファイルを保存します。
- 名前をつけた空のファイルに下記コードを貼り付け、25行目あたりにある
OBNIZ_ID_HEREに自分のobniz idを入力します。
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
<script src="https://obniz.io/js/jquery-3.2.1.min.js"></script>
<script src="https://unpkg.com/obniz@3.16.0/obniz.js"></script>
</head>
<body>
<div id="obniz-debug"></div>
<h1 id="temp">Measuring...</h1>
<p>
<button id="on" class="btn btn-primary btn-block">Turn ON</button>
</p>
<p>
<button id="off" class="btn btn-primary btn-block">Turn OFF</button>
</p>
<script>
var obniz = new Obniz("OBNIZ_ID_HERE");
obniz.onconnect = async function () {
//赤外線モジュール
var module = obniz.wired("IRModule", { vcc: 0, send: 1, recv: 2, gnd: 3 });
$("#on").click(async function () {
module.send();//()内に取得した赤外線配列をコピペ①
});
$("#off").click(async function () {
module.send();//()内に取得した赤外線配列をコピペ②
})
//温度管理
var tempsens = obniz.wired("Keyestudio_TemperatureSensor", { signal: 9, vcc: 10, gnd: 11 });
tempsens.onchange = function (temp) {
$("#temp").text('' + parseInt(temp) + ' ℃');
};
}
</script>
</body>
</html>
赤外線設定
- こちらのstart(callback(array))の項目に自身のobniz idを入力し、実行します。
- obniz IRModuleに向かって赤外線を取得したいリモコンのボタンを押します。
- 出力結果にとんでも無く長い配列が返ってくるので、それをコピーします。（更新日時がコピーされてしまうことがあるので注意してください。）
- コピーした配列を31行目あたりの
module.send();の引数に入力します。 - 今回は「on」「off」を想定し２種類用意していますが、自分の作りたいものに応じて適宜コード変更してください。（コード冒頭でBootstrapとjQueryというものをプラグインしています。）
テストとデプロイ
- VSCodeの任意フォルダのタブをブラウザのタブにドラッグすると、画面が表示されるのでボタンを押して正確に動作するかどうかテストしてください。
- 正しいコーディングができていても、リモコンの種類によっては動作しないので、その場合は読み取る赤外線を変更してみてください。（私はHITACHIのエアコンが起動しませんでした...）
- 無事にテストが終了したら、VSCodeでターミナルを開き、
Vercelと入力してデプロイすれば終了です。
おわりに
いかがだったでしょうか。
少し分かりにくい箇所や端折った箇所もありますがご了承ください。
HITACHIのエアコンが起動できたら、また記事を更新いたします。