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

Japanese posts

  • By Stephenie Minami Nakajima
    はじめてのSvelte - 基礎から応用まで はじめてのSvelte - 基礎から応用まで

    背景

    JavaScriptのフロントエンド開発に関わる技術は移り変わりが目まぐるしく、日々新しいツールやフレームワークが誕生しています。Svelteも近年注目を集めているフロントエンドフレームワークの一つです。2021年のStackOverFlowの開発者サーベイでは、Svelteが開発者から最も愛されているツールとして選ばれました。本稿では、Svelteの基礎的な開発方法から、Storeを使った状態管理やアニメーションの適用方法など、応用までご紹介します。

    目標

    このチュートリアルを最後まで進めると、Svelteの基礎から応用までを学べるとともに、以下のようなタスク管理アプリを作成できます。

    アプリ完成イメージ

    Svelteとは?

    Svelteは、ブラウザ上で動作するユーザーインターフェースを作成するためのオープンソースフレームワークです。

    ReactやVue.jsとの違い

    SvelteはReactVue.jsと同様に、ユーザーインターフェースを作成するためのコンポーネントベースのJavaScriptフレームワークです。

    しかし、SvelteとReactやVue.jsには決定的な違いがあります。Svelteは仮想DOMを使用しません。SvelteはTypeScriptで書かれたコンパイラであり、ビルド時にJavaScriptをコンパイルするのに対し、ReactやVue.jsは実行時に仮想DOMを使ってアプリケーションコードを解釈します。

    Svelteとほかのフレームワークの違いについて詳しくは、ブログ記事「SvelteとReactの基本を比較」を参照してください。

    Svelteを使う …

    Read More
  • By Daizen Ikehara
    ローカリゼーションプラグインを利用しTwilio Flexのユーザーインターフェースを日本語にする方法 flex localization

    Twilio Flexは音声通話(電話)、SMS、Webチャットなど複数のチャネルからの問い合わせをブラウザから対応できるクラウドコンタクトセンターソリューションです。特別な電話回線や設備を導入する必要はありません。

    スキル・属性ベースのルーティングや自動音声応答(IVR)などをノーコードで設定できる強力なソリューションですが、ユーザーインターフェース(UI)のデフォルト言語が英語であるため、非英語圏のユーザーにとっては使い勝手が良くありませんでした。Flexが提供するプラグインモデルを利用し、UIの文字列を日本語などに変更するプラグインを自前で作成されている方もいるでしょう。

    今回、Twilioでコンサルティングやトレーニングを提供しているプロフェッショナルサービスチームが日本語を含んだ複数言語に切り替えることができるプラグインを開発し、GitHubで公開しました。Twilio Japanのチームメンバーも日本語文字列のレビュー・修正で貢献しています。

    GitHub - twilio-professional-services / plugin-flex-localization

    この記事ではplugin-flex-localizationプラグインをFlexに適用する方法について解説します。

    このFlexプラグインは製品サポートの対象となるものではないため、利用については自己責任となります。質問 …

    Read More
  • By Sean Coleman
    高品質なビデオ体験を大規模に提供〜Video Insights機能の知見を活用 Build High Quality Video Experiences at Scale with Video Insights, Now in Public Beta JP

    この記事は、プロダクト担当のSean Colemanが、こちら(英語)で執筆した記事を日本語化したものです。

    Twilio VideoサービスにてVideo Insightsがパブリックベータ版としてご利用いただけるようになりました。

    Video Insightsは、Twilioコンソールからアクセス可能なダッシュボード機能として提供され、ビデオアプリケーションの使用状況や品質を確認したり、ビデオセッションに関連したRooms(ルーム)やParticipants(参加者)の傾向を把握できます。また問題が発生した際には、簡単に解析・解決することができます。これにより、お客様のビデオ体験の品質向上、Twilio Videoサービスが利用されなくなる状況の回避、急速な規模拡大を安心して実施いただけることにつながります。

    Twilioは、お客様に最高のデベロッパーエクスペリエンスを提供するよう努めています。これは、革新的なビデオ体験を構築し、市場投入までの時間を短縮するためのプラットフォームとツールキットを提供することを意味しますが、ポイントは、お客様のビデオ体験の質を犠牲にすることなく、貴社のビデオアプリケーションサービスを迅速かつ確実に拡張するために必要なツールを提供する点にあります。Video Insightsは、グループ、P2P、および WebRTC Go の各ビデオルーム種別の開発者に、追加費用なしで今すぐご利用を開始いただけます。

    この記事では、まず今回リリースのハイライトと主要機能を紹介し、その後Video Insightsを今すぐ使い始める方法を …

    Read More
  • By Daizen Ikehara
    SIGNALで発表されたTwilioQuest 3.2を使って自分だけのエクステンションを作成するには TwilioQuest 3 - Extension

    SIGNAL 2021 カンファレンスのブログシリーズ、第5回目、並びに「Qiita Advent Calendar - Twilioを使うためのコツ、TIPSなど、Twilioのことなら何でも共有しよう!」 1日目を同時に投稿します。

    始めに

    第1回(SIGNALカンファレンスの超速報)、第2回(基調講演の振り返り)、第3回(SIGNAL TVをMCの立場から振り返る)、第4回(Twilio SIGNAL 2021 イベント〜製品アナウンスの振り返り)に続いてSIGNALで発表されたTwilioQuest 3.2の詳細やエクステンションの開発方法について紹介します。

    TwilioQuestとは

    TwilioQuestはゲームをプレイするようにさまざまな開発スキルを向上できるチュートリアルです。2019年に当時の最新バージョンである「TwilioQuest 3」がリリースされました。Twilio製品の利用方法だけでなく、Pythonのようなプログラミング言語や、GitHub(ソフトウェア開発プラットフォーム)の使い方などを学習できます。

    より詳しい説明やミッションの進め方、日本語版のアナウンスについては以前こちらの記事で取り上げています。

    Read More
  • By Kazuo Sugiyama
    2021年10月サポートFAQアップデート oct

    Technical Support Engineer の杉山です。

    2021年10月に公開したFAQをご紹介いたします。

    お客様にサービスを提供する際のベストプラクティスを紹介いたします。

    できれば アカウントを乗っ取られる前 に確認いただきたいFAQです。

    必要なくなったTwilio番号を解放する方法を解説いたします。


    プロジェクトに必要なユーザーを管理する方法の紹介です。

    来月も引き続きアップデートいたします。

    お楽しみに!

    【注】

    ご紹介したFAQの内容は実情に合わせて変更される可能性がございます。
    FAQのコンテンツを正としてご活用くださいませ。
    過去のアップデート記事に関してはこちらをご覧ください。

    Read More
  • By Hiroto Masaki
    Twilio SIGNAL 2021 イベント〜製品アナウンスの振り返り twilio-signal2021-recapBlog4-header-jp

    SIGNAL 2021 カンファレンスのブログシリーズ、第4回目となります。

    SIGNAL 2021を振り返るブログシリーズを、第1回(Twilio SIGNAL 2021 カンファレンスの超速報)、第2回(Twilio SIGNAL 2021 〜 基調講演の振り返り)、第3回(SIGNAL TVをMCの立場から振り返る)と投稿してきました。第3回目までで、カンファレンスイベント期間中のプロダクト系のアナウンスの幾つかについて既にカバーしていますが、今回は未だカバーしきれていない以下のアナウンスについて触れていきたいと思います。

    • Twilio Verifyの機能強化を3点(WhatsApp、TOTP、BYOT)
    • Twilio Video Insights機能
    • Twilio SendGrid EmailのDeliverability Insights機能
    • プログラム「CodeExchange for Good」

    Twilio Verifyの機能強化を3点(WhatsApp、TOTP、BYOT)


    先ずTwilio Verifyについてです。Twilio Verifyは二要素認証をマルチチャネルで実現するマネージド型のアカウントセキュリティー系プロダクトです。プロダクト全般としてはこれまでも正式リリース提供しています。二要素認証におけるワンタイムパスコード(OTP)生成・管理のロジックが自社提供可能な場合、Twilio Programmable SMSサービスと組み合わせることでエンドツーエンドで二要素認証機能を自社提供できます。しかし、そもそもOTPの生 …

    Read More
  • By Daizen Ikehara
    豪華プレゼントが当たる Qiita Advent Calendar 2021開催中! Qiita Advent Calendar 2021

    デベロッパーエバンジェリストの池原です。今年も年末まで2ヵ月を切り、少しずつ寒くなってきました。私は毎朝の散歩を日課にしているのですが、さすがに5時に起床するのが辛くなってきました。みなさんも気候の変化に体調を崩されないようにお気を付けください。

    さて、年末12月といえば毎年多くのアドベントカレンダーが公開されます。ITエンジニアにとってはプログラミング言語やフレームワーク、あるいは子育てなどさまざまなテーマについて12月1日から12月25日まで記事を投稿するという企画が有名でしょう。

    Twilioでは本年、Qiitaさんが主催するQiita Advent Calendar 2021に修正することになりました。下記のテーマに沿った記事を投稿いただいた方の中からそれぞれ2名の方に豪華プレゼントを進呈します。

    テーマ: Twilioを使うためのコツ、Tipsなど、Twilioのことなら何でも共有しよう!

    Qiita Twilio Tips

    このテーマではTwilioを使った体験やコツ、Tipsなどに加え、Twilioを使った事例とその実装や社会貢献の例など、Twilioに関連する技術記事であれば何でも共有してください。自由枠と捉えていただいて構いません。

    賞とプレゼント

    参考記事 - Twilio Studioで営業時間判定を行う

    テーマ: Twilioを使った面白いこと・T …

    Read More
  • By Daizen Ikehara
    SIGNAL TVをMCの立場から振り返る SIGNAL TV - recap by JP MC

    SIGNAL 2021 カンファレンスのブログシリーズ、第3回目となります。

    始めに

    SIGNALカンファレンスの超速報基調講演の振り返りに続いて開発者向けコンテンツ、SIGNAL TVについてAPJ(アジア太平洋・日本)時間を担当したMCの立場から振り返ります。

    SIGNAL TVとは

    私が所属するWorldwide Developer Relationsチームでは2018年よりSIGNALカンファレンスの会期中に物理的に参加できない開発者を対象としたライブストリーミングを裏番組の立ち位置で提供しています。

    このSIGNAL TVではTwitchYouTube Liveなどのストリーミングサービスを利用し、キーノートなどの重要なセッションの振り返りや、Twilioのプロダクトマネージャーやエンジニアがざっくばらんに製品や新機能についてオーディエンスからの質問に答えるような番組、TwilioQuest実況プレイなどのエンターテイメントなどを通して、「SIGNALカンファレンスの雰囲気をリモートでも体感できる」プログラムを目指してきました。

    本年のSIGNAL TV

    コロナ禍によりオンライン開催となった昨年に引き続き、本年のSIGNALカンファレンスもほぼ全編がオンライン開催となりました。そのためSIGNAL TVも裏番組というポジションではなく、セッションとセッションの間に放映されるカンファレンスナビゲーターとして昨年以上に露出が増えました。今年は会期中の50%以上にもおよぶ時間帯でSIGNAL TVがSIGNALイベントサイト(プラットフォーム)で …

    Read More
  • 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 Oluyemi Olususi
    Laravel Passportを使用したPHPによるセキュアなAPIの構築 Laravel Passportを使用したPHPによるセキュアなAPIの構築

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

    モバイルアプリケーションのバックエンドを構築する場合や、最新のJavaScriptフレームワークを使用する場合は、RESTful APIを避けて通ることはできません。APIは、2つのソフトウェアプログラムが相互に通信するためのインターフェイスです。APIを使用した通信では、リクエスト間でセッション状態が保持されない点に注意が必要です。そのため、ユーザーを認証し、認可するためにトークンを使用する必要があります。

    Laravelにはセキュリティを適切に確保できる仕組みがあらかじめ用意されているため、このようなリソースを簡単に構築できます。このチュートリアルでは、Laravel Passportを使用してセキュアなLaravelバックエンドAPIを構築する方法について説明します。最後まで進めると、セキュアなLaravel APIを作成する方法や、既存のAPIのセキュリティを強化する方法を習得できます。

    必要条件

    このチュートリアルを進めるにあたり、Laravelを使用したアプリケーション構築の基礎知識があると役立ちます。また、依存関係を管理するために、Composerがグローバルインストールされていること、エンドポイントのテストにPostmanがそれぞれ必要です。

    構築する内容

    大手テクノロジー企業のCEOのリストを作成するAPIを構築し、セキュアなLaravel APIの構築方法を学びます。このアプリケーションは、各CEOについて以下の情報を一覧表示します。

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