$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
プロトタイプツールで職場の改善をしてみた
Search
Miyp
October 15, 2020
Technology
0
420
プロトタイプツールで 職場の改善をしてみた
プロトタイプツールで職場の改善をしてみた
NoodlとM5Stackを使った呼出アラーム
【オンライン】IoT縛りの勉強会! IoTLT vol.68 @Youtube
Miyp
October 15, 2020
Tweet
Share
More Decks by Miyp
See All by Miyp
【補足資料】IoT縛りの勉強会! IoTLT vol.68
macole
0
550
Other Decks in Technology
See All in Technology
ChatGPTで論⽂は読めるのか
spatial_ai_network
7
24k
re:Inventで気になったサービスを10分でいけるところまでお話しします
yama3133
1
120
WordPress は終わったのか ~今のWordPress の制作手法ってなにがあんねん?~ / Is WordPress Over? How We Build with WordPress Today
tbshiki
1
690
生成AIでテスト設計はどこまでできる? 「テスト粒度」を操るテーラリング術
shota_kusaba
0
700
グレートファイアウォールを自宅に建てよう
ctes091x
0
150
EM歴1年10ヶ月のぼくがぶち当たった苦悩とこれからへ向けて
maaaato
0
270
GitHub Copilotを使いこなす 実例に学ぶAIコーディング活用術
74th
3
2.7k
Microsoft Agent 365 についてゆっくりじっくり理解する!
skmkzyk
0
140
Snowflakeでデータ基盤を もう一度作り直すなら / rebuilding-data-platform-with-snowflake
pei0804
4
1.4k
[CMU-DB-2025FALL] Apache Fluss - A Streaming Storage for Real-Time Lakehouse
jark
0
110
形式手法特論:CEGAR を用いたモデル検査の状態空間削減 #kernelvm / Kernel VM Study Hokuriku Part 8
ytaka23
2
460
Karate+Database RiderによるAPI自動テスト導入工数をCline+GitLab MCPを使って2割削減を目指す! / 20251206 Kazuki Takahashi
shift_evolve
PRO
1
700
Featured
See All Featured
A Tale of Four Properties
chriscoyier
162
23k
Context Engineering - Making Every Token Count
addyosmani
9
500
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.2k
Code Reviewing Like a Champion
maltzj
527
40k
Visualization
eitanlees
150
16k
Building Applications with DynamoDB
mza
96
6.8k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.3k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.3k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.6k
Leading Effective Engineering Teams in the AI Era
addyosmani
8
1.3k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
196
70k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Transcript
プロトタイプツールで 職場の改善をしてみた NoodlとM5Stackを使った呼出アラーム
自己紹介 Name:三好 正人 MIYOSHI Masato ・メーカ勤務)生産技術者 @鈴鹿 ・IoTLT初登壇 ・昨年よりNoodl沼/M5Stack沼にはまっています ・
@macole / miyp https://qiita.com/macole Qitta「MQTT通信を使った呼出システムを構築する」
つくったもの:「ファミレス風の呼出アラーム」 • 部品準備の職場・・・複数の工程に対してちょうどいい時、 必要な量だけ部品を供給してほしい ⇒ファミレスみたいに、あちこちから呼び出しがかかります • 迅速に対応してほしい(どこで?なぜ?がわかればもう少し早く対応できる) • 特急で対応が必要な場合もあるよ(異常発生!!すぐ来て) •
なるべく安くね
Webサーバ 呼出アラーム MQTT受信機 ダッシュボード ライト つくったもの:システム構成 画面デモ アラーム 反応 MQTTサーバ
Mosqitto 呼出し 受信 一覧 反応 システム構成 • 各ライン)手元のiPadから呼出しを行う(Webアプリ) • 準備側)どこでどんな呼出しがあったか一覧確認(Webアプリ) • 見逃す場合がある)音と光でアピール(M5Stack+防犯ランプ)
どうやってつくったか:WEBアプリ NOODL(プロトタイピングツール) Dashboard Alarm 使用環境:Noodl2.0.2 Button)送信部 作成したコンポーネント Button ボタンUI 送信部分
どうやってつくったか:呼出ランプ受信 UIFLOW A,Bボタン:テスト ・I/Oテスト ・MQTTテスト MQTT受信時の処理 ・異常:G02>High ・正常:G02>Low 使用環境:Uiflow1.4.5 Wi-Fi/MQTT接続設定
MQTT受信部
どうやってつくったか:ハードウェア呼出ランプ M5STACK+市販ワイヤレスチャイム M5Stackと接続して無線化 ワイヤレスチャイム GND G02
気づき/ハマったところ • ビジュアルプログラミングで、ソフトエンジニアじゃなくてもWebアプリ/IoTプロダクトがつくれた ⇒Noodl:Webアプリ・UIを自作することが可能。再利用性を考えると慣れは必要 ⇒UIFlow:M5Stackを通信機に使って色々な設備を無線化/Web連携できる • 現場は改善サイクルが早く、どんどん変わっていく ⇒プロトタイピングはすごく相性がいい。最近のプロトタイプツール/Makerブームはうれしい • M5Stackは会社のLANで認証できなかった(なんで?)
⇒UIFlowを使ってMacアドレス表示させたら、サーバ側で見るのと実機で1文字ずれていた 01:23:45:67:89:AB ⇒ 01:23:45:67:89:AC Noodl+M5Stackは ノンソフトエンジニアがWeb技術/IoTを理解・活用するプラットフォームにもなりそう
NOODLコミュニティのお誘い Noodl@slack ありがとうございました https://bit.ly/2kSq3xw