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
コロナ禍・リモートワークとIoT / GR-ROSE IoT (ALGYAN)
Search
you(@youtoy)
PRO
November 13, 2021
Technology
0
1.1k
コロナ禍・リモートワークとIoT / GR-ROSE IoT (ALGYAN)
you(@youtoy)
PRO
November 13, 2021
Tweet
Share
More Decks by you(@youtoy)
See All by you(@youtoy)
もくはりでのモノ作りと自身のモノ作り活動 / もくはり文化祭2024 オープン記念イベント
you
PRO
0
35
"かわいい" がテーマのハッカソンでWebの技術を使って魔法の世界を作った話など / HTML5 10th Anniversary
you
PRO
0
85
ブラウザで AI・機械学習が扱える TensorFlow.js が使われているライブラリなどの話 / #さくらのAI Meetup vol.4「ブラウザ」
you
PRO
0
180
Blynk と Raspberry Pi Pico W で IoT 〜 MQTT・HTTPリクエストの組み合わせも 〜 / IoTLT vol.114
you
PRO
0
2.5k
AIを活用したWebアプリのプロトタイプを作ってコンテストや展示に出してみた話 / 大阪工業大学 ネットワークデザイン学科 LT大会 2024v2
you
PRO
0
98
Babylon.jsと色々なものを組み合わせる:ブラウザのAPIやガジェットや2D描画ライブラリなど / Babylon.js 勉強会 vol.3
you
PRO
0
620
WebHID API で Joy-Con・DUALSHOCK 4 のセンサーをブラウザから利用する / IoTLT vol.109
you
PRO
0
2.4k
UIFlow 2.0 で MQTT をやってみた! / IoTLT vol.108
you
PRO
0
5k
UIFlow 2.0 と ATOMS3 の組み合わせで LINE通知を試す / ビジュアルプログラミングIoTLT vol.16
you
PRO
1
2.7k
Other Decks in Technology
See All in Technology
Snowflakeの開発・運用コストをApache Icebergで効率化しよう!~機能と活用例のご紹介~
sagara
1
500
技術スタックだけじゃない、業務ドメイン知識のオンボーディングも同じくらいの量が必要な話
niftycorp
PRO
0
120
大規模アジャイルフレームワークから学ぶエンジニアマネジメントの本質
staka121
PRO
3
1.4k
株式会社Awarefy(アウェアファイ)会社説明資料 / Awarefy-Company-Deck
awarefy
3
11k
クラウド食堂とは?
hiyanger
0
120
Introduction to OpenSearch Project - Search Engineering Tech Talk 2025 Winter
tkykenmt
2
150
どちらかだけじゃもったいないかも? ECSとEKSを適材適所で併用するメリット、運用課題とそれらの対応について
tk3fftk
2
240
AIエージェント元年@日本生成AIユーザ会
shukob
1
240
JAWS FESTA 2024「バスロケ」GPS×サーバーレスの開発と運用の舞台裏/jawsfesta2024-bus-gps-serverless
ma2shita
3
280
Potential EM 制度を始めた理由、そして2年後にやめた理由 - EMConf JP 2025
hoyo
2
2.9k
Qiita Organizationを導入したら、アウトプッターが爆増して会社がちょっと有名になった件
minorun365
PRO
1
200
AIエージェント入門
minorun365
PRO
32
19k
Featured
See All Featured
What's in a price? How to price your products and services
michaelherold
244
12k
The Pragmatic Product Professional
lauravandoore
32
6.4k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
260
Site-Speed That Sticks
csswizardry
4
410
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
650
Building a Scalable Design System with Sketch
lauravandoore
461
33k
Typedesign – Prime Four
hannesfritz
41
2.5k
For a Future-Friendly Web
brad_frost
176
9.6k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Statistics for Hackers
jakevdp
797
220k
Transcript
コロナ禍・リモートワークとIoT 2021年11月13日 (土) GR-ROSE IoTシステム開発コンテスト 作品LT大会&審査会! @オンライン 豊田 陽介 (
@youtoy )
豊田陽介(@youtoy) 自己紹介 普段は、某通信会社勤務 JavaScript な方面で Microsoft MVP (2021年10月より) ガジェット好き その他
IT系イベント主催、運営や登壇なども 子ども向けの活動いろいろ(IT系以外も) プライベートでの活動 ビジュアルプログラミング・ IoTに関するコミュニティなど
リモートワークで 自宅にいる時間が増え...
室内環境に 気をつけたい!
めまい、眠気、 新型コロナウィルス...
二酸化炭素濃度に 気をつけると良いらしい
家の中を見回したら... 眠っていた品 この日のために 用意していた品
やったことの概要 ・二酸化炭素濃度を計測 ⇒ 基準値以上/以下の値になったら お知らせ ・二酸化炭素濃度、温湿度のデータを 可視化
応募作品の条件の話 Azure のなんらかの機能 + IoT
可視化のほうの 仕組みの話
可視化機能の構成 Grove - CO2 & Temperature & Humidity Sensor (SCD30)
GR-ROSE センサーで 取得した値 Azure IoT Hub Power BI Azure Stream Analytics センサーの値を グラフ化 MQTT
お知らせしてくれる 仕組みの話
通知機能(1つ目)の構成 Grove - CO2 & Temperature & Humidity Sensor (SCD30)
GR-ROSE 二酸化炭素 濃度の値 Azure Functions Azure IoT Hub LINE Notify LINE アプリ 二酸化炭素濃度の値を 見て、特定条件で通知 MQTT POST
実装した内容の詳細はQiitaに https://qiita.com/youtoy
中身としては 改良の余地あり
構成に関する補足 仲介役をはさんで の通信処理 この部分は、実装 の工夫が必要
もうちょっと 気づきやすく...
お知らせを少し派手にしてみた 音素材: M5Stack Core2 + LEDテープ + 光拡散チューブ
そろそろOK!というお知らせも 音素材: 先ほどと同じ構成
M5Stack Core2 の実装 Web上の開発環境(UIFlow)を使った、ビジュアルプログラミングにて ・MQTT の Subscribe ・画面表示 ・音の出力 ・LEDテープの制御
最終的な構成
全体構成 MQTT MQTT POST(HTTP リクエスト)
試行錯誤の 過程の中で
今回の最終版に使わなかったものも含め Microsoftさんサービス関連で書いた Qiita の記事 【出てくる内容】 ・Azure Web PubSub ・Azure Cognitive
Services の 音声サービス ・Azure Functions ・Azure Event Hubs ・Azure IoT Hub ・Azure Stream Analytics ・Power BI 全部で計8記事 ⇒ 約 3300 views GR-ROSEやセンサー関連 全部で計5記事 ⇒ 約 1300 views
やってみたかったこと (間に合わず...)
他サービスの情報等も利用する方向 ・オンラインのスケジュールのデータとの組み合わせ ・音声読み上げの活用 ・取得したセンサーデータを何らか分析 ・天気予報の情報を何か使う方向 【気象庁の情報取得】 Qiita で計3記事 ⇒ 約
1700 views
初めて触るものを 盛り込みすぎ苦戦したけど、 たくさん知見が得られた
リモートワークの 環境をより良く!
終わり!