ReactとWebRTCでZoomのようなビデオチャットアプリを作ってデータフローを図解してみた
はじめに こんにちは。 都内在住のフロントンドエンジニアです。 僕はとある会社にて約 1 年半ほど React と WebRTC を用いて映像配信のアプリケーション開発を行ってきました。 そこでは開発をスムーズに進める為に WebRTC の SDK を利用していて、 本来学習コストが高いとされている WebRTC をカジュアルに利用することができています。 しかし、より入り組んだ実装をしたり映像配信特有の問題（後述） を解決するとなると以下 3 つの WebAPI の理解は避けて通れません。 MediaStream RTCPeerConnection WebSocket 詳しくは文中に記載しますがこれらの理解を深めないと開発の進行に大きな影響があると思ったので、WebRTC 関連のライブラリ等を利用せずに映像配信のアプリケーションを作って学習しようという考えになり、実際に作ってみました。
Jitsi Meet（ビデオ会議システム）のサーバを Docker Compose で起動する手順 - Qiita
Jitsi 概要 Jitsi Meet （ジッチ・ミート）とはオープンソース（Apache License 2.0）として開発・利用できるビデオ会議用のシステムです。利用者はブラウザから URL にアクセスするだけで、すぐにビデオ会議が利用できます。ブラウザ以外にも、iOS や Android 対応のアプリが公開されています。 この Jitsi Meet 用のサーバ環境は Docker に対応しています 。自分のドメイン名を使い、自分のサーバ上に Docker Compose で起動する手順をまとめました。 公式ドキュメント をベースに、自分が持つドメイン名のホストで Jitsi Meet を立ち上げるまでの手順です。（なお、ドメイン名を準備しているのは Let's Encrypt の HTTPS 通信にも対応させるためです。単なるセットアップ確認であれば、HTTPS は必須ではありません
世代間のコミュニケーションの違い、の補足
こんにちは、友人から「おまえは心理的安全性の対極にいる存在だろ」と言われたところてんです。 先日は自社サービスの説明がてらに、こんなプレゼンをさせていただきました。 私自身が心理的安全性を得られるように動けているか、というのは大変怪しいですが、とはいえ、開発中のVeinは心理的安全性をどうやって実現するのか、というところを考えながら作っているので、そこらへんについてお話させていただく機会がたびたびあります。 まぁ、マックス・ヴェーバーっておっちゃんが言ってた「シーザーを理解するためにシーザーである必要はない」ってやつですよ、知らんけど。 で、そういう怪文章を公開していたら、「リモートワークにおける心理的安全性について語ってくれ」ということで取材された記事が公開されました。 リモートワークが嫌で、客先に訪問して仕事をするようにしている自分にそれを聞かれてもなぁと思いつつ、今考えてることを適当
導入事例｜NURO Biz（ニューロ・ビズ）
各種サービスについてご質問やお見積りを 受け付けております。 お問い合わせ・お見積もり 電話とインターネットを使って、サービス資料を ご覧いただきながらご説明いたします。 オンライン商談予約 サービスや提供エリアに関するご質問等 お気軽にお問い合わせください。 チャットで質問 お電話でのお問い合わせ 9:30〜18:00（土日祝、年末年始を除く） 各種サービスの パンフレットをダウンロードいただけます。 資料ダウンロード NURO Bizサービスを法人さまへ ご紹介、販売いただけるパートナー様を募集しております。 ビジネスパートナーについて 問い合わせる
KAYAC engineers' blog
こんにちは！ カヤック面白プロデュース事業部のおばらです。 普段は受託案件のデザイン・フロントエンド開発などを担当しています。 さて、『JS体操』第2問 いかがでしたか？ 今回初めての方々 第1問に引き続きの方々 複数のアプローチで何通りも回答してくださった方々 普段業務で JavaScript をバリバリ書いているであろう方々 JavaScript を学んでいる学生の方々 などたくさんの方々が挑戦してくださいました。 とても嬉しいです。ありがとうございます！ 『JS体操』とは？ 『JS体操』とはカヤックが主催する JavaScript のコードゴルフ大会です。 もともとは社内の勉強会として始めた施策です。 その詳細は以下のブログ記事を御覧ください！ techblog.kayac.com 第2問の詳細はこちら https://hubspot.kayac.com/js-taiso-002 も
Kafkaを使ってチャットツールを作ってみました | Scala Tech Blog
こんにちは、15卒のフィ(@dxhuy)です。 最近仕事でちょっとKafkaを使う機会がありました。Kafkaは汎用的に色々な用途で使えるとても面白いミドルウェアです。そこでKafkaの知識を深めるために何か作ろうかなと考えて、コマンドラインで実現する簡単なチャットツールを作ってみました。 Kafkaとは Apache Kafka は Publish-Subscribe 型のメッセージングシステムであり、オフライン・オンライン両方のメッセージ取得に適している。これ は大容量のイベントとログデータを低遅延で収集および配信する目的で、当初は LinkedIn で開発された メッセージングシステムであった。 Kafkaでの概念を簡単に説明します： Producer：情報を作る側。 Consumer : 情報を使う側。 Topic： ConsumerがTopicにSubscribeして情報取り出し
Zulip
People often tell us that traditional team chat tools (Slack, Microsoft Teams, etc.) feel chaotic and stressful. Zulip is designed around conversations that are labeled with topics, to make communication organized and efficient. It’s easy to get an overview of what conversations are happening, and to read one conversation at a time. Zulip’s threading model makes it so much easier to manage my team
WebRTCによるビデオチャットサービスの開発 - Qiita
はじめに Webで使えるビデオチャットサービスを開発しましたので、システム構成や使用したフレームワークやサービス、開発のポイントなどまとめてみました。 (去年にはQiitaの投稿を作っていたのですが、下書き保存したまま忘れて今頃の投稿になってしました。。) 月々のランニングコストは1000円以内、開発工数は1人月以内で作成しています。 WebRTCが出てきたおかげで、かなり容易にビデオチャットサービスが開発できるようになっていますので、よければ参考にしてください。 開発のポイント、コードだけでなく、開発の動機から、システム構成を決める為、開発前後に行ったビデオチャット関連の技術調査なども載せています。必要最小限の事だけ把握したい方はその辺りは読み飛ばしてください。 開発ビデオチャットサービス: ビデオチャッターズ (http://videochatters.net/) 開発動機 5～6年ぐ
Friends Chat
P2P chat powered by the web What? Friends is like Slack except P2P, offline friendly and open source. We transmit data over secure channels and authenticate messages. It's made by a group of open source developers who are motivated to make a public chat platform that is easy to use but isn't centrally controlled, and where data is owned by its users. It's a work in progress, but give it a go if th
Node.JS + Angular.JS vs Dart + Angular.Dart
Node.JS rocks when it comes to building I/O-intensive services. It is fast and easy to use. You can do the same in Dart! Out of the box it comes with a set of libraries to access the file system, create http servers, etc. To compare Node and Dart I built two versions of the simplest application imaginable. The first version of the application is built using Node.JS, Socket.IO, and Angular.JS. The
Redirecting to Appear
Appear provides the technology backbone that production companies, telcos and broadcasters rely on to deliver immersive live media experiences Useful links: Company info: About Appear Job openings: Please see our employment portal Poption × Due to trademark infringement of our property, the video conferencing previously offered on this site no longer available.
iiirc
21:09 onigra: http://www.47news.jp/CN/201510/CN2015103001001184.html ★0 コンビニエンスストア大手のセブン―イレブン・ジャパンは３０日、鳥取県に初出店した。県西部の米子市に３店舗を開店。同社によると、都道府県で４６番目の出店で、空白県は沖 ★0 21:17 ausuited: 鳥取市じゃなくて米子市なあたり分かってる、とかいいそう。 ★2 21:17 youkaiantena: その通りですよ ★0 kiha [2:19 PM] ひさいちくんが飛んできてくれた ★0 hsbt [2:19 PM] さすが ★0 hsbt [2:19 PM] 後は頼む ★0 hsbt [2:19 PM] ダメなら呼んで ★0 hisaichi5518 [2:20 PM] ごっちゃんに任せた ★2 hsbt [2:20 PM] 丸投げだ ★0
fluentdからチーム開発向けのめっちゃグレートなグループチャットidobataにpostするプラグインを作りました - koeだめ 過去アーカイブ[〜2013-12-14]
Github: GitHub - bash0C7/fluent-plugin-idobata: Fluentd output plugin to send message to idobata rubygems: fluent-plugin-idobata | RubyGems.org | your community gem host いつものように、fluent-gemからインストールください。 idobataとは see: Idobata 開発のためのコミュニケーションを最速でセッティング 速く、軽く、IRCライクなUIで気持ちよく 他のサービスとの連携が簡単に https://idobata.io/ という"楽しいソフトウェア開発をお手伝い"する"チーム開発にフォーカスした快適なグループチャットを"提供してくれる永和システムマネジメント提供の超絶素晴らしいサービスです。*1 やって
![fluentdからチーム開発向けのめっちゃグレートなグループチャットidobataにpostするプラグインを作りました - koeだめ 過去アーカイブ[〜2013-12-14]](https://cdn-ak-scissors.b.st-hatena.com/image/square/c9b281f9adb23a14d97274bc5aa644d907b315fa/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17680117126976353052%2F17680117126976355399%2F1550818820)
HugeDomains.com
Captcha security check spikaapp.com is for sale Please prove you're not a robot View Price Processing
GitHub社内のDevOpsを支えるツール「Boxen」と「Hubot」（後編）～DevOps Day Tokyo 2013
GitHub社内のDevOpsを支えるツール「Boxen」と「Hubot」（後編）～DevOps Day Tokyo 2013 世界中でDevOpsのイベントとして行われている「DevOps Days」の東京版「DevOps Day Tokyo 2013」が9月28日に開催、海外から来日した多くのゲストスピーカーによるセッションが行われました。 （本記事は「GitHub社内のDevOpsを支えるツール「Boxen」と「Hubot」（前編）～DevOps Day Tokyo 2013」の続きです） チャットを共有のターミナルとして使う 次は「Hubot」について。HubotはJavaScriptで書かれていて（注：Node.jsを用いたサーバサイトJavaScript）、メッセージを受けてその内容に従って動作します。僕は何か問題があるとHubotのせいにしています（笑） ターミナルをシェアす
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Migrate fulfillment from API V1 to API V2 | Dialogflow
GitHub - sdelements/lets-chat: Self-hosted chat app for small teams
GitHub - borismus/sonicnet.js: Ultrasonic Networking with the Web Audio API
crocos.jp
MikuCha(ミクチャ) - 精神状態確認アプリケーション 自然な対話からあなたの「うつ」のリスクをチェックします。
