マッチングアプリの作り方
TRANSCRIPT
マッチン アプ く 方
2017年4月11日
目次
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
IT ー 持 た人同士 マッチン させ 力 あ
IT 互い ー 合う人同士 出会い、結び くこ
マッチン 支援 社会 輪 広 役立 近年IT い ッ ン 例 例: 企業 人材採用 支援[応募者×採用担当者] 消費者 目的 合う公共施設(e.i. ン ) 紹介 支援[消費者×経営者] 患者 治療 適 医療施設 ン 発見 支援[患者×医者]
3
自分 合うパ トナ 欲 い!!
う ??
本題: 自分 合うパー ー 得たい 思 たこ あ せ ?
一人だ さみ い
周 気の合う人いい
い 喧嘩ば
他 良い人い ん い
1. い い時 2. い 時
4
自分 合うパー ー 得 た ップ
ッ 1.自分 考え 価値観 知
ッ 2.自分 同 考え 価値観 人 見
ッ 3. 人 出会い 交流
今回 2 ッ 注目
5
上記 ップ1,2実現 た 、こ う 仕組 考えた
指定 ン 沿 自分 考えや 趣向 入力
自分
携帯端末
情報 分析 格納 い 他 ン 情報 比較
自分 考えや趣向 ッ ン 相手 情報 発見
ッ ン 相手 コン 取 交流 深 今回
実装 未着手
マッチン 成功!
入力 情報 送信 内
6
IBM 製品 、こ 仕組 実現 !
アン ー 入力
DSX
分析結果出力
Cloudant NoSQL DB
Compose for RabbitMQ
ータ収集
アプ
ータ格納
Node-Red
表示
Python
ア タイム
集計
分析
Node.js
人材 価値観や行動規範 コ 算出 似 コ 持 相手 表示
7
Bluemix 環境構築
1. • Bluemix web 上 画面右上 三本線 ッ
• ン 表示 登録 ッ • ン 登録 表示 • E 必要 情報 入力 ン 作成 ッ
8
Bluemix 環境構築
2. • 作成 ン ン後 作成 ン 表示 • 右図 う 名 入力 作成 ッ 一番最初 名 dev 推奨
3. • 画面 上部 設定 ッ • ン上 地域 ッ • 米国南部 英国 3 中 右図 う 選択
9
Node-Red 環境構築
1. • Bluemix ッ • 欄 行 • 右図 Node-RED Starter 項目 ッ
2. • 右図 Cloud Foundry 作成 表示 • 名 Noderedapp+任意 blue ) 形 入力
10
ン 回答情報 収集 Node-Red 環境 構築
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
Node-Red 環境構築
5. • 左 画面 表示 • 実行中 文字 緑 ン 待 • ン 表示 経 画面上部右端 表示
ッ
6. • Node-Red in Bluemix editor 表示 • 赤い四角 Go to your Node-RED flow editor ッ
12
Cloudant イン タン 作成&接続
1. • Bluemix ン 一番左 枠 四角い三本線 ッ • 行 • 中 全 欄 自分 作成 Node-red 同 名前 い CloudantNoSQLDB 名前 あ ッ
• DB 起動 表示 • Launch ッ
13
Cloudant イン タン 作成&接続
2. • Cloudant 表示 確認 • 画面左 Database ッ Create Database いう箇所
ッ • 好 名前 入力 Database 作成
14
Cloudant イン タン 作成&接続
3. • 作成 Database ッ 詳細 飛ぶ • 欄 画面中央 あ permissions ッ • 画面 表示 _reader _writer 上 2段目 欄 ッ ッ 画面 う ッ • ③ Generate API Key 押 • ➃ う 青い欄 表示 • 後ほ 使用 Key(id) Password あ 一度 表示 い 必 ひ え
③
➃
15
Cloudant イン タン 作成&接続
続 URL 4. • 資格情報 ッ • 画面 行 追加 ッ 新規資格情報 作成 • 画面 う 作成 資格情報 右横 資格情報 表示 ッ 下 青い欄 表示
保護 青い欄 隠 い ) • 青い欄 中 [username] 続 文字 [host:~] 続 URL(bluemix.cloudant.com 終わ 箇所
控え
③ 続 名前
16
Node-Redフロー 作成
1. • Node-Red in Bluemix 上 Go to your Node-RED flow editor P.12参照 ッ
図 構築 画面 表示 • 画面右端上 四角 三本線 ッ 三本線 左横 枠 中 文字 い 確認 読 込 ッ 行
17
Node-Redフロー 作成
2. • 読 込 表示 • 下記 ン 掲載 い 中身
コ &
3. 上記 図 作成
18
Node-Redフロー 作成
3. • 一部 あ hackathonb ッ . • 処理ノ 編集 画面 表示 • 設定 Server Database Operation Name 入 い 名前 上記 う
• Server 横 あ ッ
4. • 上記 う Username Password 入力 画面 表示
19
Node-Redフロー 作成
5. • Host p16 取得 username 入 • Username P.15 取得 Key 入 • Password P.15 取得 Password 入 • 更新 押 ッ • Node-red Cloudant ン ン 接続
20
Node-Redフロー 作成 フロー図説明
情報 受信 debug 送信 21
質問回答 内容 書
アン ー 回答内容 送信し ータベー 格納す 処理
アン ー 画面 表示す 処理
送 情報 json形式 変換
JSONCloudant 格納
Node-Redフロー 作成
6. • ン ッ • Node-Red 図 表示 い URL red/# answerget 変え Enter 押
22
表示さ 画面
ン 入力画面 表示 答え 入力 submit 押
回答送信 画面 出
23
Compose for RabbitMQ 環境構築
2. • 名や資格情報名 表示 画面 表示 • 作成 ッ
1. IBM Bluemix ン ン 状態 &分析
Compose for RabbitMQ ッ
24
Node-Red 収集 ン 後 DSX 分析 Node.js 送 web 表示 う 必要 あ
, 使用 順番 Node.js 送 Compose for RabbitMQ 環境 構築
Compose for RabbitMQ 環境構築
=接続先情報
=認証情報
③
3. • 資格情報 ッ • 資格情報 表示 ッ 資格情報 載 い 青い欄 表示 • ③ 接続先情報 認証情報 確認 • 接続先情報 記載 い URL(amaps:://admin:以下〜 認証情報 記載 い [ca_cerificate_base64:~] 以下 情報 後ほ DSX上 Notebook 必要コ 中 記載 必要 あ
控え
25
=必 控え
Node.Js イン ー プロ ム構築
1. • Node.js 行 • Web上 DSX ン 分析結果 後 参照 表示 必要 言語 あ Node.js PC ン 注:)Mac 2 ン ン [V6.10.0LTS] 推奨
26
Node.Js イン ー プロ ム構築
2. • Node.js 用い web上 分析結果 形状 表示 作成 • 内容 下記 ン 参照 (コ & 利用い
27
Node.Js イン ー プロ ム構築
3. • 前 ン 先 github 場合 上記 コ ン 参照 順序 沿 組 立 い 注) 上記 app.js コ 内 56行目 [var rabbit = ‘amaps:~] 入 URL 自身 Compose for Rabbit MQ 資格情報 含 接続先情報] URL p.25参照) い い URL 正 入力 Rabbit MQ 取得
28
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) 環境 構築
Data Science Experience (DSX) 環境構築
4. • Name 入力 • 分析処理 行うコ ( Python 作成 使用 Browse 入 • 以下 ン 取得可能
5. 画面下部 Create Notebook ッ
30
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
Data Science Experience (DSX) 環境構築
6. • 中 同 う Cloudant 情報 入 必要 あ • 上記画面 赤い文字 部分 <hostname> 箇所 p16 URL 入 • <username> p15 取得 key 入 <password> 同 p.16 取得 password 入 • ”hackathonb” p.14 作成 Database 名前 入 他 赤い文字 良い
32
Data Science Experience (DSX) 環境構築
7. • 順番 Project画面上 コ 選択 Run 押 い • ひ ひ 箇所 都度青い枠 囲 い 箇所 処理 終わ 次 箇所 Run 待 • 全 箇所 実行 終わ 分析結果 web上 表示 次 参照
Run ン
実行 べ順番
33
Data Science Experience (DSX) 環境構築
7. • 上 先ほ Node.js 作成 URL( ) 見
• 上記 う ン 集計結果 表示 (上記画面上 被験者 名前 伏
34
アプ 仕組 さ い
ン 画面表示 回答入力 処理
端末 ン
画面 表示 回答入力
ン 貯蓄
分析 Web上 分析結果 表示
入 送
Bluemix内
=
ン 画面 分析結果 画面
Node-Red Cloudant Data Science Experience Compose for Rabbit MQ Node.Js ユーザー端末
人材 価値観や行動規範 マッチン コア 算出す 仕組
35
36
参考情報:〜 う少し深く知 たい方 た すす ガイ 〜
Bluemix利用
Bluemix
Bluemix 基礎: Node.js Cloudant NoSQL 追加
37
免責事項
© Copyright IBM Corporation 2017.All Rights Reserved.
本書 含 情報 情報提供 目的 提供 い 本書 情報 完全性 ひ正確性 い 最善 努力 払い 本書 内容 現状 提供 あ IBM い 明示 黙示 保証責任 負い 本書 情報 IBM 現行 製品計画 ひ戦略 基
あ 予告 変更 場合 あ IBM 本書 ひ 他関連文書 使用 起因 い 損害 い 責任 負い 本書 IBM ( IBM ン ) い 保証責任 負わ IBM 使用 際 適用 使用条件 内容 変更 あ
本書 記載 製品 日本 い 提供 い い場合 あ 日本 利用可能 製品 い 日本 IBM 営業担当員 尋 い 本 ン ン 言及 い 製品 日付や製品機能 市場機会 他 要因 基 い IBM 独自 決定権 い 変更 い 方法 い 将来 製品 機能 使用可能 確約 意図 あ本資料 含 い 内容 読者 実施 活動 特定 販売 売上高 向上 他 結果 生 述べ 暗示 意図
う 結果 生 あ
IBM IBM Corporation 米国 ひ 他 国 登録商標
他 会社名 製品名 ひ 名等 各社 商標 あ 場合 あ
38