Node RED は Web プロトタイピング環境として最適

by ishiitetsuji

Slide 1

Slide 1 text

Node-REDは Webプロトタイピング環境として最適 Node-RED is the best web prototyping environment

Slide 2

Slide 2 text

石井哲治名古屋工業大学 1998年卒株式会社セイノー情報サービスに勤務人工知能や最新技術を使って物流を効率化することを考えているIT技術者趣味は編み物 IBM CHAMPION 2020

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

SNSでサンフランシスコのSlack社に届けたいとつぶやく Slack社のアイコンクッションを作成 2019年とても喜んでもらえました

Slide 5

Slide 5 text

SUMMARY OF CONTENTS 画像認識やデータ分析を行う際にコンセプト検証（PoC）として、プロトタイプを開発することがあります。そのプロトタイプ開発に必要な要件を共有して、最適なNode-REDの使い所をお伝えします - 会社紹介 - プロトタイプ開発に最適とは？ - Node-REDの特徴 - プロトタイプ事例 - ちょっと相談したい事

Slide 6

Slide 6 text

会社紹介

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

プロトタイプ開発に最適とは？

Slide 9

Slide 9 text

プロトタイプ開発の必要性 • 人工知能とか言葉だけでは誇大妄想になりがち • ユーザーの知見を反映させることが重要 • 新しい技術はうまくいくか技術者も不安

Slide 10

Slide 10 text

プロトタイプ開発に求められる要件すぐに実装 API連携や部品が揃っており試したいことが実現できる検証がカンタン複数パターンの切り替えやデプロイが簡単にできる知見を反映検証によるユーザーの知見を反映しやすい

Slide 11

Slide 11 text

Node-REDの特徴

Slide 12

Slide 12 text

Node-REDの特徴カプセル化カプセル化されたAPI連携や部品を簡単にインポートロジック・フローフローの線をつなぎ変えるだけ処理を変更できるブラウザUI ブラウザさえあれば他は何もいらない

Slide 13

Slide 13 text

カプセル化テスト済みのAPI連携や部品を簡単にインポートして利用できる

Slide 14

Slide 14 text

ロジック・フローフローの線をつなぎ変えるだけ処理を変更できる

Slide 15

Slide 15 text

ブラウザUI ブラウザさえあれば他は何もいらない

Slide 16

Slide 16 text

Webプロトタイピング環境の構成例クライアント層 UI層コントロール層 API層 Watson Discovery （自然言語検索） Watson Visual Recognition （画像分類） Watson Assistant （チャットボット） Google Cloud Vision （文字認識）

Slide 17

Slide 17 text

IBM Cloud Node-RED お気に入りポイント • 無料（Liteプランで制限あり※1） • SSLがデフォルト • Watsonと連携 ※1 プロビジョンされるスループット容量が固定されており、最大 1 GB の暗号化データ・ストレージが利用可能です。

Slide 18

Slide 18 text

プロトタイプ事例

Slide 19

Slide 19 text

画像分類による積載率判定撮影画像から積載率の判定部分を Web化

Slide 20

Slide 20 text

物量予測によるダイナミックプライシング出荷予定をアップロードして、運賃最適化シミュレーション結果を表示

Slide 21

Slide 21 text

画像解析による一括検品 iPadで撮影した画像から品番と数量を判定する Google Cloud Vision （文字認識）バーコードのないラベルを文字認識で一括検品するラベルイメージ ○○物流センター品番：E194GC-FEE01 数量：120

Slide 22

Slide 22 text

おまけ：みそ煮込み分類器スマホで名古屋名物のみそ煮込みを判定する https://qiita.com/ishii-gifu/items/c7f42197189e9243c6c9 Watson Visual Recognition （画像分類）

Slide 23

Slide 23 text

ちょっと相談したい事

Slide 24

Slide 24 text

相談事① チーム開発はどうしてる？ • GoogleDocのように共同編集できない • ソース管理はどうしてる？ • デバッグがログ出力のみ？

Slide 25

Slide 25 text

相談事② Webディレクトリ構造にならないけど。。 • javascriptライブラリの置き場所が困る • 画像ファイルの置き場所が困る • コンポーネント開発には向かない？

Slide 26

Slide 26 text

相談も気軽にできたらもっとNode-REDは楽しくなる