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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
you(@youtoy)
PRO
May 19, 2022
Technology
260
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
LINEアプリでIoTやってみた / エンジニアの自由研究発表会vol.6
you(@youtoy)
PRO
May 19, 2022
More Decks by you(@youtoy)
See All by you(@youtoy)
イベントで大活躍する電子ペーパー名札 〜その3〜 / ビジュアルプログラミングIoTLT vol.23
you
PRO
0
190
AI時代だけど、わりと力業で追いかけている技術情報収集の話 / 20260518
you
PRO
0
16
最近の技術系の話題で気になったもの色々(IoT系以外も) / IoTLT 花見予定会(たぶんBBQ) @都立潮風公園バーベキュー広場
you
PRO
1
370
Babylon.js を使って試した色々な内容 / Various things I tried using Babylon.js / Babylon.js 勉強会 vol.5
you
PRO
0
470
イベントで大活躍する電子ペーパー名札を作る(その2) 〜 M5PaperとM5PaperS3 〜 / IoTLT @ JLCPCB オープンハードカンファレンス
you
PRO
0
300
Deno・Bunの標準機能やElysiaJSを使ったWebSocketサーバー実装 / ラーメン屋を貸し切ってLT会! IoTLT 2026新年会
you
PRO
0
360
M5Stack Chain DualKey を UIFlow 2.0 + USB接続で試す / ビジュアルプログラミングIoTLT vol.22
you
PRO
2
230
ローカルLLMをJavaScriptで(少しAIエージェントSDKなどの話も) / 冬のJavaScript祭り @Pleasanter Lounge
you
PRO
0
980
Webの技術で「特殊なゲーム用コントローラーや他デバイスなど」とブラウザを連携させる / HTML5 11th Anniversary
you
PRO
0
120
Other Decks in Technology
See All in Technology
なぜ Platform Engineering の土台に Kubernetes を選ぶのか
r4ynode
1
450
Claude Code×Terraform IaC テンプレート駆動開発
itouhi
1
460
AIっぽい文章を採点して人間らしく直すアプリを作ってみた
yama3133
2
110
ポケモンの型をTypeScriptの型システムで表現してみた
subroh0508
0
360
Rubyで音を視る
ydah
1
300
運用を見据えたAIエージェント設計実践
amacbee
1
3.4k
AIソロプレナー時代に2ヶ月で20人増員した事業創造会社の開発組織の話
miyatakoji
0
430
Databricks における 生成AIガバナンスの実践
taka_aki
1
370
中期計画、2回作ってみた ~業務委託と正社員、両方の視点から~
demaecan
1
570
新規事業を牽引する技術選定 〜フルスタックTypeScript開発の実践事例〜
nullnull
3
380
Djangoユーザが知っ得なPostgreSQL機能 - 設計の選択肢を増やす / Djang-use-PostgreSQL
soudai
PRO
0
220
NAB Show 2026 動画技術関連レポート / NAB Show 2026 Report
cyberagentdevelopers
PRO
0
140
Featured
See All Featured
The SEO identity crisis: Don't let AI make you average
varn
0
480
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
140
The Spectacular Lies of Maps
axbom
PRO
1
790
Ethics towards AI in product and experience design
skipperchong
2
310
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.2k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
230
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
marcoroth
1
160
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
610
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
65
55k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.5k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
720
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
200
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時から!
終わり!