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 Phil Nash
    Twilio SendGridとNode.jsを使用してメール問い合わせフォームを構築 How to build an email contact form with SendGrid and Node JP

    この記事はPhil Nashこちらで公開した記事(英語)を日本語化したものです。

    Webサイトにメールアドレスを公開すると、スクレーピングされ、スパムに使用されるおそれがあります。この問題を回避し、同時に自身のWebサイトからメールで問い合わせを受け取れるようにする方法の一つとして、問い合わせフォームを構築することがあります。

    本稿では、Twilio SendGridベースの開発プロジェクトの一例として、ウェブサイト上で問い合わせフォームを構築し、メールアドレスを公開することなく問い合わせのメールを受け取れるようにする方法を説明します。

    プロジェクトはTwilio Functionsも使って構築しますが、本稿でご紹介するコードはあらゆるNode.js環境での使用に対応しています。

    APIによるメール送信との違い

    ユーザーがお問合せフォームを送信した際は、お問合せフォームを入力した人のメールアドレスを送信元とするメールがウェブサイト運営者に送信されることがよくあります。しかし、メール送信に関する信頼性を維持するため、Twilio SendGridは単一送信元として検証されたアドレス、または認証済みのドメインからの送信しか許可しません。

    そのため、提供されたメールアドレスをfromアドレスとして使用する代わりに、reply-toアドレスに設定できます。この方法であれば、Twilio SendGridは認証済みメールアドレスからメールを送信する一方で、受信 …

    Read More
  • By Phil Nash
    How to send SMS Without a Phone Number using Alpha Sender and Ruby How to send SMS Without a Phone Number using Alpha Sender and Ruby

    We talk a lot about conversational messaging at Twilio; being able to send to and receive messages from your customers allows you to better engage with them. Sometimes you just need to send a one-way message though, for example when you are sending alerts, notifications or verifications. For a one-way message like this you could consider using an Alphanumeric Sender ID instead of a phone number.

    When a user receives a message from an alphanumeric sender ID, it looks like this.

    A screenshot from an iPhone showing a message that has come from the sender "PHILNASH"

    In this case, I sent the message from PHILNASH and you can see that the ID takes the place of the phone number for the contact in the iOS messages app.

    Alphanumeric sender IDs behave differently to phone numbers and have some benefits under the right circumstances:

    • Your business is instantly identifiable by name, the recipient doesn't have to have your phone number in their contacts to see your …
    Read More
  • By Phil Nash
    Join the Twilio Collective on Stack Overflow Join the Twilio Collective on Stack Overflow

    You've been out there for years asking and answering Twilio questions on Stack Overflow and we salute you for it. We've launched the Twilio Collective on Stack Overflow to make asking and getting answers to those questions an even better experience.

    First things first, what is the “Twilio Collective on Stack Overflow”?

    The Twilio Collective is a one-stop homebase for all the Twilio knowledge, and the developers sharing it, on Stack Overflow now and into the future. The Collective also allows us to curate the Twilio tags, by highlighting recommended answers to the most burning of questions.

    Highlighting answers means we can promote answers even when they don't have the most votes, like this SendGrid question where the library updated but the accepted answer (which was right at the time) has not.

    By joining the collective, you'll get easy access to a feed of questions on all things Twilio, including …

    Read More
  • By Phil Nash
    How to build an email contact form with SendGrid and Node.js How to build an email contact form with SendGrid and Node.js

    Displaying your email address on a website can result in your email being scraped and used for spam. One way to get around this, but still allow people to contact you from your website, is to build a contact form.

    In this post you will build a contact form using SendGrid to deliver emails to your inbox without exposing your email address.

    You will build the project with Twilio Functions, but you could adapt the code to use in any Node.js environment.

    How is this different to sending an email with an API?

    When someone fills in a contact form, you might expect to receive an email in your inbox from their email address. However, to maintain a good email sending reputation, SendGrid only allows you to send emails from addresses that you have verified individually or from domains you have authenticated.

    So, instead of using the submitted …

    Read More
  • By Phil Nash
    TwilioとReactでSMSを送信する方法 TwilioとReactでSMSを送信する方法

    この記事はPhil Nashこちらで公開した記事(英語)を日本語化したものです。

    SMSメッセージをWebアプリケーションから送信する方法はよく紹介されていますが、SMSメッセージをReactアプリケーションから送信することは可能でしょうか?実は、意外と簡単に実装できます。

    本稿では、SMSメッセージをセキュアに送信するReactアプリケーションを構築する方法をご紹介します。

    クライアント側からREST APIを使うべきでない理由

    技術的には、JavaScriptのクライアント側アプリケーションから直接Twilio REST APIを使いSMSを送信できます。ただし、それを実際に実行すると、Twilio認証情報がサイトを使用中の他人に公開される可能性があります。悪意のあるユーザーは、その認証情報を悪用し、アカウントに高額な請求を発生させる可能性もあります。

    ハッカーのイメージ

    認証情報の悪用を避けるために、Twilio REST APIを実装し、認証情報を晒さずにSMSメッセージを送信する、サーバーサイドアプリケーションを作成します。次に、Reactアプリケーションからバックエンドを呼び出し、認証情報をインターネット上に公開せずに、SMSメッセージを送信します。

    必要なツール

    Twilio REST APIを使用し、アプリケーションからテキストメッセージを送信するには、以下の項目が必要になります。

    Read More
  • By Phil Nash
    Introducing Firebase Extensions for Twilio Decorative header image "Firebase Extensions for Twilio. Integrate common Twilio use cases into your Firebase application"

    Building applications takes time, there's a lot of work in implementing, testing, debugging and shipping features. Things would be a lot quicker and easier if someone had already built your feature for you. That's what the Firebase team thought and it led them to build the Firebase Extensions platform.

    Firebase Extensions are pre-packaged solutions that you install into your Firebase application and that perform tasks when a defined event occurs in your app. The Firebase team publish their own extensions, like this one that resizes images or this one that triggers an email when you add a document to a Cloud Firestore collection (which, by the way, you can configure with your SendGrid credentials). Today we're introducing three new Firebase Extensions that bring the power of Twilio APIs to your Firebase application.

    New Twilio Extensions

    We're releasing three new extensions to the Firebase Extensions catalogue that will make it quicker …

    Read More
  • By Phil Nash
    Upload audio files for your Studio IVR with the Twilio CLI Assets Plugin Upload audio files for your Twilio IVR with the Twilio CLI Assets Plugin

    When building an Interactive Voice Response, or IVR, system with Twilio you might start off using text-to-speech to read out your prompts. As you move to production you may want to replace the text-to-speech with real recordings.

    In this post you will learn how to use the Twilio CLI Assets Plugin to store your recordings in a Twilio Assets service and use them in a Twilio Studio IVR application.

    Let's build an IVR

    To see this in action, let's put together a quick IVR system in Twilio Studio. To do this you will need a Twilio account. If you don't have one yet, sign up for a free Twilio account here and receive $10 credit when you upgrade.

    Open the Studio dashboard in the Twilio console and create a new Flow. Give your new Flow a name and click Next.

    When you create a new Flow a popup appears to ask for a name for the Flow. Call it "IVR".

    Select the IVR/Phone Tree template …

    Read More
  • By Phil Nash
    Twilio CLIのAssetsプラグインをリリースしました Assetsプラグインを発表 - Twilio CLIを使ってアセットをアップロード・管理

    この記事はTwilio Developer AdvocateのPhil Nashこちらで公開した記事(英語)を日本語化したものです。

    Twilio CLIは、Twilioの開発者にとって便利なツールです。 コマンドラインから手軽にTwilioのすべてのAPIにアクセスできるだけでなく、電話番号管理や、ローカル環境でWebhook URLにワンステップでアクセスできるコマンド、プラグインシステムなど数多くの機能を提供します。CLIプラグインはCLIのコア機能を拡張し、Flexプラグインの構築と管理アクセストークンの生成Twilio Functionsを使った構築、そして今回のAssetsプラグインによるTwilio Assetsサービスへのアセットのアップロードなどを可能にしてくれます。

    この記事では、Assetsプラグインの使い方をご紹介した上で、このプラグインを作った経緯を詳しくお話しします。

    Assetsプラグインとは?

    Assetsプラグインでは、画像や音声ファイルなどのアセットの保管先として使用できるAssetsサービスを作成し、アセットのアップロードや管理が行えます。作成したAssetsサービスはTwilioのアプリケーションで使用できます。たとえば、音声ファイルをアップロードして、Twilio Voiceを利用した音声通話中に<Play>動詞で再生するファイルとして使用したり、MMSでユーザーに送信する画像WhatsAppメディアメッセージをアップロードしたりすることができます。

    Assetsプラグインの使い方

    Asse …

    Read More
  • By Phil Nash
    Announcing the Assets Plugin for the Twilio CLI Announcing the Assets Plugin - Upload and manage assets using the Twilio CLI

    The Twilio CLI is a powerful tool for Twilio developers. Not only does it give you access to all the Twilio APIs from the comfort of your command line, there are advanced features like phone number management, magic webhook tunnels, and the plugin system. CLI plugins extend the functionality of the CLI core and allow you to do things like build and manage Flex plugins, generate access tokens, build with Twilio Functions, and now upload assets to a Twilio Assets service with the Assets Plugin.

    In this post I'm going to show you how to use the Assets Plugin and then go into a bit of detail about why we built it.

    What is the Assets Plugin?

    The Assets Plugin allows you to create an Assets service that you can use as a bucket as a destination for assets, like images or audio files, …

    Read More
  • By Phil Nash
    Erkennen von Prominenten mit der Twilio-API für WhatsApp, AWS Rekognition und Ruby Erkennen von Prominenten mit der Twilio-API für WhatsApp, AWS Rekognition und Ruby


    Hallo und Danke fürs Lesen! Dieser Blogpost ist eine Übersetzung von Go celebrity spotting with the Twilio API for WhatsApp, AWS Rekognition and Ruby. Während wir unsere Übersetzungsprozesse verbessern, würden wir uns über Dein Feedback an help@twilio.com freuen, solltest Du etwas bemerken, was falsch übersetzt wurde. Wir bedanken uns für hilfreiche Beiträge mit Twilio Swag :)

    Wusstest du schon, dass du Medien über die Twilio-API für WhatsApp senden und empfangen kannst? Als ich davon erfahren habe, dachte ich mir: Warum nicht etwas Spaß damit haben und die API mit AWS Rekognition kombinieren, um herauszufinden, ob ich einem Prominenten ähnlich sehe.

    In diesem Blog zeige ich, wie wir eine App erstellen, mit der wir ein Bild an eine WhatsApp-Nummer senden, das Bild herunterladen und mit der AWS Rekognition-API analysieren und anschließend eine Antwort senden, die angibt, ob sich Prominenten auf dem Bild befinden.

    Das brauchen wir

    Zum Erstellen dieser App …

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