Twilio入門

D484f3a4d5f516f943b29b9ff55a2040?s=47 thinkAmi
June 08, 2013
Programming
0
1.2k

 Twilio入門

NSEG #40 で発表した時のスライドです。

D484f3a4d5f516f943b29b9ff55a2040?s=128

thinkAmi

June 08, 2013
Tweet

Want more?

D484f3a4d5f516f943b29b9ff55a2040?s=48 thinkami
4
5.4k
D484f3a4d5f516f943b29b9ff55a2040?s=48 thinkami
1
2.8k
D484f3a4d5f516f943b29b9ff55a2040?s=48 thinkami
4
3.2k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
11
580
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
2
290
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
0
200
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
6
370
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
7
230
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
3
310
C35e01544a0dd94a2cf1619ee8a42ebb?s=48 clairelew
4
590
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
1
180
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
4
260

Transcript

  1. 1.

    Twilio 入門 NSEG #40 2013.06.08 @thinkAmi

  2. 2.

    自己紹介 • @thinkAmi • hatenaID: thinkAmi • C#, Python, Ruby

    • 自社インフラ管理 • NSEG, GDG信州 • あとで資料&ソースコードは公開します
  3. 3.

    Twilio http://www.twilio.com/company/logos

  4. 4.

    Twilioとは • プログラムからAPI経由で電話を操作 – 電話への発信 – 電話からの着信 – 通話の録音 –

    SMSの送受信 など、いろいろ
  5. 5.

    日本では • KDDIウェブコミュニケーションズと提携 • 4/17、日本版提供のプレスリリース http://www.kddi-webcommunications.co.jp/news/press/20130417.html • 最近はいろいろなイベントを見かけます • クラスメソッドさんのBlogに連載あり

    – 実装の参考に。ありがとうございます。 http://dev.classmethod.jp/series/クラウド電話api-twilio/
  6. 6.

    事例 • アメリカ – Uber：配車コール – Airbnb・Hulu：ユーザーサポート • 日本 –

    ヤフー：サーバーの監視 – イプロス： 　 B2B向けビジネスマッチングサイトのコールトラッキング http://jp.startup-dating.com/2013/04/twilio-launched-in-japan-what-kind-of-business-can-work-well http://ascii.jp/elem/000/000/781/781134/
  7. 7.

    身近な例 • CTIとかの構築をしたいけれど、コスト... – プログラムを組んで対応できるかも • 出張時に独自のモーニングコールが... – プログラムを組んで、Cronでコールすれば！ •

    インフラ障害時に (ry
  8. 8.

    対応プログラム言語 • 公式ライブラリはいろいろとあり – PHP, Ruby, Python, .NET, Java, Salesforce/Force.com,

    Node.js • その他言語は、以下を参照 – http://www.twilio.com/docs/libraries
  9. 9.

    Twilioアカウント • 今回は、米TwilioのTrialアカウント – 以前GDG信州でやったものをリサイクル • KDDIのTwilioアカウントでは試せず – 米Twilioのアカウントでは KDDIのTwilioにログインできなかった

    • 日本の電話番号ではSMSの送受信できず http://www.twilio.com/help/faq/phone-numbers/which-countries-does-twilio-have-phone-numbers- in-and-what-are-their-capabilities
  10. 10.

    TwilioのTrialアカウント • いくつか制限がある – アカウントで認証した電話番号のみ、 Twilioへの発信や着信が可能 – 他にもいくつかある (How does

    Twilio’s Free Trial work?) http://www.twilio.com/help/faq/twilio-basics/how-does-twilios-free-trial-work
  11. 11.

    Trialアカウントの不明点 • Twilioへの費用は発生しないものの、 電話の着信・発信時の通話料は必要？ • まだ明細確認してなかった...

  12. 12.

    プログラムからTwilioを使う

  13. 13.

    Twilioの設定 • Twilioの電話番号とTwiMLのURLを設定 Trialアカウントの場合は、手元の電話番号も認証しておく – TwiML: Twilioの動作を記載したXML

  14. 14.

    TwiML • 静的TwiMLを公開する – XMLを作るのが、めんどうくさい – あんまり自由ではない • プログラムでTwiMLを生成する –

    ライブラリを使えば、めんどくさくない • 例: Rubyであれば、twilio-ruby とか
  15. 15.

    TwiMLの例 　

  16. 16.

    英語テキストの読み上げ • デフォルトは男性の声、女性の声もあり Twilio::TwiML::Response.new do |r| r.Say('Hello World', voice: 'man')

    end.text
  17. 17.

    英語テキストの読み上げ • デフォルトは男性の声、女性の声もあり <?xml version='1.0' encoding='utf-8'?> <response> <say voice="man"> Hello

    World </say> </response>
  18. 18.

    日本語テキストの読み上げ • 今のところ、女性の声でしか再生できず Twilio::TwiML::Response.new do |r| r.Say('ようこそ、松本へ', language: 'ja-jp') end.text

  19. 19.

    日本語テキストの読み上げ • 今のところ、女性の声でしか再生できず <?xml version='1.0' encoding='utf-8'?> <response> <say language="ja-jp"> ようこそ、松本へ

    </say> </response>
  20. 20.

    メニューの選択 Twilio::TwiML::Response.new do |r| r.Gather(action: '/hoge', method: 'GET', numDigits: 1

    ) do |g| g.Say('再生は1、録音は2', language: 'ja-jp') end end.text
  21. 21.

    メニューの選択 <?xml version='1.0' encoding='utf-8'?> <response> <gather action="/selection" method="GET" numdigits="1"> <say

    language="ja-jp"> 再生は1を、録音は2を押してください </say> </gather> </response> TwiMLはもう省略してもいいですよね...
  22. 22.

    音声の録音 Twilio::TwiML::Response.new do |r| r.Record(action: '/fuga', method: 'GET', maxLength: 10

    finishOnKey: '#') end.text
  23. 23.

    録音内容の再生 Twilio::TwiML::Response.new do |r| r.Play(<録音したデータのURL>) end.text

  24. 24.

    指定番号宛への電話発信 client = Twilio::REST::Client.new <TwilioのSID>, <Twilioのトークン> client.account.calls.create( from: <発信番号(Twilioの電話番号を指定)>, to:

    <着信番号(Trialの場合は、認証した電話番号)>, url: <着信時に再生するTwiMLのURL> )
  25. 25.

    基本的な流れ • 携帯からTwilioへ電話をかける • Webから携帯へ電話をかける 携帯 Twilio TwiMLの ホスティング先 　　

    兼 Webの ホスティング先
  26. 26.

    基本的な流れ • 携帯からTwilioへ電話をかける ①Twilio番号へ発信 ②TwiMLを確認 ③TwiMLを返却 ④TwiMLに従い動作

  27. 27.

    基本的な流れ • Webから携帯へ電話をかける ②TwiMLを確認 ③TwiMLを返却 ④TwiMLに従い動作 ①Twilioへアクセス

  28. 28.

    デモ

  29. 29.

    デモ環境 • 米TwilioのTrialアカウント • Ruby + twilio-ruby • Heroku •

    Redis To Go (Herokuのアドオン版) – テキストデータの保存先として利用
  30. 30.

    デモ：テキストの読み上げ1 • Redis To Goへテキストを保存 • Webから携帯へ発信 • テキストの読み上げを確認

  31. 31.

    デモ：テキストの読み上げ2 • Redis To Goへテキストを保存 • 携帯からTwilioへ発信 • メニューから、テキスト再生を選択 •

    テキストの読み上げを確認
  32. 32.

    デモ：音声の記録と再生 • 携帯からTwilioへ発信 • メニューから、録音を選択 • 声を録音 • 直後に、内容を再生・確認

  33. 33.

    デモ：ブラウザから録音を再生 • 指定した録音内容を再生

  34. 34.

    デモ：ブラウザから録音を削除 • 指定した録音内容を削除

  35. 35.

    デモ：wavファイルの再生 • web上にあるwavファイルを再生する • どうせなので、話題のCeVIOと聴き比べ – CeVIO • http://cevio.jp/ •

    参考 – 業務改善提案「さとうささらで弁当の注文忘れ防止」 – http://sho.tdiary.net/20130605.html#p01
  36. 36.

    やってみて • テキストをもとにTwilioが話す内容は、 意外と聞き取りやすい • 句読点で一呼吸置いてくれる • アルファベットはもちろん、ひらがな・ カタカナ・漢字も読み上げる –

    ただし、漢字の読み方は微妙なので、 ひらがなで設定したほうが確実
  37. 37.

    やってみて • 通話料のところが不明だけれど、 Trialアカウントでもいろいろと試せそう • URLへGET/POSTで発着信できるので、 いたずらとかアタックに気をつける – 実際、作成中に食らって電話が鳴り続いた...

  38. 38.

    参考文献 • Twilio http://www.twilio.com/ • KDDIウェブコミュニケーションズ http://kddi-web.twilio.jp/ http://blog.twilio.kddi-web.com/ • クラスメソッドBlog

    – Twilioシリーズ (中村 修太 さん) http://dev.classmethod.jp/series/クラウド電話api-twilio/ • koeだめ - 「ぼくもTwilioで爆速な電話ツールをつくりたい」->通知ツールつくった ＼(^o^)／ http://d.hatena.ne.jp/bash0C7/20130420/1366443003