【RxSwift】Hot変換オペレータの1つであるshareReplayを使ってみる

公開日: : iPhoneアプリ開発

20160423-124300.jpg

最近、RxSwiftについて勉強中です。

今回は、Hot変換オペレータの1つであるshareReplayを使ってみたので記事にまとめてみました。

RxSwiftはまだ勉強中なので、どこか間違っている箇所があればご指摘いただけると嬉しいです。 ⇒ https://twitter.com/akio0911

    

スポンサード リンク

UITextFieldの入力をそのまま2つのUILabelに表示する

例として、1つのUITextFieldに入力された文字列を、2つのラベルにそのまま表示するアプリを考えてみましょう。

RxSwiftを使ったコードとしては、以下のようになります。

@IBOutlet weak var textField: UITextField!

@IBOutlet weak var label1: UILabel!
@IBOutlet weak var label2: UILabel!

let disposeBag = DisposeBag()

override func viewDidLoad() {
    super.viewDidLoad()

    textField.rx_text.bindTo(label1.rx_text).addDisposableTo(disposeBag)
    textField.rx_text.bindTo(label2.rx_text).addDisposableTo(disposeBag)
}

これでユーザーがテキストフィールドに文字列を入力すると、ラベルへリアルタイムに反映されるようになります。

ここまでは特に問題ないかなと思います。

    

UITextFieldの入力を加工して、2つのUILabelに表示する

次はそのまま表示せずに簡単な加工を行ってみましょう。

テキストフィールドに入力された文字列の先頭と末尾に*を付加し、それを2つのラベルへリアルタイムに反映させます。

コードは以下のようになります。

let num = textField.rx_text.map{ text -> String in
    print("map \(text)")
    return "*\(text)*"
}

num.bindTo(label1.rx_text).addDisposableTo(disposeBag)
num.bindTo(label2.rx_text).addDisposableTo(disposeBag)

    

さて、このコードを早速実行してみましょう。

map 
map 
map 1
map 1
map 12
map 12

なんと、文字に変更を加えるたび、mapのクロージャー内の処理が2回ずつ実行されてしまっています。

今回の場合だと同じ加工を施した同じ内容を2つのラベルに表示させたいので、mapのクロージャー内の処理は1変更に対して1回だけ実行されればいいのですが・・・。

    

20160423-123905.jpg

なぜこのようなことが起こってしまったのかというと、2つのオブジェクトにbindしsubscribeすると、別々の2本のストリームが生成されてしまうんだそうです。

このような性質を持つものを、Cold Observableと呼ぶようです。

参考 : RxのHotとColdについて – Qiita

今回のような軽い処理であれば大きな問題にはなりませんけど、重い処理だったり、ファイルIOや通信処理などが含まれていたりすると、それらが2回ずつ実行されると困りますよね。

    

shareReplayを使ってみる

ではどうすれば良いのかというと、Coldと呼ぶくらいですから、Hot Observableを使います。

Cold ObservableをHot Observableに変換してくれる「Hot変換オペレータ」というものがあるので、その中の1つである「shareReplay」を使います。

let num = textField.rx_text
    .map{ text -> String in
        print("map \(text)")
        return "*\(text)*"
    }
    .shareReplay(1)

num.bindTo(label1.rx_text).addDisposableTo(disposeBag)
num.bindTo(label2.rx_text).addDisposableTo(disposeBag)

shareReplay(1)は、内部的にはreplay(1).refCountを呼び出してるだけのショートカットなんだそうですが、詳細についてはまた別記事を書こうと思います。

参考 : [RxSwift] shareReplayをちゃんと書いてお行儀良くストリームを購読しよう – Qiita

    

実行結果は以下のようになります。

map 
map 1
map 12
map 123

テキストフィールドへの1変更に対して、mapのクロージャー内の処理が1回ずつ呼ばれています。

    

20160423-123910.jpg

これは、Hot Observerの「ストリームを分岐する性質」によるものだそうです。

    

@akio0911はこう思った。

Cold ObservableとHot Observableの違いが分かっていないと、意図せず無駄な処理が発生してしまいそうなので、ここは注意が必要ですね。

    

    

この記事が気に入ったら「いいね!」しよう

follow us in feedly

Feedlyで最新記事を購読

Twitterで更新情報をゲット!

LINEでご感想・ご要望お送りください!
(スマホでLINEを起動 > 友だち追加 > QRコード)

関連記事

20160811-173801.jpg

【iOS】特定のセルがUITableViewの表示領域内に収まっているかどうかを調べる

特定のセルがUITableViewの表示領域内に収まっているかどうかを調べる方法を紹介します。


記事を読む

I20160411-122213.jpg

Swift 2.2の変更点をまとめてみた

2016年3月22日、Xcode 7.3と共にSwift 2.2が正式にリリースされました。

記事を読む

I20151201-120520.jpg

【Swift 2】switch内にてguardでbreakする

Swift 2のguard内ではreturnしないと文法エラーとなりますが、実はswitch

記事を読む

I20160204-120840.jpg

Swiftでプロトコル型に対して===演算子を使いたい時の対処法

プロトコル型の変数や定数に対して===演算子を使うと「error: binary opera

記事を読む

I20160212-000722.jpg

Swiftにおけるセレクタ(Selector)について調べてみた

NSTimerなどを使う際、引数に「Selector」という型があるのですが、これがSwiftで

記事を読む

20160730-172416.jpg

Auto Layoutで非表示にした部分を詰める(トルツメ)する方法

Auto Layoutを使って非表示にしたコントロールの部分を詰める(トルツメ)方法を説明します

記事を読む

I20150909-225806.jpg

Functional Programming in Swiftを読むために、すごいH本を読み終えた感想

「Functional Programming in Swift」という本がありまして、

記事を読む

20160724-154909.jpg

デザインの素人がノンデザイナーズ・デザインブックを読んだら、デザインの原則が結構分かるようになった!

ずっとエンジニアとして働いてきてデザインに関してはまったくの素人な僕ですが、「ノンデザイナーズ・

記事を読む

20140721-170305.jpg

プロトタイピングのツールや手法を学べる「プロトタイピング実践ガイド」

株式会社インプレスさまより献本御礼。 プロトタイピング実践ガイド スマホアプリの効率的なデザイ

記事を読む

20160420-180135.jpg

【RxSwift】2つのUITextFieldに入力された数値の合計をUILabelに表示する

そろそろRxSwiftについて学び始めよう!ということで、まずは2つのUITex

記事を読む

PAGE TOP ↑