Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
LINEアプリでIoTやってみた / エンジニアの自由研究発表会vol.6
Search
you(@youtoy)
PRO
May 19, 2022
Technology
0
180
LINEアプリでIoTやってみた / エンジニアの自由研究発表会vol.6
you(@youtoy)
PRO
May 19, 2022
Tweet
Share
More Decks by you(@youtoy)
See All by you(@youtoy)
WebHID API で Joy-Con・DUALSHOCK 4 のセンサーをブラウザから利用する / IoTLT vol.109
you
PRO
0
63
UIFlow 2.0 で MQTT をやってみた! / IoTLT vol.108
you
PRO
0
1.5k
UIFlow 2.0 と ATOMS3 の組み合わせで LINE通知を試す / ビジュアルプログラミングIoTLT vol.16
you
PRO
0
140
技術コミュニティの中での生成AI(自身の観測範囲での事例について) / 23 Xmas Talk / 20231209
you
PRO
0
1.4k
AI・機械学習ライブラリを使ったWebアプリでワクワク体験! / Qiita Night~AI、機械学習 / 20231201
you
PRO
2
2.1k
p5.js・p5playを使った体験イベントに参加した子達が手を動かすこと・考えることを楽しんでくれた話 / p5.js勉強会(第九回) / 20231126
you
PRO
0
48
LINEでのコミュニケーションにマスコットキーホルダーを使ってみる / LINEを使ったLT大会 #5
you
PRO
0
2.3k
イベントで大活躍の電子ペーパー名札 〜M5PaperとUIFlow+α〜 / #ヒーローズリーグ 2023 予選 in 第二部
you
PRO
0
86
ハッカソンでWebの技術を使った作品を作ってみた 〜ブラウザで機械学習やデバイス制御など〜 / HTML5 9th Anniversary
you
PRO
0
110
Other Decks in Technology
See All in Technology
エバンジェリスト活動を7年やってきて見えてきた、コミュニティとエバンジェリストの関係
soracom
PRO
1
200
GitHub最新情報キャッチアップ 2024年3月
dzeyelid
17
3.2k
KTC_DBRE.pdf
_awache
0
290
社内共通ルールを値オブジェクトにして社内ライブラリとして運用してみた話
leveragestech
2
1.2k
20240321_生成AI時代のDevOps
kzkmaeda
2
610
現実世界の事象から学ぶSOLID原則
h0r15h0
24
10k
XRミーティング 2024-03-20
1ftseabass
PRO
0
100
大規模なアジャイル開発の現場と技術負債 / Technical Debt
yoshiitaka
20
4.1k
#51 “Empowering Azure Storage with RDMA”
cafenero_777
3
210
サービスメッシュ環境における OpenTelemetry 活用 / OpenTelemetry in Service Mesh
k6s4i53rx
2
850
検証からプロダクトへ: シームレスなLLM開発の ためのしくみ作り
nunukim
1
190
ハイパフォーマンスな組織をつくるための開発生産性の考え方 / developer-productivity-high-performer-link-and-motivation
lmi
3
260
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
1
3.3k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
657
120k
Building Applications with DynamoDB
mza
88
5.6k
Designing for humans not robots
tammielis
247
25k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
39
4.3k
Code Review Best Practice
trishagee
54
15k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
Product Roadmaps are Hard
iamctodd
43
9.6k
WebSockets: Embracing the real-time Web
robhawkes
59
6.9k
Art, The Web, and Tiny UX
lynnandtonic
288
19k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
240
1.2M
The Invisible Customer
myddelton
114
12k
Transcript
LINEアプリでIoTやってみた 2022年5月19日 (木) エンジニアの自由研究発表会vol.6 @オンライン 豊田陽介( ) @youtoy
自己紹介 ビジュアルプログラミングや IoT、ロボットトイ関連など 豊田陽介( ) 普段は、某通信会社勤務 @youtoy ・IT系イベント主催、登壇や運営なども ・子ども向けの活動いろいろ(IT系以外も) ・
Microsoft MVP(2021/10 から) プライベートでの活動 ・ガジェット好き ・6月にメーカーフェア@仙台に出展予定 その他
作ったものの動作概要(LINE⇒デバイス) ① LINEアプリ で操作 ②-1 音が鳴る ②-2 光る・表示 が変わる
作ったものの動作概要(デバイス⇒LINE) ② 通知 ①デバイス を操作
あらためて動画で
研究報告1: LINEアプリで IoT をやってみて
便利だった点 2つ
リッチメニュー をタップ (簡単操作) 1)ワンタップでできるデバイス操作 LEDテープの点灯、 電子ペーパーの 書きかえ デバイスで 音の再生 (全て実行)
① ② ③ ① ② ③ 3通りの動作
メニューの作成もGUIで簡単に リッチメニューの テンプレート選択 メニュー内のボタン のデザイン作成
2)通知の仕組みを簡単に実装 デバイスからの HTTPリクエスト LINE Notify でメッセージ通知
LINE + IoT 活用できそう!
研究報告2: LINEアプリで IoT をやるために
サービス間をつなぐ
盛り込んだ内容: LINE Bot、リッチメニュー、LINE Notify、 enebularのクラウド実行環境、Node-RED、 M5Stack・UIFlow、Beebotte・MQTT
LINE⇒デバイス をつないだ方法
Botサーバー +α LINE⇒デバイスを実現した構成と通信 M5Paper LINE Notify HTTP(POST) HTTP(POST) MQTT MQTT
HTTP(POST) M5StickC Plus M5Stack Core2 HTTP(POST) リッチメニュー の操作
リッチメニュー の操作 Botサーバー +α BeebotteでHTTP(POST)をMQTTに M5Paper LINE Notify HTTP(POST) HTTP(POST)
MQTT MQTT HTTP (POST) M5StickC Plus M5Stack Core2 HTTP(POST)
研究報告3: ビジュアルプログラミングの活躍
サーバー実装
enebularの実行環境(メインサーバー) LINE Botサーバー+外部連携
enebularでの実装(Node-REDのフロー) デバイス ⇒ LINE Notify LINE(Bot) ⇒ デバイス Beebotteとの連携
デバイス制御
M5Stack系デバイスでの実装(UIFlow) ブロック型のビジュアルプログラミング
M5StickC Plusでの実装内容1 MQTT関連の セットアップ 画面の初期化 まわり等
M5StickC Plusでの実装内容2 MQTT のサブスクライブ ↓ LEDテープ制御など 本体ボタン押下を ↓ LINE通知処理等
今回の研究を 支えたもの
ガジェットの 大人買い!?
イベントのお知らせ
ビジュアルプログラミングとIoTの話 6/15(水)20時から!
終わり!