レーザーカッターで遊びたかった。

環境

• 取っ手と鍵が一体化した鍵
• 既存の物理鍵、サムターンの機能を残したい

機能

• スマホアプリから開け締め
• スマホを NFC タグにタッチして開け締め
• 超音波センサに手をかざして開け締め
• 今のステータスが LED で表示

いまのとこそれくらい

使ったもの

• WAN からアクセスできるダッシュボード: HomeAssistant
• ESP32 と HomeAssistant の通信用: MQTT
• ESP32 の開発: MicroPython
• サーボモータ:

参考

鍵を回す機能の参考にさせていただいた記事です。

設計編

Autodesk Fusion を利用。
学生は無料だから使ったほうがいいと思う。
買ったら1万円/月くらいする。

そうそういないだろうが、これの CAD が欲しい人がいれば、声かけてくれれば共有するよ。

制作編

4mm のアクリル板をレーザーカット。
レーザーカッターには Beambox Pro (借り物) を使い、設定は出力70%、速度4mm/s、2回切り。
レーザーカッターは数分から長くて20分と加工が早く、試作 ↔ 修正のループが早くて良いね。

立体的な部品は 3D プリンターも併用。

できたもの

作るのが楽しすぎて写真が全然なかったんです。ごめんなさい。

iPhone のオートメーションで、NFC をタッチしたら HomeAssistant の API 叩いて鍵トグルとかにして便利。

頑張った点

• サーボモータのトルクが足りない！
  → 設計を頑張って極限まで抵抗を少なくした
• サーボモータが120度くらいしか回らない！
  → ギア比でなんとかした
• サーボモータとビープで LEDC (PWM 生成素子？) を奪い合いうまく動かない
  → 頑張ったけど解決できず、Arduino から MicroPython に言語を変更

Linux

Install Home Assistant on a Linux

www.home-assistant.io

今回は Proxmox を使用するので、.qcow2 イメージを使用して仮想サーバを作成する。

Alternative

Alternative ways to install Home Assistant

www.home-assistant.io

余談

昔、普通の Linux 用の iso イメージを利用して、Proxmox 上に HAOS を構築していたのだが、完全にやり方がわからなくなってしまった。ロストテクノロジーである。
そのやり方では、Proxmox 側からシャットダウン指示をかけてもうまくシャットダウンされず、物理サーバのメンテナンスに手間がかかったから、べつにいいんだけど。

手順

Proxmox にダウンロードしてきた .qcow2 ファイルをアップロードする。

scp <ダウンロードしたhaos_ova-15.0.qcow2ファイルのPath> root@<Proxmoxの ip>:/var/lib/vz/template/iso

仮想サーバを作成する。設定は以下の通り。

• BIOS：UEFI（EFI ディスクも追加）
• ストレージ：なし
• SecureBoot：OFF（UEFI のメニューから設定）

Proxmox の Shell から .qcow2 ファイルをディスクとして追加。

qm importdisk 108 /var/lib/vz/template/iso/haos_ova-15.0.qcow2 local-zfs --format qcow2

• VM のハードウェアから、追加した未使用のディスクを接続。
• オプションから、さっき接続したディスクの起動順位を一番上にする。

起動してしばらくしたら、WebUI 用の IP が表示される。

あとはウィザードに従って設定しましょう。

リバースプロキシを利用する場合

以下の記事を参考に。

Reverse proxy using NGINX

⚠ This guide has been migrated from our website and might be outdated. Feel free to edit this guide to update it, and to...

community.home-assistant.io

HAOS で Nginx リバースプロキシを使用する。

基本的に、以下のサイトのとおりに構成すれば問題ない？と思う。発生したエラー以前自分用に作成したリバースプロキシ用のテンプレートを使用して、HAOS に対してサブドメインを割り当てようとしたところ、以下のようなエラー（以降、IP エラーと呼ぶ...

asaino.net

2025.03.30

