読者です 読者をやめる 読者になる 読者になる

console.lealog();

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

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しようとしたときにコケた。

react-intlで属性値を多言語化する

単純なノードとしてなら、``とかそのまま使えばいい。 けど、`title`とか`alt`とか`placeholder`とか属性値およびそれ以外のフックとかでどうすんのってことを調べたメモ。もちろん、根本に`<IntlProvider />`がある前提は変わらず。</intlprovider>

JavaScriptからAmazon Cognitoを使うためのまとめ

最低限な要件だけ使ってみるにしても罠だらけだったのでメモ。 調べてもろくな情報出てこなかったので、業務レベルではまじで誰も使ってないんじゃねーのって気持ちがある。願わくばもう使いたくない( ˘ω˘)

MobX 3.0.0 の変更点について

MobX 3 released: Unpeeling the onion – Michel Weststrate – Medium 作者の @mweststrate 氏による記事も出てましたねー。`2.7.0`まで理想的な使い方をしてきたなら、特に大きな変更があるわけではないバージョンアップです。 ただにわかに人気が出つつあ…

GoogleChrome/sw-precache が便利そう

知ってた人には今さらーって感じかもやけど。正月休み最後の日ということで、何か新しい目のやつを学びたいなあと思い。 ServiceWorkerでできることやデザインについては追ってたつもりやったけど、実際にコード書いたことはないなということで。スーパーイ…

2016年の振り返り

Web

今年も終わりですね! 気付いたら終わりですね!!というわけで恒例の振り返りです。

Webでのライブ動画再生の基礎知識について

知ってることを自分の中で整理するためのメモです。 知ってることしか知らないしそこまで使い込んでないので、間違ってる可能性は多いにありです。

これからMobXをはじめる人へ

さて、 #MobX に出会ってはや半年が経ちました。 相変わらずTwitterとか見てる限り、俺くらいしか使ってないのでは感を感じてたりはするんですけど・・。2016年の海外では割と話題になってた(と個人的には)思ってて、2017年になれば国内でもぼちぼち取り上…

AWSのLambdaのNodeのバージョンアップでハマったこと

だいぶ前ですが、Nodeのバージョンがv0.10.42からv4.3になりました。 現時点ではもうv0.xの関数は作れなくなってて、ほとんどの人は知る必要ないですが、今更移行して久しぶりにLambdaさわったらハマったというメモ。

Frontrend Vol.8 - 帰ってきたフロントレンド に行ってきたメモ #frontrend

Web

ブログ絶対に書くマン枠、結局当日まで空きあったぽいのであえて席を譲ったブログ書くマンとして微妙な悲しみを感じています( ˘ω˘)

Let's Encryptでサブドメインをまとめてhttpsにする

この記事はなんたらAdventCalendarとは関係のないただのメモです。このへんの分野はあんまり強くないものの、手探りでやってみてなんとかできたのでその学びを。 基本的にはこのリンクを参考にしたけども、内容を理解するまでにいろいろ壁があったので・・。…

モバイルでの動画再生について

インライン再生とか 自動再生とか そのへんについてさくっとメモ。 今流行のライブ配信については触れてません。

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

会場がいつもと違ってて、まさかの会社のすぐ近くやった。

0からはじめる MobX Part.4

さて、4回目です。 今回の目録はこちら。 computed autorun

東京Node学園祭2016 にスタッフ参加してきたメモ #nodefest

初の2日開催でしたが、今年も無事に終えることができました。 去年に引き続き、今年もスタッフ業に携わったので、そのあれこれを忘れないうちにメモっときます。技術ブログですが各発表についての内容は一切ありませんw

WebAudio.tokyo #2 にいってきたメモ #webaudio

そして、またもLTしてきました。発表に使った資料はこちら↓です。 WebAudio初学者を阻む壁について

W3C TAG デベロッパー・サミット に行ってきたメモ #w3ctagdevmeetup

Web

寒くなってきたよねほんま・・。

Node学園 23時限目 に行ってきたメモ #tng23

渋谷かと思ってたら東京だった回!

SwiftでiOS向け音楽プレーヤーを作るための基礎知識

GitHub - leader22/SimpleMusicPlayer: SMP! つい先日こういうのを作ったので。 せっかく作ったので、覚えてるうちに忘れないようにメモっておこうかと。iPhoneのローカルにiTunesから同期したものを再生するための内容で、それ以外のことは書いてないです。

Pug(元 Jade)で include と filter をあわせて使うには

Pugです。個人的には好きじゃないです。

React Nativeでアプリを作る過程で使うであろう画像について

以下の2つについて。 アプリ内で出す画像 App Icon XCode慣れしてないフロントエンドエンジニア向け。

