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 Miguel Grinberg
    Tailwind CSSを使用したWebサイトのスタイル方法 tailwind css

    の記事はMiguel Grinbergこちら(英語)て執筆した記事を日本語化したものです。

    Webサイトのルックアンドフィールを定義する作業は大変です。HTMLドキュメントの体裁や見栄えを記述するためのCSS(カスケーディングスタイルシート)言語は、コードが長くなり、複雑で整合性も取りづらく、ブラウザごとの実装も統一されていません。CSSの使用に関する問題点を減らすため、さまざまなCSSフレームワークが、入念な設計と検証に基づいた再利用可能なユーザーインターフェイスコンポーネントを提供しています。しかし、こうしたフレームワークを使用すると、同じフレームワークで開発されたほかのWebサイトと一線を画すスタイルを打ち出すことはなかなかできません。

    この記事では、Tailwind CSSを紹介します。このローレベルCSSフレームワークには、ブラウザに関係なく再利用できるユーティリティクラスがすべて用意されており、独自のルックアンドフィールでサイトを構築できます。

    Tailwind CSSを試してみる

    Tailwind CSSについて理解を深める最も簡単な方法は、空白のHTMLページを作成して公式のTailwind CSS定義をインクルードし、あれこれ試してみることです。ただし、これは本番サイトにTailwind CSSを実装する方法としてはお勧めしませんので注意してください。さまざまな実装オプションについては後半で説明します。

    ここでは、以下のように簡単なHTMLファイルを作成することから始めましょう。

    <!doctype html& …
    Read More
  • By Miguel Grinberg
    Add Custom Effect Filters to your Twilio Programmable Video Calls Add Custom Effect Filters to your Twilio Programmable Video Calls

    The Twilio Video JavaScript SDK has been recently enhanced with support for video processors, small effects, and filters that can be applied to the video tracks in a Programmable Video application.

    In a previous article, I showed you how to use the background blurring and replacement effects released as part of the Twilio Video Processors library. In this article, I’m going to show you how to create your own custom video effects.

    Face detection demo

    Prerequisites

    At the time I’m writing this article, video processors are only available for Chrome and other chromium-based web browsers. You can check the current list of supported browsers in the documentation for updates.

    What is a video processor?

    A video processor is a small JavaScript object that performs video processing transformations or effects. The structure of a video processor is shown below:

    myVideoProcessor = {
        processFrame: (inputFrame, outputFrame) => {
            // the video processing logic goes …
    Read More
  • By Miguel Grinberg
    Change the Background in your Video Calls with the Twilio Video Processors Library Change the Background in your Video Calls with the Twilio Video Processors Library

    Background replacement and blurring is a great feature offered by the biggest players in the video conferencing space, especially appreciated by those who have been forced to improvise a working space in their homes as a result of lockdown and stay-at-home measures implemented to combat the spread of COVID-19.

    This feature has now come to the Twilio Programmable Video product through the Twilio Video Processors JavaScript library. In this short tutorial, you are going to learn how to add video processing filters to a video stream captured by your web browser.

    Background effects demonstration

    Prerequisites

    At the time I’m writing this article, the Video Processors library only works in Chrome so you will need to use this browser. You can check the current list of supported browsers in the documentation for updates.

    The example application you are going to build as part of this tutorial is a JavaScript front end application hosted in …

    Read More
  • By Miguel Grinberg
    How to Send a Message on WhatsApp with cURL How to Send a Message on WhatsApp with cURL

    The WhatsApp Business API from Twilio is a powerful, yet easy to use service that allows you to communicate with your users on the popular messaging app.

    In this article, you’ll learn how to send a message to a user through WhatsApp using cURL, which would make this functionality accessible from shell scripts.

    Project demo

    Prerequisites

    To follow this tutorial you need the following items:

    The Twilio …

    Read More
  • By Miguel Grinberg
    How to Send an SMS in 30 Seconds with Golang How to Send an SMS in 30 Seconds with Golang

    Twilio is all about powering communication and doing it conveniently and fast in any language.

    In this tutorial you’ll learn how to deliver a quick message or notification via SMS directly from a Go application. You’ll use the new Twilio Go Helper Library to send an SMS in an insanely fast manner. Ready? Let's get started!

    Tutorial requirements

    Buy a Twilio phone number

    If you haven't done so already, purchase a Twilio phone number to send the SMS from.

    Log in …

    Read More
  • By Miguel Grinberg
    JavaScriptとTwilio Programmable Videoによる画面共有 Screen Sharing with JavaSCript and Twilio Programmable Video

    この記事はMiguel Grinbergこちら(英語)て執筆した記事を日本語化したものです。

    Twilio Programmable Videoを用いてWebRTC規格に基づき、カスタマイズされたビデオチャットアプリケーションを構築することができます。この記事では、JavaScriptで構築されたブラウザベースのProgrammable Videoアプリケーションに、画面共有オプションを追加する方法をご紹介します。

    Screen Sharing on Twilio Video

    チュートリアルの要件

    このチュートリアルでは、以前の入門チュートリアルにおいてJavaScriptとPythonで構築したビデオチャットアプリケーションに、画面共有機能を追加します。このアプリケーションをお使いのコンピューターで実行するには、以下の要件を満たす必要があります。

    • Python 3.6以降。お使いのオペレーティングシステムにPythonインタープリターがない場合には、python.orgから、インストーラをダウンロードしてください。
    • 無料または有料のTwilioアカウント。Twilioを使用するのが初めての場合には、今すぐ無料アカウントを取得してください。このリンクを使用すると、アップグレード時に$10受け取ることができます。
    • Twilio Programmable Video JavaScriptライブラリと互換性を持つWebブラウザ(以下のリストを参照)。この要件は、このアプリケーションの構築後、招待されて利用するユーザーにも適用されます。

    サポートされるWebブラウザ

    このプロジェクトの中心となるビデオとオーディオの …

    Read More
  • By Miguel Grinberg
    How to Receive Images on WhatsApp using Django and Twilio How to Receive Images on WhatsApp using Django and Twilio

    The WhatsApp Business API from Twilio is a powerful, yet easy to use service that allows you to communicate with your users on the popular messaging app. In this tutorial you are going to learn how to create a Python application based on the Django web framework that can receive and handle images sent by your users on WhatsApp.

    Project demo

    Prerequisites

    To follow this tutorial you need the following items:

    The Twilio WhatsApp sandbox

    Twilio provides …

    Read More
  • By Miguel Grinberg
    Flaskアプリケーションの実行方法 how to run a flask app header

    この記事はMiguel Grinbergこちら(英語)で執筆した記事を日本語化したものです。

    長い間、Flaskアプリケーションの有名な「Hello, World」というサンプルコードは、7行構成でした。以下は、2017年6月12日のFlask Webサイトのスナップショットです。

    old flask website

    その後、このサンプルアプリケーションは5行に短縮されました。以下は2017年6月17日の同じページです。

    new flask website

    ご覧のように、アプリケーションのコア部分は変更ありませんが、アプリケーションサーバーの開始方法が大幅に変更されています。以前のサンプルでは、アプリケーションスクリプト内で単純なapp.run()コールを使用していますが、新しいサンプルではflask runコマンドとFLASK_APP環境変数を使用しています。

    その後の数年間でFlask Webサイトのデザインは大きく変わりましたが、この記事を執筆している2020年の段階では、flask runメソッドはフレームワークの公式ドキュメントで最も頻繁に目にします。

    現在も、多くのアプリケーションやコードチュートリアルでapp.run()メソッドが使用されています。理由の1つは、Flaskでは古くとも重要なコンテンツが数多く存在しているためです。app.run()が今も便利で使いやすいコマンドとして、広く利用されていることもあります。

    この記事では、それぞれのメソッドの長所と短所について解説します。では、本題に入りましょう。

    「app.run()」と「flask run」のどちらを使用するべきか?

    最初から難しい質問が登場 …

    Read More
  • By Miguel Grinberg
    Build a Phone Tree with Python, Twilio and a State Machine Build a Phone Tree with Python, Twilio and a State Machine

    The Twilio Programmable Voice service provides a complete line of features that allow you to implement phone trees or Interactive Voice Response (IVR) systems for your business or organization.

    In this tutorial you will learn how to create an extensible phone tree using Python, the Flask web framework, and the power and simplicity of a state machine. The phone tree that you are going to have by the end of this tutorial will match the following diagram:

    Phone tree diagram

    Tutorial Requirements

    Read More
  • By Miguel Grinberg
    Manage the Recordings of Your Video Calls with the Twilio Compositions API, Python and Flask Manage the Recordings of Your Video Calls with the Twilio Compositions API, Python and Flask

    Do you use Twilio Programmable Video for your video meetings? One of the many optional features is to enable recording of your video rooms. When recording is enabled, each participant's audio and video are recorded in separate tracks. You can then use the Compositions API to combine these tracks into a single playable video that will be compatible with most common media players.

    In this tutorial, you will learn how to build a quick application for creating, viewing, and downloading your video compositions using the Compositions API, Python, and the Flask web framework. Let's get started!

    Prerequisites

    • Python 3.6 or newer. If your operating system does not provide a Python interpreter, you can go to python.org to download an installer.
    • A Twilio account. If you are new to Twilio click here to create a free account now and receive $10 credit when you upgrade to a paid account. You can …
    Read More
  • Newer
    Older
    Sign up and start building
    Not ready yet? Talk to an expert.