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 Ashley Boucher
    ReactとTwilio Programmable Videoでカスタムビデオチャットアプリを作成する ReactとTwilio Programmable Videoで作成するカスタムビデオチャットアプリ

    この記事はTwilio Developer VoicesチームのAshley Boucherこちらで公開した記事(英語)を日本語化したものです。

    このチュートリアルでは、ReactとTwilio Programmable Videoを使用してグループビデオチャット用のWebアプリケーションを作成します。ビデオチャットは友人や家族、同僚とのコミュニケーションに大変便利なツールです。それでは、以下にカスタムビデオチャットアプリを作成する基本手順を紹介します。

    必要条件

    作成するアプリケーションは2つのパートで構成されています。

    1. React.jsのフロントエンド
    2. 任意の言語・プラットフォームで作成されたバックエンド。

    バックエンドはアクセストークンの生成に使用し、ユーザーに権限を付与します。フロントエンドはTwilio Programmable Video JavaScript SDKを使用してビデオチャットロジックを処理します。バックエンドの作成は本稿では説明しませんが、Node.jsユーザー向けにブログ記事「Twilio Functionsを使ってTwilio Chat、Video、Voice用のアクセストークンを生成する」で詳しく説明しています。

    クライアントの作成

    Reactアプリをクローンする

    プログラムの …

    Read More
  • By Ashley Boucher
    How to Handle File Uploads from Node.js to Express fileuploads.png

    Recently I was developing a CLI in Node.js that would help make the process of writing articles in Markdown easier for my team. The flow required that a local .md file be parsed, formatted, converted to .docx, and then uploaded to Google Drive as a Google Doc file, all by running one command from the terminal.

    I approached this project in a few different ways, hoping initially that I could use serverless functions to handle the backend. I hit a lot of dead ends on this route, and eventually decided to build an Express server that I would ultimately host on Heroku.

    To upload the .docx file contents from my CLI to a secure backend endpoint, where it would then be uploaded to the user’s authenticated Google Drive, I needed a way to POST multipart/form-data directly from Node.js (without a browser). This requires several third party libraries, and it …

    Read More
  • By Ashley Boucher
    Save your Twilio Studio Chatbot Data to Airtable using Node.js and Twilio Functions halloweetchatbot2.png

    If you’ve built a chatbot or application flow with Twilio Studio, an integral part of bringing your app into production is being able to store relevant user data and access data you need to remit to your user. This means you need a database.

    In this article, you’ll learn how to use Twilio Functions and Node.js to store and access data in an Airtable base. This article builds off the specific example project created in Build a Trick or Treat Chatbot with Twilio Studio and Functions, and Node.js.

    To follow along step by step with this article, having built the Trick or Treat chatbot will be required, but if not, have no fear! This article contains valuable information about connecting with and using the Airtable API with Node.js for all readers.

    Prerequisites

    To get started with this tutorial, you’ll need the following:

    • A free Twilio account ( …
    Read More
  • By Ashley Boucher
    Build a Trick or Treat Chatbot with Twilio Studio and Functions, and Node.js halloweenchatbot1.png

    With Halloween around the corner, I decided I wanted to build a chatbot to help people find trick or treat locations in their neighborhood. The idea was that a user could send an SMS to the chatbot’s phone number and interact with the bot to either find trick or treat locations, or add their location to the list of places giving out candy or hosting spooky events.

    In this article, you’ll learn how to build a chatbot like mine that you can customize however you like.

    Prerequisites

    To get started with this tutorial, you’ll need the following:

    Overview of the chatbot architecture

    The chatbot you’re about to build will use the …

    Read More
  • By Ashley Boucher
    Twilio CLIでコマンドラインから電話をかける方法 Twilio CLIでコマンドラインから電話をかける方法

    この記事はTwilio Developer VoicesチームのAshley Boucherこちらで公開した記事(英語)を日本語化したものです。

    Twilio Programmable Voiceはソフトウェアアプリケーションで音声通話できる機能です。本稿では、Programmable Voiceを利用して、Twilio CLIから直接音声通話する方法をご紹介します。

    以下ご紹介する内容は、米国の電話番号の購入方法が含まれます。現在、日本の電話番号購入するにはTwilioコンソールから各種確認書類を提出していただく必要があります。このため、コマンドラインのみを使って日本の電話番号を購入することはできません。詳しくは、Help Centerの「日本 - 電話番号規制情報」を参照してください。日本番号の購入には時間がかかるため、動作を確かめたい。という場合はぜひ記事に沿って米国番号を試してみてください。

    必要なツール

    環境の設定

    まずTwilio CLIがインストールされていることを確認しましょう。npmなどのパッケージマネージャーを使ってインストールします。ターミナルから、以下のコマンドを実行してください。

    npm install twilio-cli -g


    Twilio CLIがインストールされたら、以下のコマンドを実行してログインします。

    twilio log …
    Read More
  • By Ashley Boucher
    Verify a User via SMS with Express and Twilio Verify verify sms express.png

    Many applications verify and authorize their users by sending a numeric code, called a One-Time Passcode (OTP), to the user’s phone number via either a voice call or a text message.

    In this article you’ll learn how to perform user verification via SMS through Twilio Verify. You’ll build a pared down frontend using JavaScript and HTML and you’ll build a Node.js backend with Express.

    Prerequisites

    To get started with this tutorial, you’ll need the following:

    • Node.js installed on your machine, along with a package manager like npm or yarn
    • A free Twilio account (sign up with this link and get $10 in free credit when you upgrade your account)
    • A phone where you can receive text messages

    Scaffold your backend

    In your terminal or command prompt window, navigate to your main projects or development folder. From there, run the following commands to create a new project folder, …

    Read More
  • By Ashley Boucher
    Node.jsとTwilio Functionsを使って音声メッセージを書き起こす Node.jsとTwilio Functionsを使って音声メッセージを書き起こす

    この記事はTwilio Developer VoicesチームのAshley Boucherこちらで公開した記事(英語)を日本語化したものです。

    このチュートリアルでは、Twilio Programmable Voiceを利用して、Twilioの電話番号で電話を受信し、電話の発信者が残した音声メッセージを書き起こす方法をご紹介します。ぜひボイスメールシステムを構築する際の基盤作りにご活用ください。

    必要なもの

    このチュートリアルをスムーズに進めるには、以下の項目が必要です。

    Twilio Functions Serviceを作成する

    Twilioでは、Twilioの電話番号への着信を処理するWebhookを設定できます。

    Webhookを使うには、Webhook用のコードをホストする場所が必要になります。これはサーバーやローカルで動作するアプリケーションでも構いませんが、このチュートリアルではTwilio Functionsを使用します。Twilio Functionsは、サーバーを設置する手間なしにバックエンドサービスを展開できるサーバーレス環境です。

    まず、新しいTwilio Functionを作成しましょう。Twilio ConsoleのFunctionsにアクセスしてください。Create Serviceをクリックしてください。ServiceはFunction、Asset、Environ …

    Read More
  • By Ashley Boucher
    Verify a User via Phone with Twilio Functions and Twilio Verify verifyvoice.png

    Many applications verify and authorize their users by sending a numeric code, called a One-Time Passcode (OTP), to the user’s phone number via either a voice call or a text message.

    In this article you’ll learn how to perform user verification via a phone call through Twilio Verify. You’ll build a pared down frontend using JavaScript and HTML and you’ll build a Node.js backend, all hosted with Twilio Functions, which will be scaffolded using the Twilio Serverless Toolkit, a plugin for the Twilio CLI.

    Prerequisites

    To get started with this tutorial, you’ll need the following:

    Read More
  • By Ashley Boucher
    How to Verify a User via SMS with JavaScript and Twilio Verify twilioverifysms.png

    Many applications verify and authorize their users by sending a numeric code, called a One-Time Passcode (OTP), to the user’s phone number via either a voice call or a text message.

    In this article you’ll learn how to perform SMS user verification through Twilio Verify. You’ll build a pared down frontend using JavaScript and HTML and you’ll build a Node.js backend, all hosted with Twilio Functions, which will be scaffolded using the Twilio Serverless Toolkit, a plugin for the Twilio CLI.

    Prerequisites

    To get started with this tutorial, you’ll need the following:

    Read More
  • By Ashley Boucher
    Twilio Functionsを使ってTwilio Chat、Video、Voice用のアクセストークンを生成する Twilio Functionsを使ってTwilio Chat、Video、Voice用のアクセストークンを生成する

    この記事はTwilio Developer VoicesチームのAshley Boucherこちらで公開した記事(英語)を日本語化したものです。

    TwilioはProgrammable Video、Programmable Voice、Programmable Chat、Conversations製品のクライアントサイドのソフトウェア開発キット(SDK)を提供しています。

    これらのSDKを利用するためには、アクセストークンを生成する必要があります。Twilioのドキュメントで説明されているように、アクセストークンは、VoiceChatVideoなどのTwilioクライアントSDKを認証するための短期のトークンです。クライアントの身元を確認し、クライアントのAPI機能へのアクセスを許可するために、サーバー上で作成します。

    本稿では、Twilio Functionsを使ってアクセストークンを生成する方法をご紹介します。ご紹介する方法は今後のプロジェクトで何度も繰り返し使用できるので、時間の節約にもつながります。

    必要なもの

    依存関係をインストールする

    まずはTwilio Functionsの設定をしましょう。Twilio Functionsは、サーバーを設置せずにバックエンドサービスを展開できるサーバーレス環境です。Twilio FunctionsはTwil …

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