console.lealog();

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

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推しです。

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

WebRTC Meetup Tokyo #18 : ATND 台風な中、今回も海外スピーカーの多い回やった。YouTubeでの配信もあったしアーカイブも公開されてるので、今からでも見れます! WebRTC Meetup Tokyo #18 #webrtcjp - YouTube

MobX 5.0.0 について

出ました!リリースブログもあるけど、どことなくポエミーなので、おとなしくChangeLog見たほうがいいかも・・w mobx/CHANGELOG.md at master · mobxjs/mobx · GitHub 3行まとめ v4移行してればほぼやることない `Proxy` ベースになったので、古い環境は要P…

react-native-web と react-native-dom

`react-native-web`は去年くらいに話題になってたと思うけど、最近は`react-native-dom`なる別のやつが取り沙汰されてて、これらは何が違うの?という人へ。ずばりコレではあるものの、それでもわからんよって人のためへのメモ書きです。Difference between …

Node学園 30時限目 に行ってきたメモ #tng30

Node学園 30時限目 - connpass \祝30回/リクルートの41F、いっつも2回目のエレベーター乗り換えあたりで迷子になりそうになる・・。

webrtc/adapterのコードを読んだメモ

GitHub - webrtc/adapter: Shim to insulate apps from spec changes and prefix differences. Latest adapter.js release: 界隈で脊髄反射的に必要って言われてる気がする 個人的にはお世話になったことはない SkyWayのJS-SDKでもサンプルでも使ってないし…

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

SkyWay UG Tokyo #3 - connpass 今回はDEJIMAというスペースにて。めっちゃおしゃれ空間やった。 品川から歩いて20分くらい。 Innovation Space DEJIMA

CDN Study (Akamai/Fastly) に行ってきたメモ #CDN_study

Web

CDN Study (Akamai/Fastly) - connpass 久しぶりにすごい人混みに身をおいたわ・・。

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

WebRTCなコードをE2Eテストする - console.lealog(); これの続編で、CI上で実行したい! そう思ってあれこれやってて得られた学びです。

CircleCIでFirefoxHeadlessを使う

まあ手動でインストールすればいいんですけど、それより身近な手段あるやん!って飛びついてダメだった学びをメモ。ちなみにHeadlessモードは、`-headless`フラグで有効にできて、プラットフォームによりつつ`v55` or `v56`から使える。

iOSのSafariでvideoを複数再生したい

もちろん音ありで。いわゆるWebRTCでの複数人ビデオチャットみたいなケース。ただ普通に動画ファイルでもHLSでもなんでも、複数同時再生したいならこの問題にハマるはず。

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

という試みをやってみたのでその学びをメモ。もちろん全てのケースをカバーできたわけではなく、無限に気になることはあるけど、まあきっかけといことで。環境はmacOSです。CIで動かすのは続編としてまたいつかブログに書きます。

MobX 4.0.0 について

去年の末から地道に対応が進んでたのですが、ついに出ましたねー。作者によるサマリー記事とあわせて公開されました↓ MobX 4: Better, simpler, faster, smaller – Michel Weststrate – Medium ちゃんとv3からv4へのマイグレーションガイドもあります。 Migr…

動画切り出しアプリをElectronで作った

in 弊社の開発合宿。発表資料こちら。 動画切り出しアプリをElectronで作った ここに載せてない細かいことを、忘れないようにメモっておきます。

ElectronでMainプロセスからchild_processでコマンドを叩くとエラーコード: 127

ElectronのMainプロセスから、Nodeの`child_process.exec`とか使って、`ffmpeg`とかそういう「後から入れたコマンド」を叩いた時にエラーになった。その問題と対策をメモ。

getUserMedia()以外でMediaStreamを用意するには

`navigator.mediaDevices.getUserMedia()`することで手に入る`MediaStream`を、それ以外の手段でどうやって自作するかという話です。どんな形であれ思いついたのをメモっておきます。

2018年版: getUserMedia()で画面のストリームを取得する

2018年2月verです。 基本的に2017年8月に書いた記事と変わってない。NO進歩。 2017年版: getUserMedia()で画面のストリームを取得する - console.lealog(); この記事に書いてること + さらに最近調べたことをメモ。 なんかおかしかったら教えてください。

SkyWay UG Tokyo #2 - Supported by ピクシブ に行ってきたメモ #WebRTCSkyWay

ピクシブ社にはじめて入った回。 ふっつーに仕事のミーティングしてる横で、マンガもいっぱいあって無限に時間つぶせそうな空間でした・・!

postcss-cliで複数のentryを扱いたい

webpackみたく、複数のアプリを1つの設定ファイルでよしなにしてほしい。この気持ち・・わかりますか!

immerのコードを読んだ

GitHub - mweststrate/immer: Create the next immutable state by mutating the current one (MobXの作者による)イミュータブルに状態を操作するユーティリティライブラリ。ちなみに、この世で最初にスターしたのは俺ですw

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

React x MobXでできてる自分専用の音楽ストリーミングサービスがありまして。冬休みなのでTypeScriptで書き直したりしてみようかなと思ってちまちまやってた。 ただ結局は自分一人しかコード書かないので、コスパに見合わないと判断して採用は見送った。 Git…

2017年の振り返り

Web

もっと早く書こうと思ってたのに、気付いたらもうこんな時間だった・・。ちなみに2016年にも振り返り記事を書いてて、そこで2017年はこうする!って言ってたやつが以下。 引き続き登壇できるときに登壇する SPAやらアプリケーション設計まわりで着実に仕事を…

PhoenixのChannels/Presenceについて

を、絶賛Elixirかじり中のフロントエンドなエンジニアが使ってみての学びや気付きなどのメモ。

ElixirでNode.jsのAPIサーバーを書き直してみたメモ

っても、個人プロジェクトなのですごく小さいけど・・。そもそもElixirを学ぶところからはじめて、だいたい1週間くらい。

WebRTCのDataChannelをunreliableモードで使う

Specによると、 An RTCDataChannel can be configured to operate in different reliability modes.A reliable channel ensures that the data is delivered at the other peer through retransmissions. An unreliable channel is configured to either lim…

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

【増員】WebRTC Meetup Tokyo #17 Special Edition|IT勉強会・セミナーなどのイベント情報検索サービス - TECH PLAY[テックプレイ] 海外有名人大集合回です!

Jestを使ってみてのハマりどころメモ

JestいいですよねJest。 あれこれプラグインとかライブラリとか入れなくてもだいたいのことができて。さて、この1ヶ月くらいひたすらJestでテストを書き続けて、ハマったとこをメモ。 逆に言えば、ここに書いてないことでは一切困ってなくて、Jest最高って感…