2015/11/27 TwilioJP-UG 札幌 第一回勉強会での発表資料です。

1. 代表 斎藤 栄
Twilioが動いているところを
見てみよう（仮）
～ ITでみんなに“WAKU WAKU”を ～
TwilioJP-UG 札幌 第1回
Twilioを知ろう、触れよう、体験しよう。
2015/11/27

2. 自己紹介
2
• 1971年 札幌市生まれ
• 小６からパソコンに触れ、大学卒業まで札幌で過ごす
• 1993年 NTTデータ通信株式会社（首都圏）
• 1996年 株式会社データクラフト（札幌）
• 2012年 ラジカルブリッジ設立（札幌）
• 2014年より kintoneエバンジェリスト として活動中
代表／ IT 活用アドバイザー
“クラウドおじさん” 斎藤 栄
～ ITでみんなに“WAKU WAKU”を ～
サイボウズ公認

3. 裏・自己紹介
3
80’s昭和歌謡を楽しむ会 主催
おやじバンド活動
おやじ活動
宇宙関係

4. やってること
4
つくってます
アプリ
サイボウズ社が提供するクラウド業務アプリ開発プラット
フォーム『kintone』を使い、お客様の業務上の課題解決
やチームワーク強化といったレイヤーにフォーカスした価
値の提供を行っています。
ソフトウェアの提供 価値の提供
札幌で

5. kintone Café
5
kintone Caféは、まだkintoneに触れたことの無い方から、
より高度なカスタマイズを行いたいと考えているプロフェッ
ショナルの方まで幅広い層を対象に、 楽しく学び・教え合う
ことで、kintoneの魅力や活用法をみんなで共有するための
勉強会コミュニティです。

6. 6
この度
TwilioJP-UG 札幌支部
の立ち上げに関わらせて
いただくことになりました

7. 本日の内容
7
1.Twilioに触れてみた経緯
2.転送電話デモ
3.自動音声＆IVRデモ
4.ブラウザフォンデモ（CTI機能付き）
5.Twilio Video（β）

8. 1. Twilioに触れてみた経緯
8
たった数行のコードで電話／SMSとつながる
クラウドAPIサービス
http://twilio.kddi-web.com/
以前から存在は知っていたものの…

9. 1. Twilioに触れてみた経緯
9
3つの機能
《Voice》《Client》《SMS》
イマイチわからない…
色んなことができそうだ
というのは確か
転送電話、自動音声、IVR、
SMS通知、ブラウザフォン…

10. 1. Twilioに触れてみた経緯
10
 今年5月から触り始めた
 東京出張中に急にFBメッセージで
「kintoneでCTIってできないの？」
 ネットと電話、どうやってつなぐの？
 Twilio以外も含め調査・検討…
 「とりあえずTwilioでサンプルアプリを
作ってみるべか！タダやし。」

11. 1. Twilioに触れてみた経緯
11
思いの外ドキュメント量が多くて、どこから
読み始めれば良いのかちょっと途方に暮れま
した…（いきなり英語だし…）※その後は日本語になります
http://twilio.kddi-web.com/document/ https://jp.twilio.com/api

12. 1. Twilioに触れてみた経緯
12
チュートリアルを順番に見ていけば、かなり
掴めてくると思います。
https://jp.twilio.com/docs/tutorials

13. 1. Twilioに触れてみた経緯
13
ざっくりとしたTwilioの基本構成
Webサーバー
システム システム
TwiML
050-xxxx-yyyy

14. 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取得
③転送

15. 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取得
④ダイヤル入力
….
③自動音声
→次ページに続く

16. 3. 自動音声＆IVRデモ
16
Webサーバー
TwiML②
050-xxxx-yyyy
<?xml version="1.0" encoding="UTF-8"?>
<Response>
<Say language="ja-jp">あんしんしてください、はいてますよ</Say>
</Response>
TwiML②
….
⑤TwiML取得
⑥自動音声

17. 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. どこでもコールセンター
18
11/6
リリース
kintoneでコールセンター
・着信・発信、CTI機能、クリックトゥコール機能
・さっと立ち上げて・さっとやめられる（専用機材不要、短期導入◎）
オールクラウドだから場所を選ばない
・在宅でもコールセンターのオペレーターができる（テレワーク）
・地域間格差のない仕事を実現、転勤しても続けられる
販売元：株式会社イー・カムトゥルー 開発元：ラジカルブリッジ
http://www.e-cometrue.com/callcenter/

19. どこでもコールセンター ～ インバウンド（CTI機能）
19
 着信時にお客様情報を瞬時に表示。通話中の情報編集もできます。
 複数電話番号に対応。どの業務宛ての着信なのかがすぐにわかります。
 kintoneと一体化しているのでWebブラウザさえあれば利用可能です。

20. どこでもコールセンター ～ アウトバウンド
20
 複数の発信電話番号に対応。業務毎に電話番号を切り替えられます。
 電話番号の入力はマウス選択とキーボード入力の両方に対応。
 顧客アプリの電話番号をクリックしてすぐに発信。（Click to Call）

21. 5. Twilio Video（β）
21

22. 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