Twilioハンズオン資料 鹿児島

38
第1回勉強会 クラウド電話&SMS API Twilio 初心者向けハンズオン! ~ たった数行のコードをかくだけで電話やSMSをネットと繋ぎます! ~ 2015.9.4(金) 【TwilioJP-UG 鹿児島】

Transcript of Twilioハンズオン資料 鹿児島

Page 1: Twilioハンズオン資料 鹿児島

第1回勉強会 クラウド電話&SMS API Twilio 初心者向けハンズオン! ~ たった数行のコードをかくだけで電話やSMSをネットと繋ぎます! ~

2015.9.4(金) 【TwilioJP-UG 鹿児島】

Page 2: Twilioハンズオン資料 鹿児島

@joohounsong

宋 珠憲(ソン ジュホン) Twilio for KDDI Web Communications

Twilio事業部 テクニカル担当

・PHPやRoRなど、ウェブアプリ開発 ・Twilio テクニカルサポート ・Twilioデベロッパーコミュニティ運営 ・デベロッパー向けイベント企画&運営

#twiliojpug

Page 3: Twilioハンズオン資料 鹿児島

@TwilioforKWC https://twitter.com/TwilioforKWC

【ファンページ】 TwilioforKWC https://www.facebook.com/TwilioforKWC

【グループ】 TwilioforKWC https://www.facebook.com/groups/twilioforkwc/

#twiliojpugTwilioのコミュニティ

Page 4: Twilioハンズオン資料 鹿児島

Twilio?

twilioって こんなのできるよ

#twiliojpug

Page 5: Twilioハンズオン資料 鹿児島

#twiliojpugSimple:RESTful API

Page 6: Twilioハンズオン資料 鹿児島

#twiliojpugTwilioの仕組み

Page 7: Twilioハンズオン資料 鹿児島

<Say><Record>

<Dial>

<Sms>

<Conference>

<Play>

<Gather>

<Number>

<Sip><Client>

<Queue>

<Enqueue>

<Leave><Hnagup>

<Redirect>

<Reject>

<Pause>

動詞 名詞 第2動詞

#twiliojpugTwilioの動詞と名詞

Page 8: Twilioハンズオン資料 鹿児島

https://jp.twilio.com/docs

#twiliojpug開発ドキュメント

Page 9: Twilioハンズオン資料 鹿児島

<Say> <Dial>

<Dial> <Client>

#twiliojpugTwiMLはこんな感じ。

Page 10: Twilioハンズオン資料 鹿児島

<Play>curl  -­‐X  POST  ‘https://api.twilio.com/2010-­‐04-­‐01/Accounts/  Account  SID/Calls.xml'  \  -­‐d  'From=%2B8150xxxxxxxx'  \  -­‐d  'To=%2B8180xxxxxxxx'  \  -­‐d  'Url=http%3A%2F%2F<twiML  URL>'  \  -­‐u  Account  SID:Auth  Token

※ 白部分のみ自分の情報を設定 ・Account SID 、Auth Token:自分のダッシュボードから確認 ・From : 発信元の電話番号(Twilio電話番号) ・To:発信先の電話番号 ・Url : TwiMLが格納されているサーバー(TwiML名(ファイル名)を含む) ※ “< >”は要りません。 ※ コマンドをターミナルなどで実行

#twiliojpugcurlを使った発信処理

Page 11: Twilioハンズオン資料 鹿児島

© 2009 - 2014 Twilio, Inc. All rights reserved.

#twiliojpugヘルパーライブラリー

Page 12: Twilioハンズオン資料 鹿児島

#twiliojpug普通のPHPコードで

Page 13: Twilioハンズオン資料 鹿児島

Rubyでも #twiliojpug

Page 14: Twilioハンズオン資料 鹿児島

© 2009 - 2014 Twilio, Inc. All rights reserved.

#twiliojpug大きく3つ

Page 15: Twilioハンズオン資料 鹿児島

© 2009 - 2014 Twilio, Inc. All rights reserved.

#twiliojpugTwilio Client

Page 16: Twilioハンズオン資料 鹿児島

© 2009 - 2014 Twilio, Inc. All rights reserved.

#twiliojpugTwilio Client SDKs

Page 17: Twilioハンズオン資料 鹿児島

© 2009 - 2014 Twilio, Inc. All rights reserved.

WEBRTC#twiliojpugJavaScript

Page 18: Twilioハンズオン資料 鹿児島

© 2009 - 2014 Twilio, Inc. All rights reserved.

iOS & Android SDKs

#twiliojpugMobile SDKs

Page 19: Twilioハンズオン資料 鹿児島

© 2009 - 2014 Twilio, Inc. All rights reserved.

#twiliojpugTwilio Video

Page 20: Twilioハンズオン資料 鹿児島

thomas(local), tommy(heroku), jenny(heroku) thomas → tommy, tommy → jenny

thomas

jennytommy

tommy

tommy

thomas jenny

#twiliojpugTwilio Video

Page 21: Twilioハンズオン資料 鹿児島

ウェブやモバイル(iOS、Android)でチャットアプリが より簡単に開発できるプラットフォーム。

#twiliojpugIP Messaging

Page 22: Twilioハンズオン資料 鹿児島

電話の再発見、 我々の生活やビジネスが変わります。

#twiliojpug使い場面

Page 23: Twilioハンズオン資料 鹿児島

© 2009 - 2014 Twilio, Inc. All rights reserved.

ブラウザを利用した気軽なお問い合わせ

#twiliojpugお客様サポート

Page 24: Twilioハンズオン資料 鹿児島

© 2009 - 2014 Twilio, Inc. All rights reserved.

電話によるキャンペーン

自動案内 #twiliojpug

Page 25: Twilioハンズオン資料 鹿児島

© 2009 - 2014 Twilio, Inc. All rights reserved.

自分の電話番号を知らせず気軽なお問い合わせ

匿名通話 #twiliojpug

Page 26: Twilioハンズオン資料 鹿児島

受付システム #twiliojpug

Face Touch

Page 27: Twilioハンズオン資料 鹿児島

順番待ち #twiliojpug

簡単に使える順番管理アプリ

Page 28: Twilioハンズオン資料 鹿児島

ようこそ Twilioの世界へ

ハンズオン #twiliojpug

http://bit.ly/1d9ZMBl

Page 29: Twilioハンズオン資料 鹿児島

ハンズオン #twiliojpug

テキストを音声へ <Say>

Page 30: Twilioハンズオン資料 鹿児島

ハンズオン #twiliojpug

録音 <Record>

Page 31: Twilioハンズオン資料 鹿児島

ハンズオン #twiliojpug

音声ファイルの再生 <Play>

Page 32: Twilioハンズオン資料 鹿児島

ハンズオン #twiliojpug

通話処理の分岐 <Gather>

Page 33: Twilioハンズオン資料 鹿児島

Request URLの設定

Page 34: Twilioハンズオン資料 鹿児島

Request URLの設定

Page 35: Twilioハンズオン資料 鹿児島

Request URL

Page 36: Twilioハンズオン資料 鹿児島

ソースコード

しゃべる

録音

Page 37: Twilioハンズオン資料 鹿児島

しゃべる → 録音 → 音声ファイル再生

音声ファイル再生

ソースコード

Page 38: Twilioハンズオン資料 鹿児島