マッチングアプリの作り方

38
岣マッチン崘アプ嵒岤峘峎く峴方 2017411

Upload: ibm-analytics-japan

Post on 16-Apr-2017

373 views

Category:

Engineering


1 download

TRANSCRIPT

Page 1: マッチングアプリの作り方

マッチン アプ く 方

2017年4月11日

Page 2: マッチングアプリの作り方

目次

2

Bluemix 環境構築 p.8-9

Node-Red 環境構築 p.10-12 Cloudant ン ン 作成 接続 p.13-16

Compose for RabbitMQ 環境構築 p.24-25

Node.Js ン 構築 p.26-28

Data Science Experience (DSX) 環境構築 p.29-34

仕組 い p.35

Node-Red 作成 p.17-22

p.3-7

表示 画面 p.23

p.36

参考情報 p.37 免責事項 p.38

Page 3: マッチングアプリの作り方

IT ー 持 た人同士 マッチン させ 力 あ

IT 互い ー 合う人同士 出会い、結び くこ

マッチン 支援 社会 輪 広 役立 近年IT い ッ ン 例 例: 企業 人材採用 支援[応募者×採用担当者] 消費者 目的 合う公共施設(e.i. ン ) 紹介 支援[消費者×経営者] 患者 治療 適 医療施設 ン 発見 支援[患者×医者]

3

Page 4: マッチングアプリの作り方

自分 合うパ トナ 欲 い!!

う ??

本題: 自分 合うパー ー 得たい 思 たこ あ せ ?

一人だ さみ い

周 気の合う人いい

い 喧嘩ば

他 良い人い ん い

1. い い時 2. い 時

4

Page 5: マッチングアプリの作り方

自分 合うパー ー 得 た ップ

ッ 1.自分 考え 価値観 知

ッ 2.自分 同 考え 価値観 人 見

ッ 3. 人 出会い 交流

今回 2 ッ 注目

5

Page 6: マッチングアプリの作り方

上記 ップ1,2実現 た 、こ う 仕組 考えた

指定 ン 沿 自分 考えや 趣向 入力

自分

携帯端末

情報 分析 格納 い 他 ン 情報 比較

自分 考えや趣向 ッ ン 相手 情報 発見

ッ ン 相手 コン 取 交流 深 今回

実装 未着手

マッチン 成功!

入力 情報 送信 内

6

Page 7: マッチングアプリの作り方

IBM 製品 、こ 仕組 実現 !

アン ー 入力

DSX

分析結果出力

Cloudant NoSQL DB

Compose for RabbitMQ

ータ収集

アプ

ータ格納

Node-Red

表示

Python

ア タイム

集計

分析

Node.js

人材 価値観や行動規範 コ 算出 似 コ 持 相手 表示

7

Page 9: マッチングアプリの作り方

Bluemix 環境構築

2. • 作成 ン ン後 作成 ン 表示 • 右図 う 名 入力 作成 ッ 一番最初 名 dev 推奨

3. • 画面 上部 設定 ッ • ン上 地域 ッ • 米国南部 英国 3 中 右図 う 選択

9

Page 10: マッチングアプリの作り方

Node-Red 環境構築

1. • Bluemix ッ • 欄 行 • 右図 Node-RED Starter 項目 ッ

2. • 右図 Cloud Foundry 作成 表示 • 名 Noderedapp+任意 blue ) 形 入力

10

ン 回答情報 収集 Node-Red 環境 構築

Page 11: マッチングアプリの作り方

Node-Red 環境構築

3. • 下部 移動 • 選択済 ン SDK for Nodes.js

Cloudant NoSQL DB 選択 ン あ • SDK for Nodes.js Node.js(

ン 言語) 使う あ • Cloudant NoSQL DB Node-Red 集 格納 あ

• SDK for Nodes.js Cloudant NoSQL DB ン ン 作成

• ン 選択 ン 適切 ッ SDK for Node.js Cloudant

NoSQL Lite 推奨 い

4.必要事項 入力 終わ 画面下 作成 ッ

11

Page 12: マッチングアプリの作り方

Node-Red 環境構築

5. • 左 画面 表示 • 実行中 文字 緑 ン 待 • ン 表示 経 画面上部右端 表示

6. • Node-Red in Bluemix editor 表示 • 赤い四角 Go to your Node-RED flow editor ッ

12

Page 13: マッチングアプリの作り方

Cloudant イン タン 作成&接続

1. • Bluemix ン 一番左 枠 四角い三本線 ッ • 行 • 中 全 欄 自分 作成 Node-red 同 名前 い CloudantNoSQLDB 名前 あ ッ

