console.lealog();

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

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

クライアントは読んだので、次はサーバーを。 OSSのWebRTC SFU mediasoup v3のコードを読む(クライアント編) - console.lealog(); こっちもまだ未リリースですが、読むだけなら損はないだろうという話。

Node学園 33時限目 に行ってきたメモ #tng33

久しぶりにリクルートに来た。41Fのホールへは、23Fで乗り換えです。 22Fで降りると上行きのエレベーターが来なくて詰みます!!!

addTransceiver() と addTrack() の使い分け

`addStream()`は死にました。 5バージョンくらい前のChromeをサポートしたいとか理由がない限り、忘れてしまってよいです。他人のコードを読んでてコレが出てきたら、メンテされてない or 古いバージョンをサポートしようとしてるの2択です。これからのWebRT…

NodeJSでBufferを読み取る

プロトコルの実装でよく出てくるやつのまとめです。NodeJSの`Buffer`を通して得た、オクテットバイトストリームってやつを対象に。普通に`Buffer`のメソッドを使うこともあるし、特定のバイトからビットを取り出すこともあるはずで、そのバリエーションのメ…

OSSのWebRTC SFU mediasoup v3のコードを読む(クライアント編)

OSSのSFUである`mediasoup`のコードを読みました。サーバーの実装とJS-SDKがあって、JS-SDKの方です。 GitHub - versatica/mediasoup-client: mediasoup client side JavaScript SDK 現時点でのstableはv2.xなので、今回読んだv3は次期バージョン。つまりはA…

RTCQuicTransportでチャットをつくる

表題まま。前回記事を書いたように、ChromeのM73からM75までの間、`RTCQuicTransport`のOrigin Trialがはじまります。 WebRTC QUICがChromeでOrigin Trialできるように - console.lealog(); というわけで、`RTCQuicTransport`を使ったなにかを作ろうと思って…

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

WebRTC Meetup Tokyo #20 : ATND 今回の会場は永和システムマネジメントさんの東京支社にあるコワーキングスペースでした。 本社は福井県だそうです。

WebRTC QUICがChromeでOrigin Trialできるように

RTCQuicTransport Coming to an Origin Trial Near You (Chrome 73) | Web | Google Developers 今回は翻訳ではなく、気になる点の抜粋です。

HTTP3Study に行ってきたメモ #http3study

Web

HTTP3Study (new) - connpass まったく詳しくない分野で脳内補完が効かないのと英語なのとで、まったく自信のないメモに仕上がりました。間違ってたらむしろ教えてほしいです!

AudioWorkletについて調べたメモ

[WebAudio API] AudioWorklet の使い方 | g200kg Music & Software この大先生の記事を読んで、自分の知ってるWebAudio知識のアップデートをしときたいなーと思って調べたことのメモです。なので重複する部分もあるけど、+ αな部分もあります。

“Unified Plan” Transition Guide (JavaScript) の日本語訳

“Unified Plan” Transition Guide (JavaScript) - Google ドキュメント なんかそのうち仕事で見返しそうな感じがあったので訳してみた。

2018年の振り返り

Web

恒例の振り返り、ではあるがサクッと済ませることにする。まぁやっぱりメインは転職したことですかね・・。いやほんとに自分用にサクッと書いてるのでまじで中身ないです!

NodeJSでSTUN(RFC5389)(の一部)を実装した

そもそも「STUNを実装する is 何」というところから整理しないとですが、しました。ただしタイトルにもある通り、一部です。 GitHub - leader22/webrtc-stun: 100% TypeScript STUN implementation for WebRTC. JavaScriptの先行実装はいろいろ見つかるけど…

EventEmitterのerrorイベントのハマりどころ

1年に1回くらいハマる(主に人の書いたコードのデバッグで)し、毎回自分の記事検索して見つからなくて困ってるので、今度こそメモっておく。EventEmitterで error イベント投げるとそれだけでthrowされんのしらんかった・・・https://t.co/NtYwccI5BV— りぃ…

NodeJS製WebRTC DataChannel、NodeRTCのコードを読む Part.7

Part.1はこちら。 NodeJS製WebRTC DataChannel、NodeRTCのコードを読む Part.1 - console.lealog(); 長かったこのシリーズもこれで最後です。

