---
title: {{ page_meta.name }}｜{{ group.public_title }}｜{{ site_settings.logo_alt }}
description: WebRTCを利用したアプリケーション開発で活用できるツールやサイトをまとめてみました。開発環境やブラウザ、テストサイト、SDKなど役立つサイト・サービスを紹介します。
---

[Agora Go Real ](https://jp.vcube.com/sdk/blog)

# [{{ page_meta.name }}｜{{ group.public_title }}｜{{ site_settings.logo_alt }}](https://jp.vcube.com/sdk/blog/tools-and-sites-that-can-be-used-when-developing-with-webrtc.html)

 作成者: [ブイキューブ](https://jp.vcube.com/sdk/blog/author/v-cube)｜May 20, 2022 3:44:34 AM

## WebRTC開発環境

Visual Studio Code (通称VSCode)

とにかく、デザインがよく、サクサク動く。

さらに、

- Gitクライアント標準装備
- [LiveServer(Plugin)](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)が便利

もうEclipseの時代は終わりかけてますかね。。

## WebRTC開発に使えるブラウザ

Google Chrome  
chrome://webrtc-internals/（Google Chromeでご覧ください）  
Google Chromeの機能です。FPSや画角等の統計情報がリアルタイムに見えます。

chrome://inspect/#devices（Google Chromeでご覧ください）  
Androidではconsole.logや要素の確認ができないのでPCにつないで確認しています。

Safari

iPhoneではconsole.logや要素の確認ができないのでPCにつないで確認しています。  
メニュー>開発>該当のデバイス　でアクセスできます。

## WebRTCの情報サイト

- [WebRTCテスト](https://test.webrtc.org/)

筆者の環境だとAudioがNGになりました。。

- [ブラウザ対応表](https://caniuse.com/#search=webrtc)

- [agora.ioデモ](https://videocall.agora.io/#/)

自由に使えます。ROOM NAMEはなるべくバッティングしないNAMEがおすすめ。

- [2019年のトレンド(海外サイト)](https://webrtc.ventures/2019/09/2019-webrtc-trends-use-cases/)

## すぐに使えるSDK

- OpenTok
- [Agora.io](https://jp.vcube.com/lp/agora?utm_campaign=Agora&utm_source=Qiita&arc_id=5eb8f12b3a2d968655d4)
- aws Kinesis Video Stream WebRTC(New!)
- Twilio
- SkyWay

## WebRTC開発者コミュニティ

- [WebRTC-JP](https://webrtcmeetup.connpass.com/)
- [WebRTC-JP Slack](https://webrtc-jp.slack.com/)

イベントにときおり参加しています。筆者が登壇したこともあります。  
WebRTCに利用できる技術やサービス提供を直接受けられる場として有効かと思います。

## ネットワーク調査

- [Squid](http://www.squid-cache.org/)

TCP:80/443しか通信できない環境の再現に利用します。  
UDPの良さがなくなってしまいますが。。

## 端末・デバイス

PCやスマホがメインですが、他にも相性がよさそうなデバイスがこちらです。

- 360度カメラ RICOH THETA
- ドローン
- raspberry pi

## (おまけ) 顔認識ライブラリ

カメラ映像を加工する際に利用します。ステッカー（SNOWのような！）も実現できます。  
オープンソースでも比較的正確に顔認識してくれます。

- clmtrackr.js
- pico.js

## (おまけ) VR関連ライブラリ

WebRTC+VR。OculusやVRレンズをつけたスマホでVR体験ができます。

- aframe.io

以上です。ぜひWebRTC開発に役立ててみてください。

[完全な記事を表示](https://jp.vcube.com/sdk/blog/tools-and-sites-that-can-be-used-when-developing-with-webrtc.html)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "ブイキューブ"
  },
  "dateModified" : "2022-05-25T04:53:10.189Z",
  "datePublished" : "2022-05-20T03:44:34Z",
  "headline" : "WebRTCでの開発時に役立つツールやサイトまとめ。開発環境やテストサイトなど",
  "image" : {
    "@type" : "ImageObject",
    "height" : 432,
    "url" : "https://1970584.fs1.hubspotusercontent-na1.net/hubfs/1970584/solution/sdk/blog/developing-with-webrtc/developing-with-webrtc.png",
    "width" : 700
  },
  "mainEntityOfPage" : "https://jp.vcube.com/sdk/blog/tools-and-sites-that-can-be-used-when-developing-with-webrtc.html",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "Agora Go Real"
  }
}
```