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
Watson Visual Recognition と Node-RED で 顔認識アプリを簡単に作成する
Search
Taiji HAGINO
PRO
May 29, 2017
Technology
1
1.7k
Watson Visual Recognition と Node-RED で 顔認識アプリを簡単に作成する
こちらは、2017年5月29日BMXUG名古屋での講演資料になります
Taiji HAGINO
PRO
May 29, 2017
Tweet
Share
More Decks by Taiji HAGINO
See All by Taiji HAGINO
JDDUG (Japan Datadog User Group)始動の舞台裏
taijihagino
PRO
0
50
コミュニティマーケティング推進協会 DevRel分野フェローとしての活動指針
taijihagino
PRO
1
75
Tokyo Azure Meetup and why don't we learn English
taijihagino
PRO
0
4
Datadog Japan Meetup 2023 Fall
taijihagino
PRO
0
220
How to use ChatGPT for practicing English
taijihagino
PRO
0
500
Bi-monthly Webinar - Observability Datadog 101 (20230403pos)
taijihagino
PRO
0
65
How to Drive User Community without Community Manager
taijihagino
PRO
1
51
Facets of Observavility
taijihagino
PRO
0
390
Serverless Application Monitoring | DevOps.com Webinar
taijihagino
PRO
0
23
Other Decks in Technology
See All in Technology
Google Cloud Next '24でブログを10本書いた方法と勉強会を沸かせた方法
yasumuusan
0
300
家族アルバム みてねにおけるGrafana活用術 / Grafana Meetup Japan Vol.1 LT
isaoshimizu
1
740
web-application-security
matsuihidetoshi
0
170
Cracking the KubeCon CfP
inductor
2
250
Building Dashboards as a Hobby
egmc
0
210
IaCジェネレーターとBedrockで詳細設計書を生成してみた
tsukasa_ishimaru
1
180
Janus
bkuhlmann
1
490
元インフラエンジニアに成る / Human Resources to Human Relations
bobtani
4
920
生産性向上チームの紹介
cybozuinsideout
PRO
1
870
LangSmith入門―トレース/評価/プロンプト管理などを担うLLMアプリ開発プラットフォーム
os1ma
3
160
KubeCon EU 2024 Recap “Kubernetes Policy Time Machine: Where to Next?”
ryysud
0
220
プロンプトエンジニアリングでがんばらない-Agentic Workflow へ-近藤憲児
kenjikondobai
2
560
Featured
See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
30
6k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
221
21k
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.1k
Fireside Chat
paigeccino
21
2.6k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
78
42k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
19
1.7k
Being A Developer After 40
akosma
57
580k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
It's Worth the Effort
3n
180
27k
Building an army of robots
kneath
300
41k
Visualization
eitanlees
136
14k
What’s in a name? Adding method to the madness
productmarketing
PRO
16
2.6k
Transcript
© 2016 IBM Corporation 1 IBM Bluemix www.bluemix.net Watson Visual
Recognition と Node-RED で 顔認識アプリを簡単に作成する Taiji HAGINO IBM BlueHub
© 2016 IBM Corporation 2 IBM Bluemix www.bluemix.net 1. Profile
© 2016 IBM Corporation 3 IBM Bluemix www.bluemix.net Taiji HAGINO
Developer Advocate IBM Japan BlueHub taiponrock • スタートアップ⽀援 • 技術サポート • イベント・コミュニティ • パートナー連携
© 2016 IBM Corporation 4 IBM Bluemix www.bluemix.net IBM BlueHubのご紹介
IBM BlueHubは、 テクノロジー活⽤とオープン・イノベーション による新事業の創造を⽀援しています。 • イノベーションを実現するテクノロジーの提供 • 事業⽴上げに向けたスタートアップの育成 • ⼤⼿企業とスタートアップとの協業促進
6 BlueHub推進の⽬的 IBMテクノロジーの 活⽤事例の拡⼤ 企業間の コラボレーション 機会の創出 新事業創造 のための エコシステム形成
7 IBM BlueHub パートナーラインナップ Investment Partners Media Partners Evangelist Partners
Operation Partners
テクノロジーを活⽤した スタートアップの事業育成 (Incubation Program) ー 8 IBM BlueHubの活動 オープン・イノベーション による新事業の創出
(Open Innovation Program) ⼤⼿企業 ⼤⼿企業 スタート アップ スタート アップ スタート アップ オープン イノベーション テクノロジー提供 ⼤⼿企業 [テーマ] •Automotive •Healthcare •Inbound Travel … スタート アップ スタート アップ スタート アップ テクノロジー提供 ー BlueHub パートナー [テクノロジー] •Analytics •IoT •Blockchain •Mobile •Security •Watson, etc. メンタリング 1 2
9 テクノロジーのご紹介 – Cognitive Computing n t - x ao
W p x sl p x E R E O E d x a E e OS s f Ts r n
10 テクノロジーのご紹介 - IBM Bluemix 様々なアプ リケーショ ンを構築・管理・実⾏ するための、クラウド ベースのオープン・ス
タンダ ード なPaaS環境
© 2016 IBM Corporation 11 IBM Bluemix www.bluemix.net 1. Overview
© 2016 IBM Corporation 12 IBM Bluemix www.bluemix.net 1.Webアプリケーションを作成する 2.そのアプリ上で、ある⼈物の画像を指定する
3.その画像を解析する 4.解析結果をWebアプリケーションの画⾯に表⽰する •年齢 •性別 •有名⼈かどうか 本⽇やること
© 2016 IBM Corporation 13 IBM Bluemix www.bluemix.net Node-RED アプリ実⾏環境
Cloudant データベース Watson Visual Recognition 画像解析
© 2016 IBM Corporation 14 IBM Bluemix www.bluemix.net 2. Watson
Visual Recognition API
© 2016 IBM Corporation 15 IBM Bluemix www.bluemix.net IBM Bluemix上で
Watson Visual Recognition APIを サービスとして作成しましょう!
© 2016 IBM Corporation 16 IBM Bluemix www.bluemix.net サービスの作成 (or
カタログ) ↓ Visualで検索 ↓ Visual Recognitionを選択
© 2016 IBM Corporation 17 IBM Bluemix www.bluemix.net 価格プランを選択し、作成をクリック
© 2016 IBM Corporation 18 IBM Bluemix www.bluemix.net 少し待つとサービスが作成されます
© 2016 IBM Corporation 19 IBM Bluemix www.bluemix.net 少し待つとサービスが作成されます (参考)
最近、VR Toolが使いやすくなりました
© 2016 IBM Corporation 20 IBM Bluemix www.bluemix.net 例えばこんな感じで使えます
© 2016 IBM Corporation 21 IBM Bluemix www.bluemix.net サービス資格情報を表⽰します 前のページのToolもこれからの⾃作アプリも
api key が必要なので控えておいてください
© 2016 IBM Corporation 22 IBM Bluemix www.bluemix.net 3. Web
Application with Node-RED
© 2016 IBM Corporation 23 IBM Bluemix www.bluemix.net IBM Bluemix上で
Node-REDを使いましょう!
© 2016 IBM Corporation 24 IBM Bluemix www.bluemix.net カタログを選択
© 2016 IBM Corporation 25 IBM Bluemix www.bluemix.net Node-RED Starterを選択
© 2016 IBM Corporation 26 IBM Bluemix www.bluemix.net アプリを作成
© 2016 IBM Corporation 27 IBM Bluemix www.bluemix.net ⾃動でステージング
© 2016 IBM Corporation 28 IBM Bluemix www.bluemix.net エディタへのログインユーザーと パスワードを設定
© 2016 IBM Corporation 29 IBM Bluemix www.bluemix.net ...してました、今までは
© 2016 IBM Corporation 30 IBM Bluemix www.bluemix.net 仕様が変わり今は初期起動時に設定します
© 2016 IBM Corporation 31 IBM Bluemix www.bluemix.net Node-RED flow
editor を開く
© 2016 IBM Corporation 32 IBM Bluemix www.bluemix.net 仕上がりはこんな感じです ⼊⼒httpノード
分岐ノード テンプレートノード 1つ⽬ テンプレートノード 2つ⽬ 変換ノード Visual Recognitionノード デバッグノード httpレスポンスノード
© 2016 IBM Corporation 33 IBM Bluemix www.bluemix.net ⼊⼒httpノード
© 2016 IBM Corporation 34 IBM Bluemix www.bluemix.net 分岐ノード
© 2016 IBM Corporation 35 IBM Bluemix www.bluemix.net テンプレートノード(1つ⽬) https://github.com/taijihagino/faceapp_nodered/blob/master/htmlpage_node.html
© 2016 IBM Corporation 36 IBM Bluemix www.bluemix.net 変換ノード
© 2016 IBM Corporation 37 IBM Bluemix www.bluemix.net Visual Recognitionノード
ここで、先ほど控えておいた api key を⼊⼒してください
© 2016 IBM Corporation 38 IBM Bluemix www.bluemix.net テンプレートノード(2つ⽬) https://github.com/taijihagino/faceapp_nodered/blob/master/reporthtml_node.html
© 2016 IBM Corporation 39 IBM Bluemix www.bluemix.net httpレスポンスノード
© 2016 IBM Corporation 40 IBM Bluemix www.bluemix.net フローのDefinitionは、 JSON形式でこちらから取得できます
https://github.com/taijihagino/faceapp_nodered
© 2016 IBM Corporation 41 IBM Bluemix www.bluemix.net 4. Use
Application!!
© 2016 IBM Corporation 42 IBM Bluemix www.bluemix.net Node-REDで作成したWebアプリのURLは、 https://<Node-RED経路>/<入力httpノードで指定した文字列>
例) https://taipon-noderedapp01.mybluemix.net/face
© 2016 IBM Corporation 43 IBM Bluemix www.bluemix.net こんな感じです
© 2016 IBM Corporation 44 IBM Bluemix www.bluemix.net こんな感じです
© 2016 IBM Corporation 45 IBM Bluemix www.bluemix.net おつかれさまでした!
For more information IBM BlueHub official website www.ibm.com/ibm/jp/bluehub/ IBM BlueHub
official Facebook www.facebook.com/IBMBlueHub