タグ

ブックマーク / memowomome.hatenablog.com (2)

  • RxJSのOvservableを可視化しながら編集できるエディタを作りました - メモを揉め

    これは何? all-user.github.io RxJSのObservableを返すコードを書くとそのストリームに流れてくるイベントがリアルタイムに可視化されるエディタです。 下は実際に触っているところをスクリーンキャストにしたところです。 ダブルクリックの判定を書いています。 RxJSのObservableを直感的に扱えるように 以前このブログで書いた非同期処理の記事の中では次のように紹介しました。 値が次々に流れてくる川の流れのような時間軸を、そのまま抽象化したオブジェクトと言えるかもしれません。 RxJSを使うと、その川の流れのようなオブジェクト同士を、つなげたり、束ねたり、分岐したり、フィルターしたりできます。 イメージで伝われ!図解JavaScriptの非同期処理 - メモを揉め この川のことをイメージする時にマーブルダイアグラムを見たり、プリントデバッグしたりしていたのですが

    RxJSのOvservableを可視化しながら編集できるエディタを作りました - メモを揉め
    sonota88
    sonota88 2019/10/14
  • イメージで伝われ!図解JavaScriptの非同期処理 - メモを揉め

    ものすごい久しぶりのブログ更新になってしまいましたが、今回はJavaScriptの非同期処理について書いてみたいと思います。 このテーマはうまく説明できない部分が毎回ちょいちょいあるのですが、こうしてまとめることで頭の中が整理されていくということもあるので、最後まで頑張りたいと思います。 前提としてブラウザの実装の詳細や仕様については分からない部分も多いため、間違っている部分もあるかもしれません。 もし、お気づきの点などありましたら、教えていただけると助かります。 目次 目次 同期と非同期の比較その1 同期的実行 非同期的実行 同期的実行 非同期的実行 同期と非同期の比較その2 同期的実行 非同期的実行 並行処理と並列処理 非同期API 非同期APIの特徴 その他の非同期API addEventListenerに渡したコールバックの同期的実行 非同期処理のユースケース コールバック Pro

    イメージで伝われ!図解JavaScriptの非同期処理 - メモを揉め
  • 1