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
プロトタイプツールで職場の改善をしてみた
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
560
Other Decks in Technology
See All in Technology
JAWSDAYS2026_A-6_現場SEが語る 回せるセキュリティ運用~設計で可視化、AIで加速する「楽に回る」運用設計のコツ~
shoki_hata
0
2.9k
JAWS FESTA 2025でリリースしたほぼリアルタイム文字起こし/翻訳機能の構成について
naoki8408
1
170
スクリプトの先へ!AIエージェントと組み合わせる モバイルE2Eテスト
error96num
0
120
When an innocent-looking ListOffsets Call Took Down Our Kafka Cluster
lycorptech_jp
PRO
0
120
オレ達はAWS管理をやりたいんじゃない!開発の生産性を爆アゲしたいんだ!!
wkm2
4
450
Oracle Database@Google Cloud:サービス概要のご紹介
oracle4engineer
PRO
5
1.1k
開発組織の課題解決を加速するための権限委譲 -する側、される側としての向き合い方-
daitasu
5
340
EMからVPoEを経てCTOへ:マネジメントキャリアパスにおける葛藤と成長
kakehashi
PRO
9
1.4k
トップマネジメントとコンピテンシーから考えるエンジニアリングマネジメント
zigorou
4
800
DevOpsエージェントで実現する!! AWS Well-Architected(W-A) を実現するシステム設計 / 20260307 Masaki Okuda
shift_evolve
PRO
3
400
AWSをCLIで理解したい! / I want to understand AWS using the CLI
mel_27
2
260
SRE NEXT 2026 CfP レビュアーが語る聞きたくなるプロポーザルとは?
yutakawasaki0911
0
150
Featured
See All Featured
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
970
Chasing Engaging Ingredients in Design
codingconduct
0
130
Producing Creativity
orderedlist
PRO
348
40k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.1k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
240
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
The Mindset for Success: Future Career Progression
greggifford
PRO
0
270
Marketing to machines
jonoalderson
1
5k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
10k
Build your cross-platform service in a week with App Engine
jlugia
234
18k
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
5
760
First, design no harm
axbom
PRO
2
1.1k
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