ESP32 を MicroPython (軽量版 Python) で制御し、なおかつそのプログラムを Wi-Fi 経由で更新できる。
IoT づくりで、自由度の高いプログラミングをする際の個人的最適解だと思っている。

自由度が低くて簡単なら HomeAssistant + ESPHome？

設定方法

開発環境 Thonny の「実行」→「インタプリタの設定」→「Install or update MicroPython」で、使っている ESP32 を指定し、MicroPython をインストール。

シェルが開くので、

import webrepl_setup

を実行し、ウィザードに従って Repl をインストール。

ESP32 の boot に以下のようなコードを書き込む。
固定 IP にしておくと多分大抵の環境で便利。

# This file is executed on every boot (including wake-boot from deepsleep)
#import esp
#esp.osdebug(None)
import webrepl
import network
import time
import machine

# Wi-Fi設定
SSID = '**'
PASSWORD = '**'
IP_ADDRESS = '**'
SUBNET_MASK = '**'
GATEWAY = '**'
DNS_SERVER = '**'

# Wi-Fiに接続
sta_if = network.WLAN(network.STA_IF)
if not sta_if.isconnected():
    print('Connecting to network', end='')
    sta_if.active(True)
    sta_if.ifconfig((IP_ADDRESS, SUBNET_MASK, GATEWAY, DNS_SERVER))
    sta_if.connect(SSID, PASSWORD)
    
    # 接続待ち
    while not sta_if.isconnected():
        print('.', end='')
        time.sleep(1)
        
print('Network config:', sta_if.ifconfig())

# WebREPLを開始
webrepl.start()

ESP32 側に忘れず保存しておく。

接続方法

Thonny の「実行」→「インタプリタの設定」→「ポートまたは WebRepl」で、さっき設定した IP とパスワードを入れる。

注意点

main.py としてプログラムを ESP32 に書き込むと、boot.py 終了後に実行される。
Repl 接続中は Thonny から実行することになる。

SSH 接続先サーバで動くアプリケーションの画面をリモートへ転送する。

メリット

• アプリケーションはサーバ側で開くので、サーバ側サブネットの Web コンソールにお手軽にアクセスできる
• 処理は完全にサーバで行われるので、LAN 側のみのアクセス制限がかけられている Web コンソールにもアクセスできる
  ex) Buffalo ルータの設定画面
• お好みのサイズ、アス比に変更できるので、リモートデスクトップより扱いやすい
• SSH が繋がれば安定的にアクセスできる

デメリット

• リモートデスクトップと比べて低圧縮、帯域も多く使うので、レスポンスは悪い

手順

Windows なら WSL2 をインストールしておく

少しでも快適に使うため、クライアント側で圧縮の設定をする

Host *
    Compression yes
    TCPKeepAlive yes

サーバ側に日本語のフォントパックをいれる

sudo apt-get install fonts-takao-pgothic

サーバ側でセキュリティの設定

export XAUTHORITY=/home/username/.Xauthority

X11 forwarding、圧縮を有効にしてアクセス

ssh domain -XC

お好きなアプリケーションを起動

活用例

VPN は通らないが SSH は通るネットワーク環境や、VPN の構築、運用がめんどくさいときに、Proxmox や LAN 内のみに公開しているサイトへのアクセスに便利だと思った。

• 特定のポートを公開したい
• ポート開放ができない
• 外部に対する SSH 接続は可能なネットワークに接続している
• ポート開放が可能なネットワーク (ex. 実家) とサーバがある
  (なければ格安のレンタルサーバとかでも)

構成

ポート開放が可能なネットワークにあるサーバ 1 に SSH サーバを立てる
ポート開放ができないネットワークにある サーバ 2 から、サーバ 1 に SSH トンネルを掘る
サーバ 2 に来た通信をサーバ 1 に転送する

設定

サーバ 2 : 通信を転送するかの設定 (/etc/ssh/sshd_config)

GatewayPorts yes
AllowTcpForwarding yes

公開鍵認証もできるようにしておく。

