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.2k
コロナ禍・リモートワークとIoT / GR-ROSE IoT (ALGYAN)
you(@youtoy)
PRO
November 13, 2021
Tweet
Share
More Decks by you(@youtoy)
See All by you(@youtoy)
Webの技術で「特殊なゲーム用コントローラーや他デバイスなど」とブラウザを連携させる / HTML5 11th Anniversary
you
PRO
0
48
ブラウザのAPIで Nintendo Switch用の特殊なゲーム用コントローラーを体験型コンテンツに / IoTLT @ストラタシス・ジャパン
you
PRO
0
150
ローカルLLMとLINE Botの組み合わせ その2(EVO-X2でgpt-oss-120bを利用) / LINE DC Generative AI Meetup #7
you
PRO
1
170
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
you
PRO
0
300
子ども向けの活動や自身のモノづくり活動などでやったこと / micro:bit ファンの集い
you
PRO
0
14
ブラウザのAPIで色々なデバイスをあれこれ扱ってみた話(主にWeb HID API) / IoTLT @JLCPCB オープンハードカンファレンス
you
PRO
0
140
ヒーローズ・リーグの応募作品で使ったデバイス・アイテム・ライブラリなど / #ヒーローズリーグ 2025 開発素材LT
you
PRO
0
42
最近発売された端末+UIFlow 2.0の組み合わせ(+1.0の話)をUSB接続で / ビジュアルプログラミングIoTLT vol.21
you
PRO
0
100
AIエージェント開発用SDKとローカルLLMをLINE Botと組み合わせてみた / LINEを使ったLT大会 #14
you
PRO
0
220
Other Decks in Technology
See All in Technology
設計に疎いエンジニアでも始めやすいアーキテクチャドキュメント
phaya72
26
17k
kotlin-lsp の開発開始に触発されて、Emacs で Kotlin 開発に挑戦した記録 / kotlin‑lsp as a Catalyst: My Journey to Kotlin Development in Emacs
nabeo
2
290
SOTA競争から人間を超える画像認識へ
shinya7y
0
680
仕様駆動開発を実現する上流工程におけるAIエージェント活用
sergicalsix
10
5.4k
触れるけど壊れないWordPressの作り方
masakawai
0
650
IBC 2025 動画技術関連レポート / IBC 2025 Report
cyberagentdevelopers
PRO
2
250
Data Engineering Guide 2025 #data_summit_findy by @Kazaneya_PR / 20251106
kazaneya
PRO
7
890
今のコンピュータ、AI にも Web にも 向いていないので 作り直そう!!
piacerex
0
540
AIエージェントによる業務効率化への飽くなき挑戦-AWS上の実開発事例から学んだ効果、現実そしてギャップ-
nasuvitz
5
1.6k
新米エンジニアをTech Leadに任命する ー 成長を支える挑戦的な人と組織のマネジメント
naopr
1
340
OpenCensusと歩んだ7年間
bgpat
0
320
AWSが好きすぎて、41歳でエンジニアになり、AAIを経由してAWSパートナー企業に入った話
yama3133
2
230
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
463
33k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.5k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
How GitHub (no longer) Works
holman
315
140k
Visualization
eitanlees
150
16k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
A better future with KSS
kneath
239
18k
How to Think Like a Performance Engineer
csswizardry
27
2.2k
Build The Right Thing And Hit Your Dates
maggiecrowley
38
2.9k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
Fireside Chat
paigeccino
41
3.7k
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
初めて触るものを 盛り込みすぎ苦戦したけど、 たくさん知見が得られた
リモートワークの 環境をより良く!
終わり!