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
Node RED は Web プロトタイピング環境 として最適
Search
ishiitetsuji
October 08, 2020
Programming
1.6k
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Node RED は Web プロトタイピング環境 として最適
2020.10.10に開催されるNode-RED Con Tokyo 2020での登壇資料です。WebプロトタイピングでNode-REDを利用している事例などをお話しします。
ishiitetsuji
October 08, 2020
More Decks by ishiitetsuji
See All by ishiitetsuji
UDC2024岐阜ブロック
ishiitetsuji
0
86
アーバンデータチャレンジ2024 長崎ブロック
ishiitetsuji
0
92
kintoneとすすめてみたいリビングラボ
ishiitetsuji
1
220
オープンデータは共有財産 ワーケーション編
ishiitetsuji
0
170
CIVIC TECH FORUM 2022 岐阜LT
ishiitetsuji
0
190
伝統産業 × IT 岐阜での取り組み事例
ishiitetsuji
0
410
岐阜ブロックの活動紹介
ishiitetsuji
0
130
いまむらさんのCat-Being
ishiitetsuji
0
280
シビックテック井戸端キャスト
ishiitetsuji
0
220
Other Decks in Programming
See All in Programming
Vue.jsで作る空間解析アプリとCapacitorプラグインのData Bridge
hal_spidernight
1
160
SODA - FACT BOOK(JP)
sodainc
1
40k
[DroidKnights 2026] Workflow AX: From Auto-Documented Policies to E2E Testing
raeminkang
0
500
PyConTW 2026 - AI Coding 不只是工具升級, 區域醫院醫療資訊系統協作開發與資訊團隊轉型實踐
cclai999
0
230
Apple Intelligenceとオンデバイス時代の到来
yahir0
0
190
AI時代のシニアエンジニアとは
yosuke_furukawa
PRO
14
11k
ActionController meets Protocol Buffers
sorah
1
780
Web Framework Benchmark Battle 2026, Any%
a_matsuda
3
3.1k
AWS CDKを理解するために公式の定義を深掘って解説してみる / Understanding AWS CDK by Digging into Its Official Definition
akihisaikeda
1
150
Seven New Principles of Software Engineering
yegor256
0
430
Long Living Tokens, Die, Die, Die! (or: The One Ring is Banned in Modern)
sylph01
0
400
선언형 햅틱 라이브러리 진동을 소개합니다
l2hyunwoo
1
280
Featured
See All Featured
Designing Powerful Visuals for Engaging Learning
tmiket
1
630
Statistics for Hackers
jakevdp
799
230k
Navigating Weather and Climate Data
rabernat
0
580
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
[RailsConf 2023] Rails as a piece of cake
palkan
59
7.1k
The browser strikes back
jonoalderson
0
1.9k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
70
68k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
1.1k
Balancing Empowerment & Direction
lara
6
1.4k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
1
3.7k
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
Transcript
Node-REDは Webプロトタイピング環境 として最適 Node-RED is the best web prototyping environment
石井哲治 名古屋工業大学 1998年卒 株式会社セイノー情報サービスに勤務 人工知能や最新技術を使って物流を効 率化することを考えているIT技術者 趣味は編み物 IBM CHAMPION 2020
None
SNSでサン フランシス コのSlack社 に届けたい とつぶやく Slack社のアイコンクッションを作成 2019年 とても喜んでもらえました
SUMMARY OF CONTENTS 画像認識やデータ分析を行う際にコンセプト検証(PoC)として、 プロトタイプを開発することがあります。そのプロトタイプ開発に 必要な要件を共有して、最適なNode-REDの使い所をお伝えします - 会社紹介 - プロトタイプ開発に最適とは?
- Node-REDの特徴 - プロトタイプ事例 - ちょっと相談したい事
会社紹介
None
プロトタイプ開発 に最適とは?
プロトタイプ開発の必要性 • 人工知能とか言葉だけでは誇大妄想になりがち • ユーザーの知見を反映させることが重要 • 新しい技術はうまくいくか技術者も不安
プロトタイプ開発に求められる要件 すぐに実装 API連携や部品が揃っており 試したいことが実現できる 検証がカンタン 複数パターンの切り替えや デプロイが簡単にできる 知見を反映 検証によるユーザーの知見を 反映しやすい
Node-REDの 特徴
Node-REDの特徴 カプセル化 カプセル化されたAPI連携や部品 を簡単にインポート ロジック・フロー フローの線をつなぎ変えるだけ 処理を変更できる ブラウザUI ブラウザさえあれば 他は何もいらない
カプセル化 テスト済みのAPI連携や部品を簡単にインポートして利用できる
ロジック・フロー フローの線をつなぎ変えるだけ処理を変更できる
ブラウザUI ブラウザさえあれば他は何もいらない
Webプロトタイピング環境の構成例 クライアント層 UI層 コントロール層 API層 Watson Discovery (自然言語検索) Watson Visual
Recognition (画像分類) Watson Assistant (チャットボット) Google Cloud Vision (文字認識)
IBM Cloud Node-RED お気に入りポイント • 無料(Liteプランで制限あり※1) • SSLがデフォルト • Watsonと連携
※1 プロビジョンされるスループット容量が固定されており、最大 1 GB の暗号化データ・ストレージが利用可能です。
プロトタイプ 事例
画像分類による積載率判定 撮 影 画 像 か ら 積 載 率
の 判 定 部 分 を Web化
物量予測によるダイナミックプライシング 出荷予定をアップロードして、運賃 最適化シミュレーション結果を表示
画像解析による一括検品 iPadで撮影した画像から品番と数量 を判定する Google Cloud Vision (文字認識) バーコードのないラベルを文字認識で一括検品する ラベルイメージ ◦◦物流センター
品番:E194GC-FEE01 数量:120
おまけ:みそ煮込み分類器 スマホで名古屋名物のみそ煮込みを 判定する https://qiita.com/ishii-gifu/items/c7f42197189e9243c6c9 Watson Visual Recognition (画像分類)
ちょっと 相談したい事
相談事① チーム開発はどうしてる? • GoogleDocのように共同編集できない • ソース管理はどうしてる? • デバッグがログ出力のみ?
相談事② Webディレクトリ構造にならないけど。。 • javascriptライブラリの置き場所が困る • 画像ファイルの置き場所が困る • コンポーネント開発には向かない?
相談も気軽にできたら もっとNode-REDは楽しくなる