サーバ 1 : 起動時に自動でサーバ 2 に SSH トンネルを掘る設定

portforward.sh

autossh -M 0 -N -f \
  -o ServerAliveInterval=30 \
  -o ServerAliveCountMax=3 \
  -p <ssh_port> \
  -R *:<forward_port>:localhost:<forward_port> \
  <user_name>@<domain>

-N, -f : SSH が確立したらシェルを開かず、バックグラウンドへ潜る
-R : サーバ側のポートをローカルへ転送する
* : サーバに来た全部の IP からの通信を転送

実行権限を付けて実行できるか試してみる。
起動時に自動で接続されてほしかったら、crontab -e に起動時このシェルスクリプトを実行するように書いておく。

@reboot /home/<user_name>/portforward.sh

v1 と比べて、タイムアウト他の理由で切断があったとき自動再接続するので、安定性が格段に向上。

あとがき

レオパレスの LeoNet でサーバを公開するために編み出した術。
本当はできないことをするので、何かしらの問題が起こっても自己責任で。
もっと良くするならば、autossh とかを使って、SSH 切断時のリトライとかの設定など。

VPN などを使う手法もあるかと思うが (実際別案件では VPN を使用している)、特定のポートへ通信を転送するだけなら、SSH のポートフォワードのほうが楽だし同じことができると思う。

背面割れとディスプレイの不調から、下取りにも買取業社にも出さなかったiPhoneがある。このiPhoneを自宅用の監視カメラとして再利用することを目的とする。

動作環境

• Macbook Pro early 2023 (MacOS Sonoma 15.3)
• iPhone X (iOS 14.7)

脱獄ソフトの導入

iPhoneをMacで遠隔操作するために、まずiPhoneを脱獄させるソフトをmacにインストールする。私はcheckra1nというソフトでiPhoneの脱獄を行った。

checkra1n

Jailbreak for iPhone 5s through iPhone X, iOS 12.0 and up

checkra.in

homebrewをインストールしているならば、homebrew経由でcheckra1nをインストールすることができる。

% brew install checkra1n

あとはウィザードの指示に従って、MacとiPhoneをUSBで接続してiPhoneの脱獄をする。

DFUモードに入らない、、、

指示に従っていくとiPhoneをDFUモードに入れないといけないのだが、何度やってもiPhoneがなかなかDFUモードに入ってくれない。いろいろ調べてみると、USB-A to LightningでないとDFUモードに入らないだとか。

↓使っていたケーブルはUSB-C to Lightningだった。

Amazon.co.jp: Anker PowerLine lll Flow USB-C & ライトニング ケーブル MFi認証 絡まない USB PD対応 シリコン素材採用 iPhone 14 / 14 Plus / 14 Pro / 14 Pro Max / 13 各種対応 (0.9m ライトパープル) : パソコン・周辺機器

Amazon.co.jp: Anker PowerLine lll Flow USB-C & ライトニング ケーブル MFi認証 絡まない USB PD対応 シリコン素材採用 iPhone 14 / 14 Plus / 14 Pro / 1...

amzn.asia

そこで、近所のダイソーに行ってUSB-A to Lightningケーブルを購入し、再度検証

ＭＦｉ認証ライトニングケーブル　１ｍ

原産国：中国 材質：PVC 商品サイズ：100cm ×1.6cm ×0.9cm 内容量：1個入 種類：アソートなし ＭＦｉ認証ライトニングケーブルになります。 USBポートから充電できるスマートフォン、ゲーム機など充電可能 コネクタ形状１：...

jp.daisonet.com

脱獄に成功

再度実行するときちんとDFUモードに入り、以下図に示すようにcheckra1nによる脱獄に成功した。

普段音楽ストリーミングには YoutubeMusic を使用しているのだが、以下のような若干の不満があった。

• 本来は手持ちの楽曲をアップロードし、自分専用に使用できるらしいが、アカウントを種類的にアップロードできない。
• スマホアプリ版の YoutubeMusic では、無課金ではバックグラウンド再生できない。
• ブラウザ版ではバックグラウンド再生できるが、かなり不安定。
• 無課金では広告がはいる。

