Build the future of communications.
Start Building for Free

nodejs posts

  • By Dominik Kundel
    Node.jsを使用したCLIの構築方法 Node.js - CLI

    この記事はTwilio Developer AdvocateのDominik Kundelがこちらで執筆した記事の日本語版です。

    Node.jsを使用して構築されたコマンドラインインターフェース(CLI)は、広大なNode.jsのエコシステムを活用し、反復的なタスクを自動化することができます。また、npmyarnなどのパッケージマネージャーを通じて簡単に配布でき、複数のプラットフォームで利用できます。この記事では、CLIの作成にNode.jsを使用するメリットとその方法、いくつかの便利なパッケージ、そして新しいCLIを配布する方法を解説します。

    CLIの作成にNode.jsを使用する理由

    Node.jsが人気を博した理由の1つは、npmレジストリに90万以上のパッケージを有するパッケージエコシステムであるという点です。Node.jsを使用してCLIを作成することで大量のCLI向けパッケージを含むエコシステムを利用することができます。たとえば、CLIで次のようなパッケージを利用できます。

    • 複雑な入力プロンプト用のinquirerenquirerprompts
    • 便利な電子メール入力プロンプト用のemail-prompt
    • カラー出力用のchalkまたはkleur
    • 美しいスピナーを作成するora
    • 出力の周囲にボックスを描画するためのboxen
    • tmuxに似たUI作成用のstmux
    • 進捗状況リスト用のlistr
    • ReactによるCLI構築用のink
    • 基本的な引数解析のためのmeowまたはarg
    • 複雑な引数の解析とサブコマンドサポートのためのcommande …
    Read More
  • By Mia Adjei
    Manage the Recordings of Your Video Calls with the Twilio Compositions API Using Node.js, Express, and TypeScript Manage the Recordings of Your Video Calls with the Twilio Compositions API Using Node.js, Express, and TypeScript

    Have you ever been in a video meeting that was being recorded? It's great to be able to catch up on a meeting you may have missed or to refer back to a great conversation you had via video chat. Recording a video call can also be a great way to make your content and conversations more accessible in general by providing participants with a way to play back the conversation at their own pace.

    With Twilio Programmable Video, you can enable recording for your video rooms. When recording is enabled, each participant's audio and video are recorded in separate tracks. You can 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, …

    Read More
  • By Phil Nash
    ReactアプリにNode.jsサーバープロキシを設定する方法 Node.js + Express

    この記事はTwilio Developer EvangelistのPhil Nashがこちらで執筆した記事の日本語版です。執筆から時間が経過しているため、2021年5月時点で動作確認を行い、一部オリジナルの記事よりコードを修正しています。

    Create React Appは、Reactアプリケーションを稼働させるための優れたツールです。Twilio Videoチャット用のアクセストークン生成など、サーバーサイドコンポーネントを必要とするアプリケーションを構築、試作する場合ではどうでしょうか。1つのコマンドですべてを動かせるため、同じプロジェクト内で1台のサーバーを操作するのが最も簡単です。

    この記事を最後まで読むと、Reactアプリと連動するExpressサーバーの設定方法を理解できるようになります。お急ぎの場合は、GitHubのスタータープロジェクトをご覧ください。

    動作の仕組み

    Create React Apppackage.jsonで設定できるオプションには、text/html以外のリクエストを別のバックエンドにプロキシするものがあります。この機能を利用すると、あらゆる場所で稼働しているアプリケーションにプロキシすることができますが、今回はReactプロジェクト内でサーバーを実行できるようにしたいと思います。

    ここでは、1つのコマンドでReactアプリとExpressサーバーを同時に実行できるようにするために、いくつかのnpmモジュールをまとめて、プロキシできるようにします。

    はじめに

    以降の手順では、Node.jsとnpmをインストールし …

    Read More
  • By Mia Adjei
    Build a Video Application with Breakout Rooms Using Twilio Programmable Video, React, TypeScript, and Express — Part 2 Build a Video Application with Breakout Rooms Using Twilio Programmable Video, React, TypeScript, and Express — Part 2

    In the previous tutorial, you built out the server side of a video application that will also allow you to create breakout rooms. Now it’s time to build out the client side of your application using React and TypeScript.

    By the end of this tutorial, you will be all set up to create and use breakout rooms in your video application.

    Let's get started!

    Prerequisites

    You will need:

    • A free Twilio account. (If you register here, you'll receive $10 in Twilio credit when you upgrade to a paid account!)
    • Node.js (version 14.16.1 or higher) and npm installed on your machine.
    • HTTPie or cURL.
    • The code from the previous tutorial. (See the following step for details.)

    Get the starter code

    If you have just completed the previous tutorial, you already have the updated server-side code you need and can skip to the next section.

    However, if you …

    Read More
  • By Mia Adjei
    Application vidéo avec salons de groupe, Twilio Programmable Video, React, TypeScript et Express - Partie 2 Construire une application vidéo avec des salons de groupe avec Twilio Programmable Video, React, TypeScript et Express — Partie 2

    Dans le tutoriel précédent, vous avez créé la partie serveur d'une application vidéo permettant également de créer des salles de groupe. Il est désormais temps de développer le côté client de votre application à l'aide de React et de TypeScript.

    À la fin de ce tutoriel, vous saurez créer et utiliser des salles de groupe dans votre application vidéo.

    Allez, c'est parti !

    Conditions préalables

    Vous aurez besoin des éléments ci-dessous :

    • Un compte Twilio gratuit. (Si vous vous inscrivez ici, vous recevrez un crédit Twilio de 10 $ lorsque vous passerez à un compte payant !)
    • Node.js (version 14.16.1 ou supérieure) et npm installé sur votre machine.
    • HTTPie ou cURL.
    • Le code du tutoriel précédent. (Voir l'étape suivante pour obtenir plus de détails.)

    Obtenir le code de démarrage

    Si vous venez de terminer le tutoriel précédent, vous disposez déjà du code côté serveur mis à …

    Read More
  • By Mia Adjei
    Build a Video Application with Breakout Rooms Using Twilio Programmable Video, React, TypeScript, and Express — Part 1 Build a Video Application with Breakout Rooms Using Twilio Programmable Video, React, TypeScript, and Express — Part 1

    Have you ever attended a video meeting, conference, or class and had the opportunity to join a breakout room? Video breakout rooms are a great way to create space for smaller group discussion and collaboration alongside a larger-group video call.

    In this tutorial and the one that follows it, you'll build a video chat application that allows you to create breakout rooms alongside your main video room.

    By the end of this first tutorial you will have:

    • A server that handles your API calls to the Twilio Video APIs and communicates with your local database.
    • A database set up to store the associations between main rooms and breakout rooms.

    Let's get started!

    Prerequisites

    You will need:

    • A free Twilio account. (If you register here, you'll receive $10 in Twilio credit when you upgrade to a paid account!)
    • Node.js (version 14.16.1 or higher) and npm installed on your machine.
    • HTTPie …
    Read More
  • By Mia Adjei
    Application vidéo avec salons de groupe, Twilio Programmable Video, React, TypeScript et Express — Partie 1 Construire une application vidéo avec des salons de groupe avec Twilio Programmable Video, React, TypeScript et Express — Partie 1

    Avez-vous déjà assisté à une réunion vidéo, à une visioconférence ou à un cours en ligne ? Et avez-vous eu l'opportunité de rejoindre une salle de groupe ? Les salles de groupe vidéo sont idéales pour créer un espace de discussion et de collaboration en petits groupes, en parallèle d'un appel vidéo en grand groupe.

    Dans ce tutoriel et dans le suivant, vous allez construire une application de chat vidéo, qui vous permettra de créer des salles de groupe en plus de votre salle vidéo principale.

    À la fin de ce premier tutoriel, vous aurez les éléments suivants :

    • Un serveur qui gère vos appels d'API vers les API Twilio Video et qui communique avec votre base de données locale.
    • Une base de données configurée pour stocker les associations entre les salles principales et les salles de groupe.

    Allez, c'est parti !

    Conditions préalables

    Vous aurez besoin des éléments ci-dessous …

    Read More
  • By Ashley Boucher
    How to Send a Picture on WhatsApp Using Twilio and JavaScript header - How to Send a Picture on WhatsApp Using Twilio and JavaScript

    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, we’ll walk you through how you can develop a functional JavaScript program to send an image to a user through WhatsApp.

    Twilio WhatsApp console with an image and message "check out this owl!"

    Prerequisites

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

    • A smartphone with an active WhatsApp account, to test the project.

    The Twilio WhatsApp sandbox

    Twilio provides a WhatsApp sandbox, where you can easily develop and test your application. Once your application is complete you can request production access for your Twilio phone number, which requires approval by WhatsApp.

    In this section you are going to connect your smartphone to …

    Read More
  • By Dominik Kundel
    ガイド: Node.jsでログを記録する方法 A guide to Node.js logging

    この記事はTwilio Developer AdvocateのDominik Kundelこちらで執筆した記事の日本語版です。

    JavaScriptで開発を始める際に最初に学ぶことの1つは、console.logを使用してイベントなどをコンソールにロギングする方法でしょう。JavaScriptのデバッグ方法を検索すると、console.logのシンプルな利用方法に関するブログや、StackOverflowの記事が数百件ヒットします。console.logは一般的な手法ですが、不要なログステートメントを本番コードに残さないためにno-consoleなどのlinterルールも登場しています。しかし、特定の情報を意図的にロギングする場合は、どうすれば良いのでしょうか?

    この記事では、情報をロギングするさまざまなケースを紹介します。さらに、Node.jsにおけるconsole.logconsole.errorの違いや、ユーザーコンソールを混乱させずにロギングをライブラリに組み込む方法についても解説します。

    console.log(`Let's go!`);
    

    第1の理論: Node.js

    console.logまたはconsole.errorはブラウザやNode.jsで使用できますが、Node.jsで使用する際に注意すべき重要な点があります。例えば、Node.js環境でindex.jsというファイルに、次のコードを記述します。

    console.log('Hello there');
    console.error('B …
    Read More
  • By Mia Adjei
    Grant Video Access Tokens with Your Express + TypeScript Video API Grant Video Access Tokens with Your Express + TypeScript Video API

    So you've built a video API with Twilio Programmable Video, Node.js, TypeScript, and Express. You've added CORS support so that your future video app will be able to access resources on your server. What's next?

    In order for users to actually be able to connect to video rooms in your app, they will need to be authenticated using an access token. In this tutorial, you'll update your Express + TypeScript video API to add a new route that grants access tokens to the users who will be using your video app. Let's get started!

    Prerequisites

    You will need:

    • A free Twilio account. (If you register here, you'll receive $10 in Twilio credit when you upgrade to a paid account!)
    • Node.js (version 14.16.1 or higher) and npm installed on your machine.
    • HTTPie or cURL.
    • The code from the previous tutorial (see below).

    The rest of this tutorial builds on …

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