RxJSを勉強した2
Reactive Programming With Rxjs: Untangle Your Asynchronous Javascript Code
- 作者: Sergi Mansilla
- 出版社/メーカー: Pragmatic Bookshelf
- 発売日: 2015/12/25
- メディア: ペーパーバック
- この商品を含むブログを見る
今日は2章途中から3章最後まで勉強しました。よっしゃよっしゃ。昔懐かし自機を左右に動かすシューティングゲームを作りました。モノが動くと楽しい。
全然関係ないですけど、はてなブログは他人のツイートは基本的に貼りづらくしてるんですかね。bouzuyaさんの解説も貼りたいんですけど、こう、一気に他人のTLを表示して選択する方法がないです。
RxJS本、続きやっている。#rxjs
— 生 (@babie) 2015, 12月 18— 生 (@babie) 2015, 12月 18
Rx.DOM出てきた。JSONP処理するのに便利な関数がある。名前からしてメインはDOMイベント拾ったりでしょう。これrx.all.jsとは別に読み込まないといけないのね…… #rxjs
— 生 (@babie) 2015, 12月 18RxJSのドキュメント、Default behavior: Synchronous とかの表記があるのね。ふむふむ。#rxjs
— 生 (@babie) 2015, 12月 18distinctはSQLのDISTINCTと同じようなもんだな。Rubyだったらuniqか。利用頻度高そうですね。#rxjs
— 生 (@babie) 2015, 12月 18２章終わり！ 休憩したら３章入ります。 #rxjs
— 生 (@babie) 2015, 12月 18３章 Building Concurrent Programs #rxjs
— 生 (@babie) 2015, 12月 18３章はゲームを作るようです。やはり「外部状態や副作用を持たずにObservableに閉じ込める」を強調してますね。 #rxjs
— 生 (@babie) 2015, 12月 18「遅延評価すごいんだぞ」という、既知の者には退屈な、未知の者には親切なサンプルが提示された。#rxjs
— 生 (@babie) 2015, 12月 18次は Subject クラスだ！ なんでもObserverとObservableの両方の性質を備えているらしい。#rxjs
— 生 (@babie) 2015, 12月 18Subject、Rx.Observable.subscribeに食わせたり自分でsubscribe持ってたりややこしいな。#rxjs
— 生 (@babie) 2015, 12月 18Subject類にはAsyncSubject, ReplaySubject, BehaviorSubjectもあるよー、とな…… #rxjs
— 生 (@babie) 2015, 12月 18AsyncSubjectがシーケンスの最後の値を返すの名前から類推するの難しいんですけど…… #rxjs
— 生 (@babie) 2015, 12月 18AsyncSubjectをうまく使えば、初回読み込みを遅延した上で、１回しか読まずに何度もデータを呼び出せるというような例が提示された。#rxjs
— 生 (@babie) 2015, 12月 18コラムでPromiseをうまくObservableと組み合わせれば、AsyncSubjectと同等のことができると書いてあった。その方が良い気もする。#rxjs
— 生 (@babie) 2015, 12月 18なかなか宇宙船ゲームの作り方に入らない。#rxjs
— 生 (@babie) 2015, 12月 18BehaviorSubjectはsubscribeする前の初期値を設定できるのでプレイスホルダなんかに便利だよという例。#rxjs
— 生 (@babie) 2015, 12月 18BehaviorSubjectは最後の値をキャッシュしないのか。ええ〜 #rxjs
— 生 (@babie) 2015, 12月 18ReplaySubjectは名前で混乱しないな。そのままリプレイだ。全部キャッシュすると重い時はコンストラクタでバッファサイズか時間で制限できる。#rxjs
— 生 (@babie) 2015, 12月 18フェ〜、やっと次から宇宙船ゲームだ。#rxjs
— 生 (@babie) 2015, 12月 18星空動いて、自機もマウス（トラックパッド）で動いた。モノが動くと楽しい。#rxjs
— 生 (@babie) 2015, 12月 18敵機がブルブル震えながら落ちてくるとこまで出来た。#rxjs
— 生 (@babie) 2015, 12月 18状態変数は全部Observableにして最後にcombineLatestでまとめろっちゅうことやな。subscribeするまでは実行されないはずだから、combineLatestしたモノたちをcombineLatestできる？#rxjs
— 生 (@babie) 2015, 12月 18combineLatestしたモノをsample(n)でnミリセカンド間隔で実行できる。#rxjs
— 生 (@babie) 2015, 12月 18@bouzuya あ、はい。lazy evalだから何度でもできるはずみたいな意味で書きました。
— 生 (@babie) 2015, 12月 18hot/cold噂に聞くけどまだ出てきてない #rxjs
— 生 (@babie) 2015, 12月 18噂によるとbacon.jsはhot/coldの分類がなく（coldのみだったかな）いくらか簡便らしい。#rxjs
— 生 (@babie) 2015, 12月 18次は弾撃ちだ！ #rxjs
— 生 (@babie) 2015, 12月 18combineLatest多重にするの普通に出てきた。#rxjs
— 生 (@babie) 2015, 12月 18弾が出ない…… #rxjs
— 生 (@babie) 2015, 12月 18弾が出ないと思ったら読み込みファイル間違えてた。
— 生 (@babie) 2015, 12月 18弾がバラララララッと出て楽しいんだけどこれバグだから治そうねと言われて落ち込んでる #rxjs
— 生 (@babie) 2015, 12月 18ぐぉお、連射機能がなくなったツライ #rxjs
— 生 (@babie) 2015, 12月 18敵機に弾が当たったら消えるとこまで出来た。#rxjs
— 生 (@babie) 2015, 12月 18自機が敵機や敵の弾に当たって死ぬとこまでできた（悲しい）#rxjs
— 生 (@babie) 2015, 12月 18スコア表示できた。３章 Building Concurrent Programs 終わり！ #rxjs
— 生 (@babie) 2015, 12月 18@r7kamura RxJSの本、3章の後半でシューティングゲーム作るんだけど、状態いっぱい（自機・敵機・自弾・敵弾の座標、背景、衝突判定、スコア）だけど、Observable外部にはない（canvasが例外）サンプルがあった。しかしこの手法もう既にやってるかもなー。
— 生 (@babie) 2015, 12月 18@r7kamura はい。それに加えて、combineLatestしたものをcombineLatestしたり、Observableの中でObservable作ったりもしてる。
— 生 (@babie) 2015, 12月 18@r7kamura あと、Observableを複数引数に取るヘルパー関数を多用してる。
— 生 (@babie) 2015, 12月 18@r7kamura あー、そういうのはないですね。ほんと簡単なシューティングなので。FPSとかじゃなくて、インベーダーゲーム系のやつです。敵機はまとめて処理してますね。
— 生 (@babie) 2015, 12月 18@r7kamura ざっと見た感じ４章にそういうのがあるみたい（まだやってない）
— 生 (@babie) 2015, 12月 18@r7kamura 今の所それっぽいのはcombineLatestとmergeぐらいしか見てませんね。なさそう。
— 生 (@babie) 2015, 12月 18@r7kamura そっすね。あと多段コンバインレイテスト（前段で束ねたものが後段で被っても良い）
— 生 (@babie) 2015, 12月 18@r7kamura 前段のやつは新しいオブザーバブル（ステート）を作るから大丈夫っぽい（前段はビューを扱わない。ビュー書き込みはまとめて後段）
— 生 (@babie) 2015, 12月 18@r7kamura ビューの更新はまとめて最後の最後で、その前のObservableはAsync Operatorばっかりですね。例えばreduceはなくてscanとか。
— 生 (@babie) 2015, 12月 18@r7kamura あー、1周する前に複数のstate(Observable)を更新予約するのは難しい感じですか？
— 生 (@babie) 2015, 12月 18@r7kamura 本のサンプルコードでは、状態は全部Observableで、最後に１つにまとめてから更新ですね。subscribeは最後に1個。バラバラに同期更新はありませんでした。
— 生 (@babie) 2015, 12月 18cyclejsまだよくわかってないからなぁ
— 生 (@babie) 2015, 12月 18rxjsやってて「これScalaじゃ……？」とよぎることがあります
— 生 (@babie) 2015, 12月 18