XRミーティング 20260715

XRミーティング 20260715「Even G2でとりあえずIoTを動かしたよもやま話」の登壇資料です。

◆スライド内の素材は以下を使用させていただいております。ありがとうございます！

・シルエットデザイン http://kage-design.com/
・human pictogram 2.0 http://pictogram2.com
・ICOOON MONO http://icooon-mono.com/
・Adobe Stock https://stock.adobe.com/jp

Transcript

1. 1 XRミーティング 20260715 Even G2でとりあえず IoT を動かしたよもやま話 ワンフットシーバス 田中正吾
2. 私の話はスライドを後ほど共有します。 話す内容に注力いただいて大丈夫です！ 2
3. 10 分くらいで話します！ 3
4. 田中正吾（たなかせいご） 屋号ワンフットシーバス 代表 2004年よりフリーランス転向以後、FLASH 制作を中心にイ ンタラクティブコンテンツを主に行い現在に至る。最近では WEBフロントエンドをベースにしながらも、情報とインタ ーフェースが合わさるアプローチという視点で 生成 AI ・ IoT ・ XR といった技術も取り入れながら活動しています。 ウォンバットが好き。 4
5. 先日 IoT LED 点灯が成功しました！ https://x.com/1ft_seabass/status/2076917581722890286 5
6. ざっくりとした構成 Even G2 から MQTT over WebSocket 経由で Node-RED につながって外部 MQTT で IoT LED 操作してます 6
7. ひとまず EvenG2 から IoT を動かしてみます！ MQTT による状態連動の副産物でシミュレーションと実機の状況が同じように動くので分かりやすく伝わるはず！ 7
8. よもやま話 いろいろハマりながらもがんばった。やはり IoT と混ぜるといろいろある。 8
9. MQTT まわりいろいろ頑張った Web と IoT の間の知識を良い感じにミックスして試行錯誤中 ブラウザ・WebViewの制約から MQTT over WebSocket によって Even G2 から WebSocket 経由で MQTT につながるようになった ネットワーク許可設定（ホワイトリスト）の書式が公式ドキュメント見てもよく 分からず、実機で試して確かめて今は ws:// と http:// どちらの表記も登録して 通してる。いずれしっかり確かめたい。 IoT の仕組み入れたら更新頻度が高まってグラス側の描画が遅くなったが 120 msデバウンス対応して軽快に戻った。よかった。 MQTT は内部 → 外部でブリッジしてるけど MQTT over WebSocket がしっかり 対応した MQTT サービス通せればうまく解決してシンプルにできそうな気がす る。 9
10. ひたすら泥臭くやる IoT 連携 コメントコメントコメントコメントコメントコメントコメントコメントコメント シミュレーターでは動くのに実機では動かないが何度もあったけどがんばった 起動時のイベント判定とかタップ判定とかちょっと自分の把握が違ってたので 防御的実装とかやって切り抜けた。まあこれは自分の練度とドキュメントの読 み込みが甘いですね。がんばる。 Tailscale VPN も絡むことで個人アプリとしては色々連動がしやすかった。一方 で、みんなが使うアプリにするとなるとインフラとか認証しっかりしたほうがよ いようにも思えてきたけど。それはそれとして楽しんでいく。 MQTT で状態反映をしっかりしたらシミュレーターも実機も連動して実際の動作 状況が急に伝わりやすくなった。 10
11. まとめ まだ途中がブリッジしてるけど、まずつながるファーストで IoT と連携できた！ Web 技術と IoT 技術という境界を踏めていろいろと勉強になった！ Even G2 と IoT の連携を引き続き楽しんでいきます！ 11