console.lealog();

@leader22のWeb系に関する勉強めもブログですのだ

フロントエンド x RTC界隈の最近とこれから

フロントエンドエンジニアからみる、この界隈で今どんなIssueが話題になってるのかと、この先どういう動きがありそうかについて。そこまで自分に先見の明があるとも思ってないけど、アウトプットしておかないと忘れてしまいそうなので・・。ちなみにここでい…

mediasoupの開発Tips

`mediasoup`を使ったサービスを開発する上での役立ちTipsをメモっておきたいなと思ってたので。(なんか思いついたらまた追記します。)

mediasoupを使う前に知っておくべき概念たち

公私問わず`mediasoup`をここ半年くらいずっと触ってて、ドキュメントだけでなく中のコードもそれなりに読み通してる身として。

NodeJSのStreamについておさらい

とあるNodeJSのサーバー実装を読んでて、頻出するこいつらに目が慣れてなかったせいで、読み進めるのに時間がかかってた。ので、思い出しながら、おさらいがてらメモを残してたので記事にしておく。考え方やデザインがどうっていうよりも、コードを読む時に…

JavaScriptでもバーチャル背景する

やってやれないことはなかったです。 ぱっと思いついた2通りのアプローチで実装してみたので、その学びをメモっておきます。ただ、個人的には別にいらない機能かな・・。

Rust x WASMのyewでTodoAppを作ってみた

話題になってたのは去年くらいな気もするし今さら感はあるけど、今だからこそすごい化けてたりしないかなーという期待も込めて。個人的には、WASMでWebアプリを作る時代になるとはあまり思えてないけど、まぁ試しておく価値はあるかなと思いその学びをメモ。

続・続・WebRTCなコードをE2Eテストする

続・WebRTCなコードをE2Eテストする - console.lealog(); WebRTCなコードをE2Eテストする - console.lealog(); 新しいネタを仕入れたので、このシリーズがまだ続きます!

Androidで`getUserMedia()`したら`NotReadableError: could not start video source`

なかなか懐かしい気分にさせてくれますが、特定の機種でのみ発生するエラーでした。回避方法がちゃんとあるのでそれをメモっておきます。

Rustのモジュールとディレクトリの関係のおさらい

Rust 2018 Editionです。 Rustのモジュールの使い方 2018 Edition版 | κeenのHappy Hacκing Blog なおこちらの偉大な先人の記事がスッと頭に入る人は、このメモを読む必要ないです。

webrtc-statsの各ブラウザごとの実装状況をまとめた

GitHub - leader22/webrtc-stats-impl-status このリポジトリで。

chrome://webrtc-internals のしくみ

なんとなくアテはついてたけど、中身が気になるという話を聞いたので調べてみた。WebRTCやってるみなさんならお馴染みのあのページです。

2019年の振り返り

Web

そして転職して1年経っての振り返り。

バンドラを使わずにRustをWASMにする

調べると初手`wasm-pack`があまりに多くて、諸事情により`webpack`いらないんですけど・・ってなシーンでどうすればいいかわからんかった。それを2019年末にあれこれトライアンドエラーしてみた結果のメモです。

WebAudioでの音声信号処理

WebAudioでの音声信号処理 〜入門以前〜 - console.lealog(); この内容を踏まえて、実際にコードを書いていく際のポイントなど。2019年末の情報です。

WebAudioでの音声信号処理 〜入門以前〜

今までずっと雰囲気でやってました。`ScriptProcessor`や`AudioWorkletProcessor`をさわったことはあっても、そこで成されている処理自体を具体的に考えたことはなかった。波形がどうとか、周波数がどうとか、PCMがどうとか、サンプリングレートがどうとか、…

WebRTCのPerfect negotiationについて

なんやそれ・・また新しいプロトコルか?って思いますよね。 安心してください!ただの造語です。 Perfect negotiation in WebRTC - Advancing WebRTC 出自はこの記事で、書かれたのは4月とかなり前。 ただちょいちょい更新されてる + `webrtc-pc`のIssueで…

Mercari x Merpay Frontend Tech Talk vol.3 に行ってきたメモ

Web

Mercari x Merpay Frontend Tech Talk vol.3 - connpass 六本木のメルカリ社にて。

JavaScriptのTypedArrayについて

調べたのでメモ。

A QUIC bit of fun with Node.js - James Snell の要点まとめ

YouTube NodeConf EU 2019でのトークの要点まとめです。

WebRTCで帯域を指定する方法2つ

またも、まったく目新しいトピックではないです。個人でメンテしてるWebRTCのモジュールに機能を追加するときに思い出したしせっかくなのでメモ。

WebRTCでTURNを使う

トピックとしてはまったく目新しくないけど、そういやまとめてないなと思ったのでメモ。

W3C TPAC 2019 に行ってきたメモ Part.2

Web

最終日! TPAC 2019: Detailed schedule このPart.2は金曜の記事で、この日はずっと「Media WG」のオブザーバーしてました。

W3C TPAC 2019 に行ってきたメモ Part.1

きたで福岡!TPACとは、The W3C Technical Plenary and Advisory Committee Meetingsのことで、Webの標準化団体であるW3Cの年会みたいなやつです。こういうのに参加できるのは大企業の強いとこですよね・・。今回のTPACは月曜から金曜まであったんですが、そ…

JavaScriptで音声の出力先を変えたい

先日のUGでもみんな気になってる感じがあり、個人的にも気になっており、現状をまとめておこうかと思い。

SkyWay UG Tokyo #4 に行ってきたメモ #WebRTCSkyWay

SkyWay UG Tokyo #4 - connpass 今回は弊社の新オフィス(開発拠点)にて。

mediasoupのスケーラビリティについて

実際に調べたわけではなくてその前段。公式のドキュメントに記述があるので、そこを抜粋したメモです。 mediasoup :: Scalability

mediasoupとGStreamerで録音する

GitHub - leader22/mediasoup-recording 最近こんな参考実装を書いたので、その学びとハマりをメモ。

TypeScriptでEventEmitterのイベントに型をつけたい

毎回なぜか忘れて毎回調べてるので・・。いろんなパターンがあるはず。

Chromeの76からiceConnectionStateがfailedにならない

M76は07/30にリリース予定。

WebRTCのDataChannelをもっと手軽に

使いたかったので、ライブラリを書きました。`enhanced-datachannel`という名前でnpmからインストールできます。リポジトリはこちら。 GitHub - leader22/enhanced-datachannel: Wanna `enhance(RTCDataChannel)` for general usage. 以下、ざっくり紹介と、…