Level up your Twilio API skills in TwilioQuest, an educational game for Mac, Windows, and Linux. Download Now
Build the future of communications.
Start building for free
  • By Daizen Ikehara
    Twilio StudioフローとNode.jsを用いて外部にメッセージを発信する方法 Twilio Studio REST API Trigger

    Twilio Studioは電話着信や、SMSの受信に対する処理(フロー)を設定できるビジュアルデザインツールです。このツールを用いることでプログラミングの知識を必要とせずにフローの設定を行えます。

    多くの場合、電話着信・SMS受信に用いられますが、別のシステム(Webなど)で入力した予約の確認や、宅配便の再配達の案内など、決まったテンプレートをもとに外部に発信を行う場合にも利用することができます。今回はTwilio Studioで設定したフローを用いて宅配の再配達依頼の確認メッセージを発信する方法をご紹介します。

    前提条件

    また、今回作成するサンプルはあらかじめ下記の情報をユーザーが提供していることを想定しています。

    • 連絡可能(SMSが受信可能)な電話番号
    • 再配達の日時(yyyy/MM/dd hh:mm:ss)

    Twilio Studioフローのインポート

    TwilioコンソールからStudioダッシュボードを開きます。これまでにStudioフローを作成したことがない場合は下記のスクリーンショットに表示されている赤色の Create a flow ボタンをクリックし、新しいFlowの作成を開始します。

    Studio Dashboard

    フローをこれまでに作成している場合は、既存のフローの一覧画面に表示されている新規追加ボタン(赤丸に白十字が表記されているもの)をクリックします。

    Studio - Add New Flow

    Flowの名前は Confirmation Flow としました。
    Studio Flow - Name

    用意されているテンプレートか …

    Read More
  • By Daizen Ikehara
    Googleスプレッドシートのシフト表を使ってTwilio Studioフローの転送先をNode.jsから更新する方法 Twilio Studio - REST API v2

    以前の記事で、在宅勤務に伴う電話問い合わせの一時休止を解決する方法として、Twilio Studioを利用し個人電話に転送する方法を紹介しました。

    Twilio Studio - Flow

    今回は別の記事で紹介したGoogleスプレッドシートのシフトデータをもとに転送先となる個人をNode.jsで変更する方法を紹介します。

    前提条件

    Node.jsプロジェクトの作成とパッケージのインストール

    以前の記事に沿って作成したNode.jsアプリケーションのフォルダーに移動し、twilio-nodeパッケージをインストールします。

    npm i twilio
    

    次に.envファイルにTwilioへの接続情報やStudioフローのIDを保存する環境変数を追加します。

    SPREADSHEET_ID=
    STAFF_WORKSHEET_ID=
    SHIFT_WORKSHEET_ID=
    TWILIO_ACCOUNT_SID=
    TWILIO_AUTH_TOKEN=
    TWILIO_STUDIO_FLOW_SID=
    

    Twilio Studio REST API v2を使ったフローの取得と更新

    今回利用するTwilio Studio REST API v2は4月末にパブリック …

    Read More
  • By Daizen Ikehara
    GoogleスプレッドシートからNode.jsでシフトデータを読み出す方法 HowToLoadDataFromGoogleSpreadsheet

    Google Cloud Platform(GCP)にはGoogle Sheets APIが提供されており、このAPIを利用してGoogleスプレッドシートのデータにアクセスすることができます。今回はGoogleスプレッドシートのスタッフ、シフトデータをNode.jsで読み込む方法を紹介します。

    前提条件

    シフトを管理するGoogleスプレッドシート

    こちらにスプレッドシートのサンプルを用意しました。ファイルメニューからこのスプレッドシートを自分のGoogleアカウントで利用できるようにコピーします。スプレッドシートの中身をみてみましょう。Shiftシートには日ごとの担当者を4名まで設定しています。
    Google Spreadsheet - Shift

    また、Staffシートには担当者ごとの連絡先電話番号がE.164フォーマットで登録されています。

    Google Spreadsheet - Staff

    GCPでSheets APIを有効化

    はじめてGCPを利用する場合は、コンソールからプロジェクトを作成します。
    GCP - Create a project

    例ではプロジェクト名を google-sheet-studio としましたが、任意のプロジェクト名で構いません。
    GCP - project name

    作成ボタンをクリックするとリソースの管理画面に戻り、プロジェクトの作成が開始されます。数十秒〜数分程度で作成が完了します。

    次にAPI ライブラリを開きます。

    GCP - Open API Library

    先ほど作成したプロジェクトが選択されていることを確認します。

    GCP - API Library with a project

    Google Sheets APIを検索し、プロジェクトに追加します …

    Read More
  • By Daizen Ikehara
    Twilioアカウントにプロモコードを適用する方法 Twilio Promo Code banner JP

    Twilioから配布されたプロモーションコードを利用するとTwilioアカウントに無料でクレジットを追加できます。この記事ではアカウントのアップグレード時にプロモーションコードを適用する方法を紹介します。

    アカウントのアップグレード

    プロモーションコードを利用するためにはアカウントをアップグレードする必要があります。Twilioアカウントをアップグレードすると、トライアルアカウントの制限を解除でき、電話番号の複数購入や、Twilio番号からの自由な発信を可能にできます。

    アカウントのアップグレードはプロジェクト単位で行われ、クレジットカードが必要になります。アップグレード時にトライアルアカウントに付与されている無料クレジットが0円(0ドル)になるため、通常はアップグレード時にクレジットを追加する必要があります。この際、アップグレード時に利用できるプロモーションコードを適用できます。

    プロモーションコードを使用したアカウントのアップグレード方法

    Twilioコンソールを開き、Upgrade Projectをクリックします。
    Console - Upgrade

    電話番号の認証に続いて、Add Company Addressに自分または会社の住所情報を入力します。必須入力フィールドは必ず入力する必要があります。

    Upgrade - Address

    続けてAdd Billing Address(請求先住所)を入力します。先ほど入力した住所と同じであれば、Same as Company Addressにチェックを入れます。

    Upgrade - Billing

    Add Payment Information and Fundsにクレジットカード情報を入力し、USE PROMO CODEを …

    Read More
  • By Daizen Ikehara
    Twilioアカウントを作成する方法 How to setup Twilio Account

    Twilioが提供するAPIやソリューションを利用するためにはアカウントを作成する必要があります。この記事では、Twilioアカウントの作成を解説します。

    アカウントの作成には次の情報が必要です。

    • 名前
    • 名字
    • Eメールアドレス
    • 14文字以上のパスワード
    • SMSを受信可能な電話番号(プラットフォームのセキュリティを向上するため)

    Twilioアカウントのサインアップ

    Twilioホームページをブラウザーで開き、今すぐ無料サインアップ ボタンをクリックします。

    Twilio WebSite - JP

    名、姓、メール、パスワード(14文字以上)を入力します。また、サービス規約ブライバシーポリシーに同意することを示すボックスをチェックし、無料トライアルを始めましょう ボタンをクリックします。

    SignUp - JP

    Emailアドレス、電話番号の確認、コンソールのセットアップ

    サインアップ後、登録したEmailに確認メールが送られます。メール本文の Confirm Your Email リンクをクリックし、アカウントを有効化させます。

    email confirmation

    リンクをクリックすると、続けて電話番号の確認が行われます。電話番号を入力し、確認 ボタンをクリックすると、確認コードが送信されます。

    Phone number verfication

    送られてきたコードを入力し、Submit ボタンをクリックします。

    phone number verification - enter code

    電話番号の確認が完了すると利用用途やプログラミング言語などいくつかの質問が画面に表示されます。選択によって利用できる機能は変わるわけではないので、Skip to dashboard ボタンを押しても構いません。

    questions

    これでTwilioアカウントを作成できました。

    トライアルアカウントの制限について

    ト …

    Read More
  • By Daizen Ikehara
    Twilio Studioを使って問い合わせ番号への着信を複数の番号に転送する方法 Twilio-Studio-Call-Forwarding-JA

    在宅勤務と電話応対の難しさ

    新型コロナウイルス感染症(COVID-19)の拡大に伴う緊急事態宣言が東京、大阪、福岡を含む7都道府県を対象として発出されました。(2020年4月14日現在)この宣言を受けて在宅勤務の開始とそれに伴う電話対応の一時休止が多くの企業からアナウンスされています。チャットやSMSを活用することでこれまでの顧客対応を一部担うことはできるものの、利用できるコミュニケーションチャネルが電話のみという場合、お客様への対応に頭を悩ます場合も多いのではないでしょうか。

    no-phone-operation

    もちろん、各事業者が提供する電話転送サービスなどを利用することで、代表番号からの転送を設定することは可能です。しかし、担当者の欠勤や休暇への対応など、転送設定を柔軟に運用するためには課題が残ります。また、リモートで設定ができない場合は、リスクを取って事業所まで外出し、設定を行うということも考えられます。特に中小規模の組織にとっては頭の痛い問題ではないでしょうか。

    今回は、電話番号をTwilioから取得し、Twilio Studioを使って期間限定の問い合わせ窓口を開設し、着信を複数の担当者の電話回線に転送する方法を紹介します。ポイントは手軽さと設定の柔軟性です。

    前提条件

    Twilio Studioを使った電話転送

    Twilio Studioは電話やSMSなどの着信応答を設定することができるノンコーディーングツールです。今回のような転 …

    Read More
  • By Daizen Ikehara
    Programmable VoiceとAITalkのWeb APIを使って表現力豊かな自動音声で着信電話に応答してみた Prog Voice with AITalk

    Twilioが提供するProgrammable Voiceを利用すると、電話の自動応答や発信をアプリケーションから制御することができます。 着信に応答する場合は、Twimlと呼ばれるマークアップ言語を用いることで、応答する言語や音声を設定することができます。 またこのProgrammable Voiceでは、2018年から標準の音声合成エンジン以外にもAmazon Pollyが使えるようになりました。

    Amazon Pollyの合成音声は標準の合成音声に比べてとても滑らかなのですが、他の音声をリアルタイムで利用したいという声もよくいただきます。今回は株式会社エーアイ様が提供する日本語に特化した音声合成サービス、AITalk® Web API(以下 AITalk Web API)と連携してみました。

    AITalk Web APIは 感情表現や自然な音声、豊富な話者ラインナップを提供する音声合成エンジンAITalkをSaaS型で利用できるサービスです。サーバーを自前で構築する必要がないため、他のSaaSやクラウドサービスと素早く連携できます。これまでは評価版の申し込みから利用開始まで少し時間がかかっていましたが、最近、Webから評価用アカウントを即時取得し利用できるようになりました。

    必要なもの

    • Node.jsおよびnpm
    • AITalk Web API評価アカウント
    • TwilioアカウントとTwilio電話番号

    今回の記事で解説するサンプルプロジェクトはこちらのGitHubリポジトリから取得できます。

    GitHub - Neri78: Twilio-Voice-AiTalk …

    Read More
  • By Daizen Ikehara
    TwilioQuest 3: Basic Training その3 - プロモーションコードを適用し無料クレジットをゲット TwilioQuest Early Access

    TwilioQuest 3には、Twilio製品やプログラミング言語、GitHubの利用方法について学べるトレーニングミッションが用意されています。各チュートリアルをクリアすると経験値やアイテムを獲得できます。獲得したアイテムはアバター(キャラクター)に装備させることができ、自分だけのアバターをデザインできるゲームを模したチュートリアルとなっています。

    前回のブログではTwilioアカウントのセットアップ方法と電話番号の購入方法を解説しました。Twilioはこの購入した電話番号への入電に対する応答をプログラミングできます。またアプリケーションから電話の発信やSMSも送信できます。
    今回はTwilioQuest 3をプレイするみなさんに提供されるプロモーションコードについて取得方法と適用方法について解説します。

    Twilioから電話番号を購入するチュートリアルを終え、さらに通路を進むと宝箱が二つ並んでいます。プロモーションコードはこの左側の宝箱に隠されています。

    TwilioQuest3 - Basic Mission - PromoCode Chest

    プロモーションコードとその適用方法

    Twilioはカンファレンスやミートアップなでプロモーションコードを配ることがあります。このコードを利用するとTwilioアカウントに無料でクレジット追加できます。ただし、プロモーションコードを利用するにはクレジットカード情報を登録し、アカウントをアップグレードする必要があります。

    Twilioアカウントのアップグレードはすべき?

    もちろんのことながらYESです。トライアルアカウントにはいくつかの制限があるため、全ての機能を活用するためにはアップグレードが必要になります。例えば、ト …

    Read More
  • By Daizen Ikehara
    TwilioQuest 3: Basic Training その2 - Twilioアカウントの作成と電話番号の取得 TwilioQuest Early Access

    TwilioQuest 3には、Twilio製品やプログラミング言語、GitHubの利用方法について学べるトレーニングミッションが用意されています。各チュートリアルをクリアすると経験値やアイテムを獲得できます。獲得したアイテムはアバター(キャラクター)に装備させることができ、自分だけのアバターをデザインできるゲームを模したチュートリアルとなっています。

    前回のブログではBasic Trainingを実際に見ながらゲームの進め方を説明しました。ハッキング装置や、ビルトインで提供されているコードエディターの使い方についてはもう大丈夫ですよね?
    今回は今後、他のミッションを進める上で必須となるTwilioアカウントの取得方法や電話番号の購入方法についてゲームを進めながら解説します。

    すべてはアカウント作成からはじまる...

    前回までのチュートリアルを終えると、上方向に進む道と、Twilioロゴを模したタイルが設置されている道に分岐します。TwilioQuest 3では必ずしもチュートリアルを順番通りに進める必要はなく、自分のペースや好みに合わせて何を学ぶかを選択できます。今回は右側に進み、Twilioロゴの上に設置されているバリアをHackしましょう。

    TwilioQuest3 - Basic Mission-Logo


    このチュートリアルは、今後のトレーニングミッションで必要となるTwilioアカウントの作成と、Account SIDAuth Tokenの入力が必要です。

    TwilioQuest3 - Basic Mission - Account Setup

    まだアカウントを作成していない場合や、本番用アカウントのみを持っている場合は、下記のリンクから無料でトライアルアカウントを作成できます。

    (注意)TwilioQuest 3 …

    Read More
  • By Daizen Ikehara
    TwilioQuest 3: Basic Training その1 - ハッキングデバイスを活用しセキュリティを解除せよ TwilioQuest Early Access

    TwilioQuest 3には、Twilio製品やプログラミング言語、GitHubの利用方法についてなど数多くのミッションが用意されています。各チュートリアルをクリアすると経験値やアイテムを獲得できます。獲得したアイテムはアバター(キャラクター)に装備させることができ、自分だけのアバターをデザインできるゲームを模したチュートリアルとなっています。

    前回のブログではTwilioQuestと最新バージョンについての解説と、ゲームのダウンロード方法や初期設定、基本的な操作方法を解説しました。また、クラウド探査船Fog OwlやアシスタントロボットCedricについても理解が深まったのではないでしょうか?

    さて、今回はオペレーターのスキルやナレッジを「レベルアップ」するためのさまざまなトレーニングミッションと、最初にやるべきトレーニングとして用意されている「Basic Training」の進め方について解説します。
    では、はじめましょう!
    TwilioQuest3 - Cedric - LevelingUp

    トレーニングミッションの開始方法

    Fog Owlの右下半分にはオペレーターがトレーニングミッションにダイブできるVRポッドが4つ用意されています。赤色のライトが点灯しているポッドはすでに他のオペレーターが使用していますので、緑色のライトがついているポッドに入りましょう。

    TwilioQuest3 - FogOwl - VR Pod

    それぞれのポッドの中には、Twilioの製品やJavaScript、TypeScriptといったプログラミング言語、 さらにGitHubを使ったオープンソースへの貢献方法など開発者としてのスキルをレベルアップできるようなトレーニングミッションが用意されています。各ミッションを選択 …

    Read More
  • Newer
    Older
    Sign up and start building
    Not ready yet? Talk to an expert.