2017-03-13

Tasks(Macrotasks), Microtasksについて

Angular Node.js JavaScript

概要

Angularで出てきたfakeAsyncやwhenStableを使う時に、microtasksの話が出たのでちゃんと理解しようと調べてみました。

実験

以下のjsのログ順はどうなるでしょうか？

console.log('script start');

setTimeout(function() {
  console.log('setTimeout');
}, 0);

Promise.resolve().then(function() {
  console.log('promise1');
}).then(function() {
  console.log('promise2');
});

console.log('script end');

MicroTask1

2017-03-11

AngularでAsync pipeを使う

Angular Observable

概要

AngularのPipeの中にはAync PipeというPromiseやObservableな非同期オブジェクトをそのままtemplateで表示できるPipeがあります。今回はその使い方を紹介します。

環境

angular 2.4.8
rxjs 5.2.0

async pipeのメリット

主なメリットは以下の２つです。

template側に役割を任せられるのでコードがスッキリする
コンポーネントが破棄される時に自動でunsubscribeするのでメモリリークを防げる

フロントではメモリ管理が大切なので、特に後者は嬉しいメリットですね。

2017-03-03

Dockerでのdev, stg, prd環境分け

Docker

概要

dockerを扱う上で、dev, stg, prdの環境で動かす際の分け方について考えてみました。

環境

docker 1.13.1
docker-compose 1.11.1

主な分け方

思いつくのは以下の５つです。　

imageを分ける
全環境のconfigファイルをimageに保持させ、RUN時に指定
templateを埋め込んでおいて、envsubstで環境変数使って書き換える
data volumeでconfigをマウントして使用する
環境変数で設定できるように実装し、envを指定する

2017-02-27

Elasticsearchの前方一致について考える

Elasticsearch

概要

以前Prefix Query の注意 - Carpe Diemで述べたように、PrefixQueryはsearch queryがnot_analyzedになるので意図しない結果になることがあります。
一方で前方一致は検索の利便性を向上させる上でメリットが大きいので、入れておきたい要素でもあります。

今回は前方一致を考える上で何が良いかを調べてみました。

環境

Elasticsearch 5.2.1

Prefix Query

メリット

文字通り前方一致のクエリであることが分かる

デメリット

search analyzerは指定できないので、index時にnormalizeで小文字などにしてしまうと、大文字による検索でヒットしない
内部的にはregexpによる一致なので短いと重い

2017-02-26

Cold Observable と Hot Observable

Rx Observable

概要

Observableを学ぶ上でCold ObservableとHot Observableの違いを理解していた方が良いと聞いたので調べてみました。

環境

rxjs 5.1.0

ざっくり表

	Cold Observable	Hot Observable
イメージ	オンデマンド再生のような、選んだら再生。再生するシーンは開始タイミングに依るので、人によってそれぞれ	テレビのような垂れ流し。再生するシーンは皆同じ。
データの開始タイミング	subscribe()されたら	connect()されたら
データを流すStreamの数	subscribeしてる数	１つ。いくつsubscribeしても同じStreamを見る
データを受け取るStreamの数	subscribeしてる数	subscribeしてる数。送信してるStreamは１つでも、unsubscribeは受信してる個々で行う必要がある