Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
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
「Managed Instances」と「durable functions」で広がるAWS Lambdaのユースケース
lamaglama39
0
290
pmconf2025 - 他社事例を"自社仕様化"する技術_iRAFT法
daichi_yamashita
0
790
EM歴1年10ヶ月のぼくがぶち当たった苦悩とこれからへ向けて
maaaato
0
270
ガバメントクラウド利用システムのライフサイクルについて
techniczna
0
190
生成AIでテスト設計はどこまでできる? 「テスト粒度」を操るテーラリング術
shota_kusaba
0
600
ML PM Talk #1 - ML PMの分類に関する考察
lycorptech_jp
PRO
1
760
AI活用によるPRレビュー改善の歩み ― 社内全体に広がる学びと実践
lycorptech_jp
PRO
1
190
多様なデジタルアイデンティティを攻撃からどうやって守るのか / 20251212
ayokura
0
370
形式手法特論:CEGAR を用いたモデル検査の状態空間削減 #kernelvm / Kernel VM Study Hokuriku Part 8
ytaka23
2
450
Reinforcement Fine-tuning 基礎〜実践まで
ch6noota
0
160
エンジニアとPMのドメイン知識の溝をなくす、 AIネイティブな開発プロセス
applism118
4
1.1k
Ruby で作る大規模イベントネットワーク構築・運用支援システム TTDB
taketo1113
1
220
Featured
See All Featured
Designing Experiences People Love
moore
143
24k
Building Adaptive Systems
keathley
44
2.9k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.3k
Product Roadmaps are Hard
iamctodd
PRO
55
12k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
700
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.2k
Making Projects Easy
brettharned
120
6.5k
Bootstrapping a Software Product
garrettdimon
PRO
307
120k
Why Our Code Smells
bkeepers
PRO
340
57k
Building Applications with DynamoDB
mza
96
6.8k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.8k
Into the Great Unknown - MozCon
thekraken
40
2.2k
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