Submit Search
Ipメッセージング勉強会
0 likes
575 views
Katsumi Takahashi
2016/2/26に開催されたTwilio-UGの勉強会資料です。
Technology
Read more
1 of 38
Download now
Download to read offline
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
More Related Content
PDF
Twilio x AITalk 勉強会資料
Katsumi Takahashi
PDF
「自動電話リレーサービス」を作ってみてわかった、Twilioを使ったビジネスの可能性
Katsumi Takahashi
PDF
Twilioビジネスセミナー資料
Katsumi Takahashi
PDF
TRANSREC開発秘話(TwilioビジネスセミナーVol.7)
Katsumi Takahashi
PPTX
今日からでもできる!とある企業のtwilio活用方法
Yoshimasa Yaguma
PDF
Twilioビジネスセミナー Vol.5 - コールセンター
twilioforkwc
PDF
Twilioビジネスセミナー20141023 twilioで変わる皆様のビジネス - 杉山 一夫
twilioforkwc
PDF
Twilioビジネスセミナー20141023 twilioで切り拓く新しいビジネス - 小出 範幸
twilioforkwc
Twilio x AITalk 勉強会資料
Katsumi Takahashi
「自動電話リレーサービス」を作ってみてわかった、Twilioを使ったビジネスの可能性
Katsumi Takahashi
Twilioビジネスセミナー資料
Katsumi Takahashi
TRANSREC開発秘話(TwilioビジネスセミナーVol.7)
Katsumi Takahashi
今日からでもできる!とある企業のtwilio活用方法
Yoshimasa Yaguma
Twilioビジネスセミナー Vol.5 - コールセンター
twilioforkwc
Twilioビジネスセミナー20141023 twilioで変わる皆様のビジネス - 杉山 一夫
twilioforkwc
Twilioビジネスセミナー20141023 twilioで切り拓く新しいビジネス - 小出 範幸
twilioforkwc
What's hot
(20)
PPTX
Bluemixユーザー会発表資料 - デモ付き
twilioforkwc
PDF
IIJmio meeting 5 みおふぉん教室:電話料金節約術
techlog (Internet Initiative Japan Inc.)
PDF
【Interop tokyo 2014】 無線LANとFacebookを活用したデジタルマーケティングの導入
シスコシステムズ合同会社
PDF
Twilioビジネスセミナー20140624
twilioforkwc
PDF
IIJmio meeting #2 みおぽんAPIの話
techlog (Internet Initiative Japan Inc.)
PDF
LINE BOOT AWARDS 2018 FINAL STAGE プレゼンテーション
Yuji Ueki
PDF
IIJmio meeting#4 みおふぉん教室
techlog (Internet Initiative Japan Inc.)
PPTX
いもうとBOTのご紹介
Yuji Ueki
PDF
第2回 ボット自慢LT大会の資料(あにBOT)
Yuji Ueki
PDF
ビジネスワールドトークのご案内
Worldtalk
PDF
IIJmio meeting #3 音声通話サービスのお話
techlog (Internet Initiative Japan Inc.)
PPTX
東北で3年間クラウドのフルマネージドサービスをやってきて感じたこと
Takuya Tachibana
PPTX
いもうとBOT - [3/28]LINE Bot Developers Meetup発表資料
Yuji Ueki
PDF
LTF・LTCR_サービス概要資料
ssusera569d7
PDF
ミラロボ(RPA Community)
Hideki Hayashi
PDF
IIJmio meeting 7 みおふぉん教室 スマホメールの引っ越し方
techlog (Internet Initiative Japan Inc.)
PDF
Kintone hands on
twilioforkwc
PDF
LINE WORKSを活用したチャットボットが現場とkintoneを繋ぐ
Tomohisa Hoshino
PPTX
Edtechスタートアップ成否のポイント
leverages_event
PDF
[LWTT] LINE WORKS のトーク履歴をSFDC上で管理しよう
Kazuma Shirai
Bluemixユーザー会発表資料 - デモ付き
twilioforkwc
IIJmio meeting 5 みおふぉん教室:電話料金節約術
techlog (Internet Initiative Japan Inc.)
【Interop tokyo 2014】 無線LANとFacebookを活用したデジタルマーケティングの導入
シスコシステムズ合同会社
Twilioビジネスセミナー20140624
twilioforkwc
IIJmio meeting #2 みおぽんAPIの話
techlog (Internet Initiative Japan Inc.)
LINE BOOT AWARDS 2018 FINAL STAGE プレゼンテーション
Yuji Ueki
IIJmio meeting#4 みおふぉん教室
techlog (Internet Initiative Japan Inc.)
いもうとBOTのご紹介
Yuji Ueki
第2回 ボット自慢LT大会の資料(あにBOT)
Yuji Ueki
ビジネスワールドトークのご案内
Worldtalk
IIJmio meeting #3 音声通話サービスのお話
techlog (Internet Initiative Japan Inc.)
東北で3年間クラウドのフルマネージドサービスをやってきて感じたこと
Takuya Tachibana
いもうとBOT - [3/28]LINE Bot Developers Meetup発表資料
Yuji Ueki
LTF・LTCR_サービス概要資料
ssusera569d7
ミラロボ(RPA Community)
Hideki Hayashi
IIJmio meeting 7 みおふぉん教室 スマホメールの引っ越し方
techlog (Internet Initiative Japan Inc.)
Kintone hands on
twilioforkwc
LINE WORKSを活用したチャットボットが現場とkintoneを繋ぐ
Tomohisa Hoshino
Edtechスタートアップ成否のポイント
leverages_event
[LWTT] LINE WORKS のトーク履歴をSFDC上で管理しよう
Kazuma Shirai
Ad
Viewers also liked
(16)
PPSX
Curiosidades
Tata Barbosa Rodriguês
ODP
Carnaval
mjose01
DOCX
Foro act 3 jesquiveli
Jose Es
PDF
Sistemas operativos para móviles
Jose Rodriguez
PPTX
Popayan
yiseth leiva
PPTX
tempat tidur tumpuk
surabaya spring
PDF
Word
Гимназия
PPTX
tempat tidur set
surabaya spring
PPTX
Music Video Coursework - Album Poster Analysis
ParuRabadia
PPT
Modelo Java Enterprise Edition
Araceli Justo
DOCX
Interviul motivaţional
Andreea Dumitrache
PPTX
2_C言語入門 - VisualStudioについて
bc_rikko
PPTX
Presentasi proposal s3 framework pembelajaran
xero9
DOCX
Trabajo final de arbitraje
jose pino andia
DOCX
Guia de setudio prueba 2 leng verbal no verbal corrección
"Las Profes Talks"
PDF
Kinetic isotope effects
sumathiasir
Curiosidades
Tata Barbosa Rodriguês
Carnaval
mjose01
Foro act 3 jesquiveli
Jose Es
Sistemas operativos para móviles
Jose Rodriguez
Popayan
yiseth leiva
tempat tidur tumpuk
surabaya spring
Word
Гимназия
tempat tidur set
surabaya spring
Music Video Coursework - Album Poster Analysis
ParuRabadia
Modelo Java Enterprise Edition
Araceli Justo
Interviul motivaţional
Andreea Dumitrache
2_C言語入門 - VisualStudioについて
bc_rikko
Presentasi proposal s3 framework pembelajaran
xero9
Trabajo final de arbitraje
jose pino andia
Guia de setudio prueba 2 leng verbal no verbal corrección
"Las Profes Talks"
Kinetic isotope effects
sumathiasir
Ad
Similar to Ipメッセージング勉強会
(20)
PDF
Jidery紹介資料(2015年5月8日版)
Katsumi Takahashi
PDF
Jidery紹介資料(2015年4月24日版)
Katsumi Takahashi
PDF
Jidery紹介資料(2015年6月17日版)
Katsumi Takahashi
PDF
TwilioJP-UG 大阪 第0回 「IoTな時代に向けて クラウドサービスで電話を使いたおそう」クロージング
Hiroyuki Hiki
PDF
Tech on meetup online#01
Kazuya Suda
PDF
TwilioJP-UG 大阪 第0回 「IoTな時代に向けて クラウドサービスで電話を使いたおそう」オープニング
Hiroyuki Hiki
PPTX
Cloudpackが実現するビジネス課題の解決と新しい価値の提供
Hiroyuki Hiki
PPTX
モバイル開発を便利にするAWS
Satoshi Takayanagi
PPTX
Twilioと山下と学び
Mitsuhiro Yamashita
PPTX
クラウドネイティブが行なういまどきWebサービス開発
Yuuji Arakaki
PDF
20190517 twilio business seminar in osaka #3
Ukyo Satake
PPTX
金融業界におけるAPIエコノミー / Fintech meetup / IBM
Rasmus Ekman
PDF
駅すぱあとWebサービスにおけるAWSとその周辺
Mikawa Kouta
PDF
オフライン行動を支えるメール配送管理 at サイタ
Yosuke TOMITA
PDF
How to work Tableau x Google Cloud Platform in CyberAgent AdTech Studio
Ken Takao
PPTX
Explore aws in depth
Tatsuro Handa
PPTX
クラウド x IoT実践事例のご紹介
masaoki_ohashi
PPTX
Real World Twilio
Toshiro Yagi
PPT
第二回SoftLayerユーザー会 ラズベリーパイとオブジェクトストレージを繋いでみた
Maho Takara
PDF
Aws lambda 事始め
Hiroyuki Hiki
Jidery紹介資料(2015年5月8日版)
Katsumi Takahashi
Jidery紹介資料(2015年4月24日版)
Katsumi Takahashi
Jidery紹介資料(2015年6月17日版)
Katsumi Takahashi
TwilioJP-UG 大阪 第0回 「IoTな時代に向けて クラウドサービスで電話を使いたおそう」クロージング
Hiroyuki Hiki
Tech on meetup online#01
Kazuya Suda
TwilioJP-UG 大阪 第0回 「IoTな時代に向けて クラウドサービスで電話を使いたおそう」オープニング
Hiroyuki Hiki
Cloudpackが実現するビジネス課題の解決と新しい価値の提供
Hiroyuki Hiki
モバイル開発を便利にするAWS
Satoshi Takayanagi
Twilioと山下と学び
Mitsuhiro Yamashita
クラウドネイティブが行なういまどきWebサービス開発
Yuuji Arakaki
20190517 twilio business seminar in osaka #3
Ukyo Satake
金融業界におけるAPIエコノミー / Fintech meetup / IBM
Rasmus Ekman
駅すぱあとWebサービスにおけるAWSとその周辺
Mikawa Kouta
オフライン行動を支えるメール配送管理 at サイタ
Yosuke TOMITA
How to work Tableau x Google Cloud Platform in CyberAgent AdTech Studio
Ken Takao
Explore aws in depth
Tatsuro Handa
クラウド x IoT実践事例のご紹介
masaoki_ohashi
Real World Twilio
Toshiro Yagi
第二回SoftLayerユーザー会 ラズベリーパイとオブジェクトストレージを繋いでみた
Maho Takara
Aws lambda 事始め
Hiroyuki Hiki
Ipメッセージング勉強会
1.
IPメッセージングを AWS lambdaで実装した話
2.
自己紹介 髙橋克己(たかはしかつみ) facebook: http://fb.com/katsumi.takahashi グローバル・インターネット・ジャパン株式会社 代表取締役 独立系ソフトハウスに勤務後、1994年に独立。 主に、通信事業者向けの研修の企画・運営と、Webサービスの開発 を中心に事業を展開。 フルスタックエンジニア。 Twilio-UG 東京メンバー。
3.
Smart Communication Award
2014応募作品 留守電メッセージが文字で届く、国内初の留守番電話サービス TRANSREC
4.
Smart Communication Award
2015 最優秀賞受賞作品 あなたの代わりに電話をかけます 自動電話リレーサービス
5.
I m DOer
6.
2016.2.22∼ Twilio事業部ソリューションアーキテクト
7.
本日の立ち位置はTwilio-UGメンバーですw
8.
本日のアジェンダ • サンプルプログラムの解説 • AWS
lambdaに移植した話 • IPメッセージングの補足情報
9.
サンプルプログラム の解説
10.
サンプルプログラムはどこにある? • 公式サイトのQuick Start •
JavaScriptのサンプル https://jp.twilio.com/docs/api/ip-messaging/guides/quickstart-js C#/Java/Node.js/PHP/Python/Rubyがあります • iOSのサンプル https://jp.twilio.com/docs/api/ip-messaging/guides/quickstart-ios サーバーアプリとしてPHPのサンプルがあります • GitHubのTwilio公式アカウント • https://github.com/twilio iOS、Android、JavaScript(Node.js)用など
11.
今回はQuick StartのJavaScripts版(Node.js)
12.
ファイル構成 ipm-quickstart-node-master ├── .env.example ←Account SIDなどの設定情報 ├──
.gitignore ├── LICENSE ├── README.md ├── index.js ←サーバーサイド(Express) ├── package.json ←必要なライブラリ ├── public │ ├── index.css ←ブラウザ側CSSファイル │ ├── index.html ←ブラウザ側HTMLファイル │ └── index.js ←ブラウザ側JavaScripts └── randos.js ←ユーザ名をランダムに生成するjs Node.js + Express
13.
システム構成図
14.
./package.json ヘルパーライブラリ
[email protected]
最新版は
[email protected]
? Twilioの公式 GitHubに最新版あり
15.
./public/index.html JavaScript SDK 最新版は0.9.4最新版は、https://www.twilio.com/docs/api/ip-messaging/ changelogs/javascript を参照してください。 ここ にメッセージが 表示される
16.
アクセストークン取得フロー SDK AP名+Id+DevId
17.
./public/index.js 49行目、アクセストークンをリクエスト(ajax) ・・・前ページ① 50行目、ブラウザベースでアクセスする際のデバイスIDはなんでも良い 53行目、返却されたidentityがユーザ名(ユーザ名はサーバーで生成) 58行目、返却されたtokenでAccessManagerを初期化 ・・・前ページ③ 59行目、AccessManagerを使ってIPMessagingを初期化
18.
Class • IPMessaging • Channel、Member、Messageに関するクラス •
twilio-ip-messaging.js • AccessManager • アクセストークンに関するクラス • twilio-common.jsとして独立? 公式ドキュメントによる推奨設定 <script src="https://media.twiliocdn.com/sdk/js/ common/v0.1/twilio-common.min.js"></script> <script src="https://media.twiliocdn.com/sdk/rtc/js/ip- messaging/v0.9/twilio-ip-messaging.min.js"></script>
19.
./index.js(サーバーサイド) ユーザ名を生成 エンドポイントの識別子 IPメッセージングのサービスSID アクセストークンに対してエンドポイントを許可 JWT形式でトークンを返却 ユーザ名をトークンに格納 アクセストークンの生成 アプリケーション名
20.
./public/index.js(続き) 64行目、チャネルを検索 69行目、チャネルを新規に作成
21.
./public/index.js(続き) 89行目、チャネルに参加 95行目、チャネルのイベントリスナー「messageAdded」を定義
22.
AWS lambdaに 移植した話
23.
なぜlambda? • サンプルプログラムだとサーバーがいるよね • サーバーサイドが必要なのは、トークンの生成のみ •
クライアントはJSで動くので、静的HTML→S3で良くね? • Node.jsのサンプルがあるので、lambdaに移植しやすい GitHubにソースをあげてあります。 $ git clone https://github.com/mobilebiz/ipmlambda.git
24.
システム構成図 デモでは、ここが Localhostだった
25.
移植作業 • ./index.js内のアクセストークン生成部分を、API Gateway とlambdaに置き換える。 •
ユーザ名を生成するrandos.jsとtwilioのヘルパーライブラ リーは、すべてzipパッケージにしてlambdaにデプロイす る。 • ./public配下のコンテンツをS3に配置し、静的Webサービ スとして配信する。
26.
lamdbaにデプロイするzipの構成 • index.js ←lamdba用に書き換えたトークン生成プログラ ム • randos.js ←サンプルプログラムそのまま •
node_modules ←Twilioヘルパーライブラリを格納した フォルダ
27.
index.js
28.
index.js(続き)
29.
index.js(続き)
30.
S3に配置するファイルの構成 • index.html ←サンプルプログラムそのまま • index.css ←サンプルプログラムそのまま •
index.js ←API Gateway経由でアクセストークンを取得 するように改修
31.
デプロイ作業 • zipパッケージの作成 • lambdaファンクションの新規登録 •
API Gatewayの設定 • S3にコンテンツを配置 • S3の静的ウェブホストの設定 詳しくはQiitaの記事を読んでね♡ http://qiita.com/mobilebiz/items/077dea8fe58c45c9c16f
32.
IPメッセージング の補足情報
33.
念のためおさらい サービス ロール チャネル ロール
34.
ユーザの生成方法 • 明示的なユーザの生成(REST API) •
POST /Services/{Instance SID}/Users • パラメーター • Identity:ユニークなユーザ名 • RoleSid:ユーザに割り当てられるサービスロールのSID • アクセストークン生成時に自動生成 • サンプルプログラムはこの方法で生成 • この時のロールは「service user」
35.
メンバーのチャネルへの追加方法 • 明示的なメンバーの追加(REST API) •
POST /Services/{Instance SID}/Channels/{Channel SID}/ Members • パラメーター • Identity:ユニークなユーザ名 • RoleSid:メンバーとして割り当てられるチャネルロールの SID • Channelクラスのjoin()で参加 • サンプルプログラムはこの方法で生成 • この時のロールは「channel user」
36.
<参考>デフォルトロール 生成したユー ザに割当 チャネルに 参加したメンバー に割当
37.
IPメッセージングの料金 • コマンド発行数 • Twilioに発行されたコマンド1つに付き、$0.00004(50,000コマ ンドまでは無料) •
データ転送量 • エンドポイントに対してTwilioから転送されたデータ量に対して、 1GBあたり$0.4(オープンβ時は無料) • データストレージ • Twilio内で保持するリアルタイムデータ(チャネル、ユーザ、メッセー ジなど)を月で集計し、1GBあたり$3(オープンβ時は無料) • エンドポイント接続数 • 1時間内で最も多かったエンドポイント数に対して、1エンドポイ ントあたり$0.0001(オープンβ時は無料) ※オープンβ時点、日本国内の料金は未定
38.
Let s Enjoy
!
Download