Slide 1

Slide 1 text

WATSON×LINE BOT -細かすぎて伝わらない話- 三浦 耕生

Slide 2

Slide 2 text

自己紹介 • 三浦 耕生(こうき) • 生年月日:1995年5月5日(24歳) • 大学院生、Code for AICHI所属 • Twitter : @k_miura_io • Facebook : koki.miura05

Slide 3

Slide 3 text

宣伝 • 月一ペースで名古屋でWatson, IBM Cloudのハンズオンを開催予定 • 第1回は6月30日にCODE BASE NAGOYAにて開催 • ゲストは萩野たいじさん(IBM デベロッパーアドボケイト)

Slide 4

Slide 4 text

CONNPASSにて受付中 https://bit.ly/2QDMYbm

Slide 5

Slide 5 text

こんな感じのもの作 ります • Watson Assistantを使ったLINE Bot • 予約システムっぽいものを作成 • ノンコーディング(ココ重要!!)

Slide 6

Slide 6 text

よろしくお願いします

Slide 7

Slide 7 text

END

Slide 8

Slide 8 text

本題入ります

Slide 9

Slide 9 text

WATSONで画像認識する LINE BOT • 元々Node-REDでWatson Assistantをつかったチャットボットを 作った時に画像認識を入れてみたかったという軽い気持ち挑 戦 • 調べてみるとあまり情報が少なく挫折しかけた • 以下そのつまづきポイントを紹介

Slide 10

Slide 10 text

つまずきポイント • Webhookを使っているので画像データは別の何かしらの形で取り出さないといけない • どうやってデータを取り出せばいいのかがよく分からない

Slide 11

Slide 11 text

公式ドキュメントに よると • どうやらちゃんと画像や動画などのコ ンテンツをダウンロードするための REST APIがあるみたい • こいつで画像のインストールできそう

Slide 12

Slide 12 text

FUNCTIONノードを 追加 • Functionノードを使って画像をインス トールするためのセッティングをする • Requestノードの入力項目に合わせ る • Requestノードは接続するだけ

Slide 13

Slide 13 text

完成したフローがこちら

Slide 14

Slide 14 text

早速画像データを送信 • Requestは正常に動作してるっぽい • Visual Recognitionに読み込めない…

Slide 15

Slide 15 text

\(^o^)/

Slide 16

Slide 16 text

REQUESTノードの出 力形式を指定 • Requestノードの出力形式が文字列 になっていた • バッファーデータに設定

Slide 17

Slide 17 text

デモ

Slide 18

Slide 18 text

まとめ • Node-REDを使えばドラッグ&ドロップで簡単にアプリが出来る • Functionノードで工夫すれば機能を拡張させることが出来る • Node-REDはいいぞ! • でも画像を扱うときは用途が限られそう(pythonでやったほうがいいかも) • ハンズオンもよろしくお願いします

Slide 19

Slide 19 text

ご清聴ありがとうございました