console.lealog();

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

AbemaTV Developer Conference 2017 に行ってきたメモ #abematv_dev

Web

AbemaTV Developer Conference 2017 - connpass dotsっていつの間に名前変わってたんや・・!

MediaStreamをMediaRecorderでWebMにして定期的にサーバーに送ってMPEG-TSにして最終的にHLSで配信する

っていう実験を弊社の開発合宿でやったので、その学びをメモっておきます。最近こういうわかりやすいようでわからないタイトルの記事が多い気がする・・。

iOS SafariのカメラストリームをChromeにWebRTCで送ってMediaRecorderでWebMにするとおかしな動画が撮れる

またもニッチなケースを踏みましたというメモです。

KAGOYAのVPSの緊急メンテでサーバーを落としたままにしちゃってた対応

コレ。 【メンテナンス情報】【VPS 重要:15907】KAGOYA CLOUD/2 緊急メンテナンス実施につきまして | 新着情報| レンタルサーバーのカゴヤ・ジャパン うちのインスタンスがまんまと対象で、それに気づかずサーバーが落ちっぱなしになってた・・というのに…

SkyWay Developer Meetup #1 に行ってきたメモ #WebRTCSkyWay

行ってきたし、LTで発表もしてきました。スタッフ・ドリンク・フードの潤沢さに大企業の影を見たやで・・・!

HTML5 Conference 2017 に行ってきたメモ #html5j

Web

今年もいってきたので。JRが安定の電車遅延で基調講演はすべりこみだったのでメモなし。

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

Safari効果も落ち着いたのか、いつもどおりな感じやったwけど今回は大阪と同時開催! WebRTC Meetup Tokyo #16 : ATND なので(?)、発表もしてきました。 俺たちは雰囲気でgetUserMedia()をやっている

getUserMedia()で指定できるMediaTrackConstraintsのよもやま

Media Capture and Streams この仕様書をだらーっと流し読みしたので、知らんかったことをメモ。 あとついでに気になった指定について調べたことも。

ChromeのMediaStreamTrackとvideo要素の組合せには罠がある話

WebRTC界隈で、 Chromeの`video.srcObject = stream`はバグってるから使っちゃダメ 代わりに`video.src = URL.createObjectURL(stream)`を使え という噂があって。とはいっても、 Safariでは`URL.createObjectURL(stream)`がエラーになる URL.createObjectUR…

Safari TPのWebRTCでaddTransceiver('audio').setDirection('recvonly')するとMediaStreamがautoplayされない問題

タイトルに収まらんwSafariのWebRTCは新しめの仕様なので、`createOffer()`にオプションを渡して`recvonly`にする方法が使えない。 pc.createOffer({ offerToReceiveAudio: true, offerToReceiveVideo: true, }) こういうやつ。なので、代わりに、 pc.addTr…

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

間違ってたら教えてください。

Flowでコンストラクタをエクスポートするモジュールの型を定義する

こういうやつ。 import EventEmitter from 'events'; const ee = new EventEmitter(); // <- コレ これはあくまで例で、Node標準の`events`のEventEmitterなら、Flowがビルトインで型情報を持ってるので困りません。 でも似たようなのを自分で書いたり、他の…

やっぱりサーバーサイドレンダリングなんかしなくていいやという気持ち

個人の意見 aka ポエムです。 界隈的には今さら感がすごいけど。そんな今さらポエった事情としては、 とある案件でSPAをReactで作りつつサーバーサイドレンダリング(以下SSR)をすることになるかも SPAじゃないページもまとめてReactでSSRすることになるか…

Macで作ったファイルをrsyncして、Linux上のNodeでファイルパスを扱うとき

に、考慮しておかないと確実にハマること・・。 濁点・半濁点 UTF-8-MAC NFC / NFD `rsync --iconv=UTF-8-MAC,UTF-8` `String.prototype.normalize()` このあたりがキーワードです。

Use before declarationとかいうEdgeのエラー

