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
410
プロトタイプツールで 職場の改善をしてみた
プロトタイプツールで職場の改善をしてみた
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
530
Other Decks in Technology
See All in Technology
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
3
980
How to Quickly Call American Airlines®️ U.S. Customer Care : Full Guide
flyaahelpguide
0
240
Sansanのデータプロダクトマネジメントのアプローチ
sansantech
PRO
0
220
american airlines®️ USA Contact Numbers: Complete 2025 Support Guide
supportflight
1
120
Reach American Airlines®️ Instantly: 19 Calling Methods for Fast Support in the USA
flyamerican
1
180
サイバーエージェントグループのSRE10年の歩みとAI時代の生存戦略
shotatsuge
4
740
【LT会登壇資料】TROCCO新コネクタ「スマレジ」を活用した直営店データの分析
kazari0425
1
140
CDK Vibe Coding Fes
tomoki10
1
470
事例で学ぶ!B2B SaaSにおけるSREの実践例/SRE for B2B SaaS: A Real-World Case Study
bitkey
1
280
AI エージェントと考え直すデータ基盤
na0
17
7k
LLM時代の検索
shibuiwilliam
2
620
ビジネス職が分析も担う事業部制組織でのデータ活用の仕組みづくり / Enabling Data Analytics in Business-Led Divisional Organizations
zaimy
1
300
Featured
See All Featured
Visualization
eitanlees
146
16k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Facilitating Awesome Meetings
lara
54
6.5k
Site-Speed That Sticks
csswizardry
10
690
GitHub's CSS Performance
jonrohan
1031
460k
The Cost Of JavaScript in 2023
addyosmani
51
8.5k
The Language of Interfaces
destraynor
158
25k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
A designer walks into a library…
pauljervisheath
207
24k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.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