マッチン アプ く 方
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 イン タン 作成&接続
続 URL4.
• 資格情報 ッ
• 画面 行 追加 ッ 新規資格情報 作成
• 画面 う 作成 資格情報 右横 資格情報 表示 ッ 下 青い欄 表示
保護 青い欄 隠 い )
• 青い欄 中 [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形式 変換
JSON
Cloudant 格納
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

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

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