console.lealog();

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

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. 以下、ざっくり紹介と、…

Firefox 68から空文字列のcandidateが発行されるように

なります。 つまりどういうことで どういう場合に困るか そもそもどういうことか みたいなのをまとめておきます。

WebRTC Meetup Tokyo #21 に行ってきたメモ #webrtcjp

WebRTC Meetup Tokyo #21 : ATND 今回は五反田にあるFreee社にて。いつだかのNode学園祭の打ち上げで使ったところですね。 夜間入り口はコンビニ横で少しわかりにくい・・w

React HooksとMobXをあわせて使う

最近はもっぱらWebRTCの世界にどっぷりでしたが、フロントエンドのこともちゃんとやってます!SkyWayにはショーケースとしてWeb会議アプリがあるんですが、それをこの度リライトしてました。リライトする理由としては・・・、 当時の設計ままでは改修が面倒…

WebRTCやるのに最低限必要なJavaScriptのAPIについて

JavaScriptでWebRTCやるための基礎知識 - console.lealog(); 春なので書きました。 言うなれば、これの2019年度版です。

OSSのWebRTC SFU mediasoup v3のコードを読む(サーバー/C++後編)

前編はこちら。 OSSのWebRTC SFU mediasoup v3のコードを読む(サーバー/C++前編) - console.lealog();