ReactなプロジェクトでEdgeでだけ動かないケースがあって調べてた。 Expression-body arrow function parameter destructuring "Use before declaration" error when parameter is only used in an inner function · Issue #2606 · Microsoft/ChakraCore · G…

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

なんかいつになくすげー混んでた回。Safari効果? WebRTC Meetup Tokyo #15 : ATND

JavaScriptでWebRTCやるための基礎知識

未来の自分のためのメモです。 仕事でやってないせいですぐ忘れるし、都度思い出すの大変なので・・。ただまぁだいたいの人はSkyWayとかEasyRTCとか何かしらのライブラリを使うはずで、そういう人たちにはあまり関係ない内容かも。 生のjsでWebRTCを書くとき…

Next Generation State Mangement by @mweststrate in #ReactEurope の日本語メモ

ReactEurope 2017のDay2より。動画とスライドのリンクはこちらから。 ReactEurope 2017 Day 2 AM - YouTube / slides MobXのサブプロジェクトみたいな存在である`mobx-state-tree`についてのトークです。

脱VimしようとしてAtomを触ってたけど、やっぱりVimを使うことにした

Web

という事の顛末を、迷えるVimmerに伝えるべく・・。

MobXでuseStrict()すべきかどうか

Michel Weststrate: Real World MobX — ReactNext 2016 - YouTube なんとなしにこのビデオを見直してて、終わり3分くらいに質問コーナーがあってそこで聞かれてた。

Docker?なにそれおいしいの? for フロントエンド(だけやる)エンジニア

最初に結論を書いてしまうけど、フロントエンド(だけやる)エンジニアにはたぶんおいしくない。っていうことに気付くまでの学びを社内勉強会用にまとめたメモ。 概念的なところがメインなので、細かいDockerのコマンドとかそういうのには触れません。 あん…

Node学園 25時限目 に行ってきたメモ #tng25

今度は銀座で会長が遅刻してくる回。 Node学園 25時限目 - connpass

ReactNativeでgetUserMedia()する

端末カメラとマイクにアクセスできるWebRTCの`getUserMedia()`ですが、iOS Safariにはまだ未実装です。なので、現時点ではReactNative的ななんらかの環境の上で動かすしかないです。 そしてReactNativeでも公式サポートされてるわけではなく、外部のライブラ…

Safari 10.1でアップデートされたHTML系を試した

ほんとはリリースノートが出てすぐ試したかったんやけど・・。 Safari 10.1 見出しとしてはこの3つ。 Interactive Form Validation HTML5 Download Attribute HTML Media Capture 相変わらず、興味あるとこだけざっくりさわったメモです。

現時点のCircleCI 2.0で、GitのタグのpushでCIするには

今日(20170406)時点のCircleCI 2.0(Beta)では、1系のときに存在したこの記述が動かない。 deployment: release: tag: /release-.*/ commands: - ./deploy_master.sh公式的には、 ちゃんとしたのを用意する予定 内部的にはチケットがある とりあえずの対…

Node学園 24時限目 に行ってきたメモ #tng24

東京は東京でも有楽町だった回。 Node学園 24時限目 - connpass

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

そういやもう3月も終わりやけど、これが2017年初の行ってきたメモなのね・・。ちなみにですが、4月にあるWebRTCのハンズオンでメンターとかやります。 初心者向け! WebRTCハンズオン - connpass

MobXを使ったアーキテクチャについて

いまさらですが、俺的Real world MobXです。 いちおう半年くらい仕事でも趣味でも触ってきてての今です。あくまで1つの例ですが、どこかの誰かの何かの参考になれば。

mp3などの音源をxhrしてきて再生するには

過去に何回も書いてるはずやのに、どういうわけか毎度ハマる。 今度こそメモっておく。

CircleCIでYarnを使おうとしたら、phantomjs-prebuiltがインストールできなかった対応

Web

とある昔ながらのプロジェクトで、CircleCIでyarnしようとしたときにコケた。