​​Twilio Studioとkintoneで電話受付システムをつくろう【Twilio x kintone 合同ハンズオン】
​​

​​はじめに

​​こちらのスライドは、次のURLで公開されています。ブラウザで開きながらハンズオンをしていきましょう。（コピペする箇所があります）
​​http://bit.ly/twkin201710
​​

​​準備

  • ​​Wi-Fi の繋がるPC
  • ​​Chromeブラウザ
  • ​​kintoneの環境
  • ​​kintone開発者ライセンスの取得方法
​​

​​やりたいこと

​​「Twilio Studioとkintoneで電話受付システムをつくる!! YEAH!!」
​​
 
User-uploaded image: +2017-10-07+10.43.10.png
​​
​​

​​Twilioとは

​​Twilio（トゥイリオ）は、コミュニケーションの未来を切り拓くためのツールです。音声通話、メッセージング（SMS、チャットなど）、ビデオなどの様々なコミュニケーション手段を、アプリケーションやビジネスへ容易に組み込むことを可能にします。創業当初からのAPI提供のほか、ドラッグ＆ドロップでオムニチャネルを実現できる顧客エンゲージメント・クラウドとして日々進化し続けています。

​​Twilio Studioとは

​​9月にロンドンで開催された「SIGNAL London 2017」で、ノンプログラマーでも直感的に操作できるインターフェース「Twilio Studio」が発表されました。Twilio Studio を使うと、ソフトウエア開発者だけでなく、非技術者などのさまざまな職種において Twilio の操作が可能になります。技術者の垣根を超え、バリエーションに富んだ顧客開拓ソリューションの開発を実現します。
​​自動音声応答装置(IVR) をはじめ、チャットボットや、音声通知システムといったワークフローも、これまで開発に数週間を要したものが数分で構築できるようになります。Twilio Studio は、現在プレビュー期間となります。
​​https://www.twilio.com/studio

​​kintoneとは

​​kintone（キントーン）はサイボウズ株式会社が運営するクラウド基盤「cybozu.com」上で提供されています。ドラッグ＆ドロップでデータベースを設計できるので、プログラム経験がない方でも「あっ！」という間にWebアプリケーションを作成できます。
​​さらに、REST APIによる拡張で様々なサービスと連携できるプラットフォームとしても利用できます。
​​https://kintone.cybozu.com/jp/
​​

​​kintone API

​​データ連携が可能なREST API、JavaScriptによる画面カスタマイズを効率化するJavaScript APIがあります。サンプルやTipsを掲載していますので、下記URLをご覧下さい。
​​cybozu developer network（開発者向けサイト）
​​https://developer.cybozu.io/hc/ja
​​

​​ハンズオンの献立

  • ​​Twilioで電話番号を購入する
  • ​​Twilio Syncをセットアップする
  • ​​Twilio Studioで着信呼を処理する
  • ​​kintoneで顧客アプリを作り、データを入れる
  • ​​JSEdit for kintoneプラグインを入れる
  • ​​kintoneでJavaScriptプログラムを書く
  • ​​電話する
​​
​​

​​Twilioで電話番号を購入する

​​まずは、Twilioの管理コンソールにログインをして、ハンズオンで利用する電話番号を購入してみましょう。
​​Twilio Studioが日本アカウントでは動作が不安定になることがわかっているため、今回のハンズオンでは、USアカウントを利用します。
​​
  • ​​事前に渡されたIDとパスワードを使って、ログインをします（reCAPTCHA画面が表示されたら、指示に従ってください）。
  • ​​ログインが完了したら、右上の歯車アイコンを選択し、「Subaccounts」を選びます。