そこで、navidrome を用いて自分専用の音楽ストリーミングサーバを立ててみる。
よく見ると全部課金 or 設定の変更で対応できそうだね…
でもオンプレのほうがロマンがあるからいいんです。

手順

公式ドキュメントが非常にわかりやすいので、インストールはこれのまま。

Linux Install

Steps to install on Ubuntu Linux (and other Debian based distros)

www.navidrome.org

参考文献では手動インストールを行っていたが、ビルド済みのバイナリを用いたインストール方法で特に問題はなかった。

今回は WindowsPC のエクスプローラからコピペで楽曲をアップロードしたかったため、音楽フォルダには samba ストレージをマウントし指定した。

また、nginx のリバースプロキシで navidrome サーバにサブドメインを与えた。

PCクライアント

デスクトップ版は feishin を試したが、「次に再生」等の仕様が慣れず、純正の Web クライアントをメイン使いするようにした。
Web アプリとしてタスクバーにインストールし、独立ウィンドウとして開く。

スマホクライアント

navidrome の純正クライアントは、ウィンドウが一定以上小さくなったとき、画面下に再生バーを表示してくれないし、16:9 のジャケットを回す演出が許容できなかった。

調べたらいくつかクライアントアプリの候補が出てきたが、適当に使ってみて以下に決めた。

‎Amperfy Music

‎Amperfy allows you to play music or podcasts from an Ampache or Subsonic server.Experience a clean, simplistic and mode...

apps.apple.com

まとめ

当初の目的、

• 手持ちの楽曲をアップロードできる
• バックグラウンド再生できる
• もちろん広告は入らない

音楽ストリーマが作れた。

参考文献

Subsonic APIサーバ（Navidrome）のススメ

zenn.dev

エアコン｜エラーサイン一覧