• DB 起動 表示 • Launch ッ

13

Page 14: マッチングアプリの作り方

Cloudant イン タン 作成&接続

2. • Cloudant 表示 確認 • 画面左 Database ッ Create Database いう箇所

ッ • 好 名前 入力 Database 作成

14

Page 15: マッチングアプリの作り方

Cloudant イン タン 作成&接続

3. • 作成 Database ッ 詳細 飛ぶ • 欄 画面中央 あ permissions ッ • 画面 表示 _reader _writer 上 2段目 欄 ッ ッ 画面 う ッ • ③ Generate API Key 押 • ➃ う 青い欄 表示 • 後ほ 使用 Key(id) Password あ 一度 表示 い 必 ひ え

15

Page 16: マッチングアプリの作り方

Cloudant イン タン 作成&接続

続 URL 4. • 資格情報 ッ • 画面 行 追加 ッ 新規資格情報 作成 • 画面 う 作成 資格情報 右横 資格情報 表示 ッ 下 青い欄 表示

保護 青い欄 隠 い ) • 青い欄 中 [username] 続 文字 [host:~] 続 URL(bluemix.cloudant.com 終わ 箇所

控え

③ 続 名前

16

Page 17: マッチングアプリの作り方

Node-Redフロー 作成

1. • Node-Red in Bluemix 上 Go to your Node-RED flow editor P.12参照 ッ

図 構築 画面 表示 • 画面右端上 四角 三本線 ッ 三本線 左横 枠 中 文字 い 確認 読 込 ッ 行

17

Page 18: マッチングアプリの作り方

Node-Redフロー 作成

2. • 読 込 表示 • 下記 ン 掲載 い 中身

コ &

3. 上記 図 作成

18

Page 19: マッチングアプリの作り方

Node-Redフロー 作成

3. • 一部 あ hackathonb ッ . • 処理ノ 編集 画面 表示 • 設定 Server Database Operation Name 入 い 名前 上記 う

• Server 横 あ ッ

4. • 上記 う Username Password 入力 画面 表示

19

Page 20: マッチングアプリの作り方

Node-Redフロー 作成

5. • Host p16 取得 username 入 • Username P.15 取得 Key 入 • Password P.15 取得 Password 入 • 更新 押 ッ • Node-red Cloudant ン ン 接続

20

Page 21: マッチングアプリの作り方

Node-Redフロー 作成 フロー図説明

情報 受信 debug 送信 21

質問回答 内容 書

アン ー 回答内容 送信し ータベー 格納す 処理

アン ー 画面 表示す 処理

送 情報 json形式 変換

JSONCloudant 格納

Page 22: マッチングアプリの作り方

Node-Redフロー 作成

6. • ン ッ • Node-Red 図 表示 い URL red/# answerget 変え Enter 押

22

Page 23: マッチングアプリの作り方

表示さ 画面

ン 入力画面 表示 答え 入力 submit 押

回答送信 画面 出

23

Page 24: マッチングアプリの作り方

Compose for RabbitMQ 環境構築

2. • 名や資格情報名 表示 画面 表示 • 作成 ッ

1. IBM Bluemix ン ン 状態 &分析

Compose for RabbitMQ ッ

24

Node-Red 収集 ン 後 DSX 分析 Node.js 送 web 表示 う 必要 あ

, 使用 順番 Node.js 送 Compose for RabbitMQ 環境 構築

Page 25: マッチングアプリの作り方

Compose for RabbitMQ 環境構築

=接続先情報

=認証情報

3. • 資格情報 ッ • 資格情報 表示 ッ 資格情報 載 い 青い欄 表示 • ③ 接続先情報 認証情報 確認 • 接続先情報 記載 い URL(amaps:://admin:以下〜 認証情報 記載 い [ca_cerificate_base64:~] 以下 情報 後ほ DSX上 Notebook 必要コ 中 記載 必要 あ

控え

25

=必 控え

Page 26: マッチングアプリの作り方

Node.Js イン ー プロ ム構築

1. • Node.js 行 • Web上 DSX ン 分析結果 後 参照 表示 必要 言語 あ Node.js PC ン 注:)Mac 2 ン ン [V6.10.0LTS] 推奨

26

Page 28: マッチングアプリの作り方

Node.Js イン ー プロ ム構築

3. • 前 ン 先 github 場合 上記 コ ン 参照 順序 沿 組 立 い 注) 上記 app.js コ 内 56行目 [var rabbit = ‘amaps:~] 入 URL 自身 Compose for Rabbit MQ 資格情報 含 接続先情報] URL p.25参照) い い URL 正 入力 Rabbit MQ 取得

