Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
プロトタイプツールで職場の改善をしてみた
Search
Miyp
October 15, 2020
Technology
440
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
プロトタイプツールで 職場の改善をしてみた
プロトタイプツールで職場の改善をしてみた
NoodlとM5Stackを使った呼出アラーム
【オンライン】IoT縛りの勉強会! IoTLT vol.68 @Youtube
Miyp
October 15, 2020
More Decks by Miyp
See All by Miyp
【補足資料】IoT縛りの勉強会! IoTLT vol.68
macole
0
580
Other Decks in Technology
See All in Technology
フィンテック養成勉強会#68
finengine
0
140
実体験から学ぶ分析エージェントの開発と運⽤
recruitengineers
PRO
8
2.4k
スプシの手作業からの解脱 ~更新はClaude Codeに、見せ方と使い方はGASアプリに任せる~
kentarofujii
0
160
Optunaの最新リリースv5.0について
pfn
PRO
0
120
今さら理解するウェブフォントver.2026
takanorip
3
900
サブエージェントと Claude Mods で作る独自 Advisor ツールの話
kenichiodo
2
170
Conditional PED-ANOVA: Hyperparameter Importance in Hierarchical & Dynamic Search Spaces
pfn
PRO
0
140
DBについての基礎説明(MySQL編) - コロプラ 2026年度 新卒研修
colopl
0
130
Kiro Crewをはじめよう
kizawa2020
1
160
Tofu-Controller lightning talk @ Containerday 2026
gionn
0
120
hackers_champloo_2026_tidb
makocchi
0
170
Getting Started with Google Antigravity
glaforge
0
320
Featured
See All Featured
Crafting Experiences
bethany
1
380
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
Design in an AI World
tapps
1
350
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.8k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
203
77k
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
570
Agile that works and the tools we love
rasmusluckow
331
22k
We Have a Design System, Now What?
morganepeng
55
8.4k
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
540
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
2
310
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.9k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
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