自動お掃除機能付きセパレートエアコン　(Z、SP、SPKシリーズ)(S、SKシ...

www.corona.co.jp

コロナエアコン（CSH-B288G）の電源ランプが点灯するようになり、調べてみると「室内熱交センサの異常」とのこと。

修理

とりあえず分解してみる。
ネジは、一番大きい外装パーツの吹き出しフラップの下側に２本と、内外渡し線のカバー用の１本。

ここらへんが制御系。

ガバっと外れる。

これが「室内熱交センサ」、だと思う。

これの同機種のエアコンが宅内にあったので、このパーツを交換したところエラーが消えて正常に動くようになった。
ただ、これの純正交換パーツが探しても見つからなかったため、Amazonでそれっぽいパーツを買って試してみる。

uxcell 温度センサー 10K NTCサーミスタプローブ 銅 感応温度 温度センサー エアコン用 全長40 cm 2個

仕様：タイプ：NTCサーミスタプローブ抵抗: 10K全長：40 cm温度範囲の測定：-30°C~+ 105°Cセンサーヘッドサイズ：25 mm x 5 mm(L*D)センサーヘッド材質：銅パッケージ内容：2 x 温度センサー 説明：1.温度...

www.amazon.co.jp

届いたパーツ。
最初金属ケースが付いていないサーミスタが届いたので、返品して再注文してみたら、ちゃんと金属ケース付きが届いた。
でもコネクタが違う。

ので、適当にはんだ付け。
このあと線が細すぎて熱収縮チューブじゃうまく保護できなかったので、マスキングテープで済ました。

繋いだらエラーが消えて動いた。
やったね。

金属ケースの太さが違ったので、結束バンドで固定。
ブログ書いてて気付いたけど、付ける場所違うね。
エラーが出たら直す。

「この空間にこのコードの量はいらなくない！？」ってなりながら、適当に結束バンドで結線しながら格納。

直った。

最後に

今回の成果：コード止めるやつ、ネジ１本。

↓作ったトップページ

成果物ウィジェット

「成果物」カテゴリがついた記事を、新しい順に10件表示する。
外観 > テーマファイルエディタ > functions.phpに記載

function custom_category_card_widget() {
    $args = array(
        'post_type'      => 'post',
        'posts_per_page' => 10,
        'category_name'  => 'seikabutsu',
    );
    $query = new WP_Query($args);
    // ラッパー div を追加
    $html = '<div class="custom-widget"><div class="custom-post-cards">';
    if ($query->have_posts()) {
        while ($query->have_posts()) {
            $query->the_post();
            $link    = get_permalink();
            $title   = get_the_title();
            $date    = get_the_date('Y.n.j');
            $excerpt = get_the_excerpt();
            $excerpt = str_replace('[...]', ' ...', $excerpt);
            $thumb   = has_post_thumbnail()
                ? get_the_post_thumbnail(get_the_ID(), 'medium')
                : '<img src="https://via.placeholder.com/180x180?text=No+Image" alt="No Image">';
            // カテゴリをバッジ風に出力
            $categories = get_the_category();
            $cat_labels = '';
            if (!empty($categories)) {
                foreach ($categories as $category) {
                    $cat_labels .= '<span class="card-category">' . esc_html($category->name) . '</span>';
                }
            }
            $html .= '<a class="custom-post-card" href="' . esc_url($link) . '">';
            $html .= '  <div class="card-thumb">' . $thumb . '</div>';
            $html .= '  <div class="card-meta">';
            $html .= '    <div class="card-header">';
            $html .= '      <div class="card-title">' . esc_html($title) . '</div>';
            $html .= '      <div class="card-date">';
            $html .= '        <span class="date-text">' . esc_html($date) . '</span>' . $cat_labels;
            $html .= '      </div>';
            $html .= '    </div>';
            $html .= '    <div class="card-excerpt">' . esc_html($excerpt) . '</div>';
            $html .= '  </div>';
            $html .= '</a>';
        }
    } else {
        $html .= '<p>該当する記事がありません</p>';
    }
    $html .= '</div></div>'; // custom-post-cards と custom-widget の終了タグ
    wp_reset_postdata();
    return $html;
}
add_shortcode('seikabutsu_widget', 'custom_category_card_widget');

すべての新着記事ウィジェット

function custom_category_card_widget() {
    $args = array(
        'post_type'      => 'post',
        'posts_per_page' => 10,
        'category_name'  => 'seikabutsu',
    );
    $query = new WP_Query($args);
    // ラッパー div を追加
    $html = '<div class="custom-widget"><div class="custom-post-cards">';
    if ($query->have_posts()) {
        while ($query->have_posts()) {
            $query->the_post();
            $link    = get_permalink();
            $title   = get_the_title();
            $date    = get_the_date('Y.n.j');
            $excerpt = get_the_excerpt();
            $excerpt = str_replace('[...]', ' ...', $excerpt);
            $thumb   = has_post_thumbnail()
                ? get_the_post_thumbnail(get_the_ID(), 'medium')
                : '<img src="https://via.placeholder.com/180x180?text=No+Image" alt="No Image">';
            // カテゴリをバッジ風に出力
            $categories = get_the_category();
            $cat_labels = '';
            if (!empty($categories)) {
                foreach ($categories as $category) {
                    $cat_labels .= '<span class="card-category">' . esc_html($category->name) . '</span>';
                }
            }
            $html .= '<a class="custom-post-card" href="' . esc_url($link) . '">';
            $html .= '  <div class="card-thumb">' . $thumb . '</div>';
            $html .= '  <div class="card-meta">';
            $html .= '    <div class="card-header">';
            $html .= '      <div class="card-title">' . esc_html($title) . '</div>';
            $html .= '      <div class="card-date">';
            $html .= '        <span class="date-text">' . esc_html($date) . '</span>' . $cat_labels;
            $html .= '      </div>';
            $html .= '    </div>';
            $html .= '    <div class="card-excerpt">' . esc_html($excerpt) . '</div>';
            $html .= '  </div>';
            $html .= '</a>';
        }
    } else {
        $html .= '<p>該当する記事がありません</p>';
    }
    $html .= '</div></div>'; // custom-post-cards と custom-widget の終了タグ
    wp_reset_postdata();
    return $html;
}
add_shortcode('seikabutsu_widget', 'custom_category_card_widget');

CSS

/* ■ ウィジェット全体のラッパ */
.custom-widget .custom-post-cards {
  display: flex;
  flex-direction: column;
  gap: 0px; /* 成果物ウィジェット：カード間のスペースを小さく */
}
/* 新着記事ウィジェット専用：カード間の余白を完全になくす */
.custom-widget .custom-post-cards.new-posts {
  gap: 0 !important;
}
/* ■ 個別カードのベース（共通） */
.custom-widget .custom-post-card {
  display: flex;
  border: 1px solid #ddd;
  border-radius: 8px;
  background-color: #fff;
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  padding: 12px;
}
/* 成果物ウィジェット専用（画像あり）の場合：外枠を削除し、左側の余白をなくす */
.custom-widget .custom-post-cards:not(.new-posts) .custom-post-card {
  border: none !important;
  padding-left: 0;
}
/* 成果物ウィジェット専用：画像とテキスト情報の間に余白を追加 */
.custom-widget .custom-post-card:not(.new-posts) .card-meta {
  margin-left: 20px;
}
/* ※ スマホ版ではこの余白を少し縮める */
@media (max-width: 768px) {
  .custom-widget .custom-post-card:not(.new-posts) .card-meta {
    margin-left: 10px;
  }
}
/* ■ サムネイル領域（成果物ウィジェット用） */
.custom-widget .card-thumb {
  width: 180px;
  height: 180px;
  flex-shrink: 0;
}
.custom-widget .card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* ■ テキスト情報領域 */
.custom-widget .card-meta {
  flex: 1;
  display: flex;
  flex-direction: column;
}
/* ■ ヘッダー：タイトルと日付＋カテゴリを縦に配置 */
.custom-widget .card-header {
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
}
/* タイトル（1行目） */
.custom-widget .card-title {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
}
/* 日付＋カテゴリ（2行目）、右揃え */
.custom-widget .card-date {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 4px;
}
.custom-widget .date-text {
  font-size: 14px;
  color: #999;
  margin-right: 12px;
}
/* ■ カテゴリバッジ */
.custom-widget .card-category {
  display: inline-block;
  font-size: 11px;
  color: #999;
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 0 10px;
  margin-left: 8px;
  background-color: transparent;
}
/* ■ 抜粋（成果物ウィジェット用）：文字サイズを少し小さくし、通常配置に */
.custom-widget .card-excerpt {
  font-size: 13px;
  color: #555;
  /* margin-top: auto; を削除して、通常の流れで配置 */
}
/* ■ スマホ版 */
@media (max-width: 768px) {
  .custom-widget .card-title {
    font-size: 16px;
  }
  .custom-widget .date-text {
    font-size: 13px;
  }
  .custom-widget .card-category {
    font-size: 10px;
    padding: 0 8px;
  }
  /* スマホではサムネイル画像を小さめに */
  .custom-widget .card-thumb {
    width: 100px;
    height: 100px;
  }
  /* スマホでは抜粋部分を非表示 */
  .custom-widget .card-excerpt {
    display: none;
  }
}
/* ■ 新着記事ウィジェット専用の調整 */
/* 個別カード（新着記事）の枠を削除し、カード内の余白も小さく */
.custom-widget .custom-post-card.new-posts {
  border: none;
  padding: 0px;
}

交換用電池

【5個セット】パナソニック対応 SH284552520 交換用電池 住宅火災警報器専用リチウム電池 3V 音声 CR-AG/C25P電池対応

商品の説明 ■電圧：3V ■容量：2400mAh ■純正品と完全互換

www.amazon.co.jp

2,990円

交換