以下の記事はQiita@yumaYeahさんが記述した「React.js (TypeScript) + Voximplantで動画アプリを作る」の紹介記事です。

0. Voximplantとは

Voximplant はロシア発のスタートアップで、VRやARを始めとした動画技術関連のCPaaS、つまりクラウドプラットフォームを独自サービスとして提供しています。WebRTCのライブラリも充実しており、WebやモバイルからUnityのようなゲームエンジンまで、幅広い用途に対応しているのが特徴です。

 2019年12月現在、まだ日本語では開発方法に関する情報が少ないので、今回は、React上で簡単な動画アプリを作る方法をご紹介します。今回作るのはP2Pの動画アプリ(SDK同士の通信)なので、コストは無料です(月あたりのアクティブユーザーが1000人を超えると有料になります)。今回は、エディタに Visual Studio Codeを利用しました。

1. Reactの新規プロジェクトを立ち上げる

yarn と node が使える前提で、プロジェクト名は voximplant とします。

cd <WHERE_YOU_CREATE_A_NEW_PROJECT>
yarn create react-app voximplant --template typescript

プロジェクトが立ち上がったら、ローカルホスト上で動くことを確認します。

cd voximplant
yarn start

この画面がブラウザ上に表示されたら準備完了です。

2. Voximplant 上に Application を作る

今回は1対1の動画チャットを作ります。まず、Voximplant に登録しましょう。









Related posts:

【ニュース】逢いたいのに逢えない 今 だからECサイト『地場めし』で"リモート父の日"
【ニュース】世界70ヶ国以上・累計10万人が利用するチャット英会話アプリ「Eigooo!」がさらに学びやすくバージョンアップ
【ニュース】農機具シェアリングプラットフォーム「AGRICOM」を提供開始
【ニュース】「オンライン海外旅行」にビデオ通話機能が追加!依頼からサービス提供までのワンストップ化を実現
【コラム】テレワークでも生産性を落とさない営業プロセスの在り方とは?
【コラム】テレワークを実現しにくかった業種にも対応できる――、レノボがテレワーク環境構築の実績とノウハウをアピール
【コラム】テレワークの課題にみる「次なるビジネスチャンス」
【コラム】「キャリアパスと評価制度を刷新」Gunosyエンジニア組織が取り組む改革の裏側を聞いてみた
【コラム】コードを書かない系エンジニア(プリセールスエンジニア)の仕事と価値
【Column】24 Programming Languages That Pay Top Salaries: Scala and More
【Kotlin】MockKはKotlin独自の言語仕様をほぼ網羅しているモックライブラリ
【ニュース】営業自粛でキャンセルになった大量の洋服を救いたい!洋服好きによる、洋服好きのための、洋服を救う期間限定プロジェクト「SAVE THE CLOTHES PROJECT」。
【ニュース】日本初!医療・介護・福祉 複業家レンタルサービス 「じぶんはけん」
【ニュース】リラクゼーション業界のトレンドも店舗型から宅配型へ。リラクゼーションマッチングアプリ「HOGUGU(ホググ)」が東京進出に向けてビジネスを加速。
【ニュース】モイ、アバターで通話を楽しむ音声SNS「パルミン」をリリース
【ニュース】オンライン次代のウェディング新サービス 『Web結婚式』登場!
【ニュース】ホテルに住める定額プラン、利用会員募集スタート〜ANA提携路線も7月より大幅増便〜
【ニュース】プログラミングしないエンジニアが急増中! 日本初のNoCode専門サロン「NoCodeCamp」募集開始
【ニュース】日本で活躍する外国人エンジニア向けコミュニティ”CodeGate”発足のお知らせ
【ニュース】STEM教育に最適!直感的に組み立てるだけで200種類以上のアクションが楽しめるプログラミングロボット「Clicbot」
【特集記事】ITエンジニアに必要な基礎スキル6つ|おすすめの勉強法を紹介!
【ニュース】無料のプログラミング学習プラットフォーム「LINE entry」、ゲーム感覚でプログラミングを学べる「ミッション」をリリース
【Kotlin】Unit Testing Firebase with Kotlin
【Analytics】Native Analytics on Apache Cassandra with Knowi: Tutorial
【Column】99% of Successful Software Engineers Practice These 10 Habits and Skills
【Swift】7 Awesome Open Source SwiftUI Projects to Inspire You (Part 2)
【Swift】7 Awesome Open Source SwiftUI Projects To Inspire You
【機械学習】Machine Learning: Google Colab- Why, When and How to Use it
【Column】The Future of Code Is in Your Browser
【Firebase】Top 3 open-source Firebase alternatives for 2020