0からはじめる MobX Part.3

GitHub - mobxjs/mobx: Simple, scalable state management. MobXの普及活動、Part.3です。でもそもそもそんなに書くことないのでそろそろ終わってしまいそう・・!

0からはじめる MobX Part.2

第2回は、MobXのReactバインディングである`mobx-react`について。 GitHub - mobxjs/mobx-react: React bindings for MobX ちなみに、React Native用のバインディングとかもあります。

jsx-no-bindだとStateless Functional Componentsでpropsをハンドラに上手く渡せない問題

お前は何を言っているんだみたいなタイトルですが、つまり・・。 // 子 const SFC = ({ some, vars, and, handler, }) => { return ( <div onClick={handler}></div> ); } // 親 class Container extends React.Component { render() { // 略 <SFC {...item} handler={this.handler} /> } handler(ev) { // ココで子に渡したpropsを</sfc>…

TechFeed Live#2 「React vs Angular2」 に行ってきたメモ #techfeed

そもそものところで色々ツッコミたい気持ちはみなさんあるでしょうが、せっかく当選したので観戦に行ってきました。 React陣営は @koba04 & @yosuke_furukawa Angular陣営は @laco0416 & @armorik83 モデレータは @Shumpei メモは雑なので、漏れとか齟齬とか…

0からはじめる MobX Part.1

海外では去年くらいからRedux alternativeとして割と名前が上がってると思うのですが、国内はまだまだもっぱらReduxですねー。個人的には何でもいいんですけど、Reduxはもう色んな人がやってるし、自分は違う方面を掘ってみたいなーと思いつつ、 いつまでた…

WebAudio.tokyo #1 にいってきたメモ #webaudiotokyo

よもやWebAudioのワンマン勉強会が開催される日がくるとは! LTはそれぞれ10分なので、メモも短めです。

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

Web

2015年に引き続いて2016年も。 北千住もーちょっと近くならんかな・・wなんだかんだずっとホールにいました。

Object Rest/Spread Propertiesの気になる挙動

Object Rest/Spread Properties この記事を書いてる時点でStage 2。 // Rest properties let { x, y, ...z } = { x: 1, y: 2, a: 3, b: 4 }; console.log(x); // 1 console.log(y); // 2 console.log(z); // { a: 3, b: 4 } // Spread properties let n = { …

React NativeでNativeからのイベントをSwiftで受けて使うには

またも何が言いたいんだみたいなタイトルですがようは、 Native側で特定のタイミングでイベント発火 それをjs側で監視 それを、Swiftでどう書けばできるようになるのかというメモです。 またもドキュメントにはObj-Cのことしか書いてません。 Native Modules

転職して1年が経ちました

Web

転職しました - console.lealog(); あれからもう1年経ったので、さくっと振り返っておこうかと。

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

まさかのNode学園と時間が被ってて、どっち行くかなーって迷ってたんやけど、まあ先に申し込みしてた方にってことで。 あっちは後で資料いっぱい見つかるやろうしw

React NativeでNative機能をSwiftで書いて使うには

React Nativeの対応が追いついてないNative機能を使うには、自分でブリッジを実装する必要がある。ただ公式のDocsはほぼObj-Cのことしか書いてなくて、Swiftでもできるよ!って一言くらいしかない。 もちろん調べてもろくな例が出てこない!かといってObj-C…

React NativeでDecoratorsを使うには

mobxとか使おうとすると必要ですよね? そんなDecoratorsが使いたいって場合とかに、どうやって自前でプラグインを追加するかという話。デフォルトでもReactNativeは勝手にBabelでコンパイルしてくれるんやけど、その設定をどうやって上書きすればいいかとい…

Node学園 21時限目 -ES Modules Meetup- に行ってきたメモ #tng21

そしてLTで発表もしてきました。 発表資料はコレです。 0からはじめるFlow この記事の末尾に、発表後の補足も少し加えてます。

0からはじめるFlow Part.2

前回のPart.1では導入編ということで環境を整えるところまで。 今回からは各ファイルに実際に型をつけていくところを。そしてその過程でハマったものについて・・・。

Payment Request APIとは?〜Frontend Meetup Tokyo Vol.3 に行ってきたメモ #frontendmt

大手町は微妙に遠いと思いつつ今のところ皆勤賞になってるこのシリーズ。 日本経済新聞社はフロントエンドエンジニアを募集しています!とのことです。

0からはじめるFlow Part.1

こないだReactで書きなおしたウデマエアーカイブに、Flowをいれてみようと思って、しばらく色々と試したことのメモ、もとい奮闘記です。 Flow | A static type checker for JavaScript