NodeJS製WebRTC DataChannel、NodeRTCのコードを読む Part.6

Part.1はこちら。 NodeJS製WebRTC DataChannel、NodeRTCのコードを読む Part.1 - console.lealog(); 今回もSCTPの実装を読んでいく後編です。だいぶ長丁場になってきたけど、そろそろゴールも見えてきたところ。

NodeJS製WebRTC DataChannel、NodeRTCのコードを読む Part.5

Part.1はこちら。 NodeJS製WebRTC DataChannel、NodeRTCのコードを読む Part.1 - console.lealog(); この記事では、ついにSCTPのレイヤーへ。

転職しました

Web

実は3年前にも同じタイトルで記事を書いてることに気付いたけど、定期ポストではありません!

NodeJS製WebRTC DataChannel、NodeRTCのコードを読む Part.4

Part.1はこちら。 NodeJS製WebRTC DataChannel、NodeRTCのコードを読む Part.1 - console.lealog(); この記事では、前回から読んでるDTLS部分の後編を。

NodeJS製WebRTC DataChannel、NodeRTCのコードを読む Part.3

前回までのあらすじ。 `nodertc/nodertc`を読んでた クライアントとSessionを確立する際に、内部的にいくつかサーバーを立ててた STUN: 前回読んだ DTLS: 今回はコレ SCTP こいつらの詳細を読み進めているところ というわけで、今回はDTLSの部分。 書いてみ…

NodeJS製WebRTC DataChannel、NodeRTCのコードを読む Part.2

前回までのあらすじ。 `nodertc/nodertc`を読んでた クライアントとSessionを確立する際に、内部的にいくつかサーバーを立ててた STUN DTLS SCTP こいつらの詳細を読み進めていく というわけで、まずはSTUNから。

NodeJS製WebRTC DataChannel、NodeRTCのコードを読む Part.1

GitHub - nodertc/nodertc: [WIP] WebRTC Datachannels for Node.js JavaScriptで書かれたWebRTCの実装で、現時点ではDataChannelのみ実装されてます。WebRTCスタックの実装、興味はあって前々から読んでみたいとは思ってたものの、RFCの数も多いし高い壁よ…

ServiceWorkerとのやり取りにMessageChannelを使う

何を今さらって感じですが・・。ぱっと思い出せなくて調べたので、忘れないようにメモっとく。

React Today and Tomorrow and 90% Cleaner React の要点まとめ

React HooksにはじまりAlgebraic EffectsだFPだなんだと話題に事欠かない昨今ですが、そういうのは根本から見ていくに限る!ということで。ReactConf2018のHooksが発表されたセッションを見ながら書いたメモです。 React Today and Tomorrow and 90% Cleaner…

続・React x MobXな趣味プロダクトをTypeScriptでリライトしようとしてたメモ

React x MobXな趣味プロダクトをTypeScriptでリライトしようとしてたメモ - console.lealog(); という記事を書いてから9ヶ月が経った・・・。ただ今回は「リライトしようとしてた」ではなく、今度こそついに「リライトした」ので、その過程やらハマりどころ…

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

【増員!】WebRTC Meetup Tokyo #19 : ATND 俺の中でわかりにくい会場オブ・ザ・イヤー回。

Face Detection APIを試したメモ

なんと、ブラウザで顔認識ができる時代になりました。試したのはChrome 70.0.3530.0(Official Build)canary (64 ビット)で。 仕様 Accelerated Shape Detection in Images Accelerated Shape Detection in Images なる仕様らしく、大きく2つのAPIが定義…

WebComponentsへの気持ち

この記事では、 ReactやVueではなくWebComponentsだけを使いたい気持ちを胸に、とある社内プロジェクトをやってみての学び 巷にあふれるWebComponentsに対する見方への違和感 についてメモっておきます。ただ「WebComponents」の語がもつ意味をきっちり定義…

JestでES Moudlesなモジュールをテストしたい

import { observable } from 'mobx'; class Store { // ... } export default Store; のような、`import / export`で書いたモジュールを、Jestでそのままテストしたい。が、そのまま`require()`することもできないので、なんとかする必要がある。

lit-htmlとhyperHTML

幸か不幸か、この2つについていろいろ調べた機会があったのでメモ。結果、個人的には、hyperHTML推しです。