twilioが動いているところを見てみよう(仮)
TRANSCRIPT
代表 斎藤 栄
Twilioが動いているところを 見てみよう（仮）
～ ITでみんなに“WAKU WAKU”を ～
TwilioJP-UG 札幌 第1回 Twilioを知ろう、触れよう、体験しよう。
2015/11/27
自己紹介
2
• 1971年 札幌市生まれ
• 小６からパソコンに触れ、大学卒業まで札幌で過ごす
• 1993年 NTTデータ通信株式会社（首都圏）
• 1996年 株式会社データクラフト（札幌）
• 2012年 ラジカルブリッジ設立（札幌）
• 2014年より kintoneエバンジェリスト として活動中
代表／ IT 活用アドバイザー
“クラウドおじさん” 斎藤 栄
～ ITでみんなに“WAKU WAKU”を ～
サイボウズ公認
裏・自己紹介
3
80’s昭和歌謡を楽しむ会 主催
おやじバンド活動
おやじ活動
宇宙関係
やってること
4
つくってます
アプリ
サイボウズ社が提供するクラウド業務アプリ開発プラットフォーム『kintone』を使い、お客様の業務上の課題解決やチームワーク強化といったレイヤーにフォーカスした価値の提供を行っています。
ソフトウェアの提供 価値の提供
札幌で
kintone Café
5
kintone Caféは、まだkintoneに触れたことの無い方から、
より高度なカスタマイズを行いたいと考えているプロフェッ
ショナルの方まで幅広い層を対象に、 楽しく学び・教え合う
ことで、kintoneの魅力や活用法をみんなで共有するための
勉強会コミュニティです。
6
この度
TwilioJP-UG 札幌支部 の立ち上げに関わらせて いただくことになりました
本日の内容
7
1.Twilioに触れてみた経緯
2.転送電話デモ
3.自動音声＆IVRデモ
4.ブラウザフォンデモ（CTI機能付き）
5.Twilio Video（β）
1. Twilioに触れてみた経緯
8
たった数行のコードで電話／SMSとつながるクラウドAPIサービス
http://twilio.kddi-web.com/
以前から存在は知っていたものの…
1. Twilioに触れてみた経緯
9
3つの機能 《Voice》《Client》《SMS》
イマイチわからない…
色んなことができそうだ というのは確か
転送電話、自動音声、IVR、SMS通知、ブラウザフォン…
1. Twilioに触れてみた経緯
10
今年5月から触り始めた
東京出張中に急にFBメッセージで 「kintoneでCTIってできないの？」
ネットと電話、どうやってつなぐの？
Twilio以外も含め調査・検討…
「とりあえずTwilioでサンプルアプリを作ってみるべか！タダやし。」
1. Twilioに触れてみた経緯
11
思いの外ドキュメント量が多くて、どこから読み始めれば良いのかちょっと途方に暮れました…（いきなり英語だし…）※その後は日本語になります
http://twilio.kddi-web.com/document/ https://jp.twilio.com/api
1. Twilioに触れてみた経緯
12
チュートリアルを順番に見ていけば、かなり掴めてくると思います。
https://jp.twilio.com/docs/tutorials
1. Twilioに触れてみた経緯
13
ざっくりとしたTwilioの基本構成
Webサーバー
システム システム
TwiML
050-xxxx-yyyy
2. 転送電話デモ
14
Webサーバー
TwiML
050-xxxx-yyyy 090-aaaa-bbbb
<?xml version="1.0" encoding="UTF-8"?> <Response> <Dial callerId="+8150xxxxyyyy"> <Number>+8190aaaabbbb</Number> </Dial> </Response>
TwiML
①発信
②TwiML取得
③転送
3. 自動音声＆IVRデモ
15
Webサーバー
TwiML①
050-xxxx-yyyy
<?xml version="1.0" encoding="UTF-8"?> <Response> <Gather timeout="20"> <Say language="ja-jp">りゅうこうごをききたいかたは、イチをおしてシャープをおしてください</Say> </Gather> </Response>
TwiML①
１#
①発信
②TwiML取得
④ダイヤル入力
…. ③自動音声
→次ページに続く
3. 自動音声＆IVRデモ
16
Webサーバー
TwiML②
050-xxxx-yyyy
<?xml version="1.0" encoding="UTF-8"?> <Response> <Say language="ja-jp">あんしんしてください、はいてますよ</Say> </Response>
TwiML②
….
⑤TwiML取得
⑥自動音声
4. ブラウザフォンデモ（CTI機能付き）
17
Twilio電話番号: 050-1234-5678 Request URL: http://～/twiml.php
鈴木 090-9999-8888
Webサーバー ・PHPヘルパーライブラリ ・CapabilityToken.php ・twiml.php
⑤twiml.php取得
④発信
②CapabilityToken取得
①アプリ起動 ・twilio.jsライブラリ ・twilio_client.js
③初期化➡待受状態
⑥着信転送
⑦電話番号検索 ➡発信者情報表示
⑧通話
鈴木様
顧客DB
どこでもコールセンター
18
11/6 リリース
kintoneでコールセンター ・着信・発信、CTI機能、クリックトゥコール機能 ・さっと立ち上げて・さっとやめられる（専用機材不要、短期導入◎） オールクラウドだから場所を選ばない ・在宅でもコールセンターのオペレーターができる（テレワーク） ・地域間格差のない仕事を実現、転勤しても続けられる
販売元：株式会社イー・カムトゥルー 開発元：ラジカルブリッジ
http://www.e-cometrue.com/callcenter/
どこでもコールセンター ～ インバウンド（CTI機能）
19
着信時にお客様情報を瞬時に表示。通話中の情報編集もできます。 複数電話番号に対応。どの業務宛ての着信なのかがすぐにわかります。 kintoneと一体化しているのでWebブラウザさえあれば利用可能です。
どこでもコールセンター ～ アウトバウンド
20
複数の発信電話番号に対応。業務毎に電話番号を切り替えられます。 電話番号の入力はマウス選択とキーボード入力の両方に対応。 顧客アプリの電話番号をクリックしてすぐに発信。（Click to Call）
5. Twilio Video（β）
21
5. Twilio Video（β）
22
Skype, FaceTime, Googleハングアウトがあるじゃないか？ • ビデオ通話機能をどんなアプリケーションにも容易に組み込めるところに意味
がある→ サーバー・ネットワークインフラなど気にする必要なし
• これからご覧いただくデモも実質３日ほどで完成（半分はAPI理解の時間） TechCrunch Japan（2015年4月15日） 『アプリケーションのためのコミュニケーションAPI（電話、テキスト）を提供するTwilioからWebRTCによるビデオチャットが』 http://jp.techcrunch.com/2015/04/15/20150414twilio-brings-webrtc-based-video-chat-to-its-cloud-communications-platform/
PC・スマホ同士でビデオ会議ができる ・Webブラウザ（JavaScript SDK） ・iOS SDK ・Android SDK