28

Page 29: マッチングアプリの作り方

Data Science Experience (DSX) 環境構築

1. • Bluemix ン 利用 DSX ン 作成 • ン 先 中央 sign up for a free trial ッ • 上記 画像 表示 Sign in with your IBMid ッ • Bluemix id ン • DSX ン 自動 作成 3.

画面上部 一番右端 ン Create notebook ッ

2. DSX ン 作成 Community 表示

29

ン 分析 Data Science Experience (DSX) 環境 構築

Page 30: マッチングアプリの作り方

Data Science Experience (DSX) 環境構築

4. • Name 入力 • 分析処理 行うコ ( Python 作成 使用 Browse 入 • 以下 ン 取得可能

5. 画面下部 Create Notebook ッ

30

Page 31: マッチングアプリの作り方

Data Science Experience (DSX) 環境構築

5. • DSX Notebook 入力 コ 中 ssl.opts full_url 箇所 あ • ssl.opts P25 認証情報 箇所 あ full_url P25 接続先情報 箇所 あ • 上記 画像 中 赤い文 箇所 接続先情報 記載 い URL(amaps:://admin:以下〜 認証情報 記載 い [ca_cerificate_base64:~]以下 文 置 換え • DSX 分析結果 Rabbit MQ 送信

31

Page 32: マッチングアプリの作り方

Data Science Experience (DSX) 環境構築

6. • 中 同 う Cloudant 情報 入 必要 あ • 上記画面 赤い文字 部分 <hostname> 箇所 p16 URL 入 • <username> p15 取得 key 入 <password> 同 p.16 取得 password 入 • ”hackathonb” p.14 作成 Database 名前 入 他 赤い文字 良い

32

Page 33: マッチングアプリの作り方

Data Science Experience (DSX) 環境構築

7. • 順番 Project画面上 コ 選択 Run 押 い • ひ ひ 箇所 都度青い枠 囲 い 箇所 処理 終わ 次 箇所 Run 待 • 全 箇所 実行 終わ 分析結果 web上 表示 次 参照

Run ン

実行 べ順番

33

Page 34: マッチングアプリの作り方

Data Science Experience (DSX) 環境構築

7. • 上 先ほ Node.js 作成 URL( ) 見

• 上記 う ン 集計結果 表示 (上記画面上 被験者 名前 伏

34

Page 35: マッチングアプリの作り方

アプ 仕組 さ い

ン 画面表示 回答入力 処理

端末 ン

画面 表示 回答入力

ン 貯蓄

分析 Web上 分析結果 表示

入 送

Bluemix内

ン 画面 分析結果 画面

Node-Red Cloudant Data Science Experience Compose for Rabbit MQ Node.Js ユーザー端末

人材 価値観や行動規範 マッチン コア 算出す 仕組

35

Page 36: マッチングアプリの作り方

36

Page 37: マッチングアプリの作り方

参考情報:〜 う少し深く知 たい方 た すす ガイ 〜

Bluemix利用

Bluemix

Bluemix 基礎: Node.js Cloudant NoSQL 追加

37

Page 38: マッチングアプリの作り方

免責事項

© Copyright IBM Corporation 2017.All Rights Reserved.

本書 含 情報 情報提供 目的 提供 い 本書 情報 完全性 ひ正確性 い 最善 努力 払い 本書 内容 現状 提供 あ IBM い 明示 黙示 保証責任 負い 本書 情報 IBM 現行 製品計画 ひ戦略 基

あ 予告 変更 場合 あ IBM 本書 ひ 他関連文書 使用 起因 い 損害 い 責任 負い 本書 IBM ( IBM ン ) い 保証責任 負わ IBM 使用 際 適用 使用条件 内容 変更 あ

本書 記載 製品 日本 い 提供 い い場合 あ 日本 利用可能 製品 い 日本 IBM 営業担当員 尋 い 本 ン ン 言及 い 製品 日付や製品機能 市場機会 他 要因 基 い IBM 独自 決定権 い 変更 い 方法 い 将来 製品 機能 使用可能 確約 意図 あ本資料 含 い 内容 読者 実施 活動 特定 販売 売上高 向上 他 結果 生 述べ 暗示 意図

う 結果 生 あ

IBM IBM Corporation 米国 ひ 他 国 登録商標

他 会社名 製品名 ひ 名等 各社 商標 あ 場合 あ

38