【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コード)

関連記事

I20151122-213340.jpg

【入門本】詳細! Swift 2 iPhoneアプリ開発 入門ノート Swift 2 + Xcode 7対応

ソーテック社より「詳細! Swift 2 iPhoneアプリ開発 入門ノート Swift

記事を読む

20150327-131839.jpg

【Apple Watchアプリ】ボタン内の文字の先頭に画像を入れる方法【WatchKit】

Apple Watch向けのアプリを作るためのフレームワーク「WatchKit」。そのWatch

記事を読む

20141225-223049.jpg

【Xcode6】Auto Layoutで制約のFirst ItemとSecond Itemを逆にする方法

一度追加した制約のFirst ItemとSecond Itemを入れ替える方法について紹介します

記事を読む

I20160130-110811.jpg

【解決】Redundant conformance of ‘NSDate’ to protocol ‘Comparable’エラーが出た時の対処方法

アプリ開発中に「Redundant conformance of 'NSDate' to pro

記事を読む

I20160210-140020.jpg

【Xcode】モーダル表示で遷移先へ値を渡す時のハマりポイント

モーダル表示で遷移先の画面へ値を渡す際、最初はハマりやすいポイントについて解説したいと思いま

記事を読む

20141227-125250.jpg

実践的な内容まで載っている!開発のプロが教える Swift標準ガイドブック

株式会社マイナビ様より「開発のプロが教える Swift標準ガイドブック」の見本紙を頂きました。早

記事を読む

I20160925-163452.jpg

タブバーアイコン非選択時の色を変更する方法【iOS 10】

UITabBarControllerで、タブバーアイコン非選択時の色を変更する方法を紹介します!

記事を読む

I20160125-104438.jpg

iPhoneアプリの開発に必要なものをまとめてみた

僕はアプリ開発講座を開催していますが、その関係もあって「iPhoneアプリを開発するには、ど

記事を読む

20160811-173801.jpg

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

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


記事を読む

iPhoneアプリ開発の初心者にオススメな本はこれだ!iOS 7とXcode 5に対応!

僕が講師をしている初心者向けのiPhoneアプリ開発講座「アプリクリエイター道場」でも参考書とし

記事を読む

【Mac】macOSのメール(Mail.app)でGmailをサクサク快適に使う方法

macOSに搭載されているメールアプリ、いわゆるMail.ap

【メンズネイル】新宿区大久保のネイルサロンで紫とピンクのネイルにしてもらった

2016年11月12日、東京都新宿区大久保にあるネイルサロン「

[Xcode][Swift]ボタンなどの同時タップを禁止する

iOSで、ボタンなどの同時タップを禁止する方法を紹介します。

【HomeKit】家の照明をSiriで制御できるようにしてみた

Apple製品と家電を連携するシステム「HomeKit(ホーム

【メンズネイル】新宿区大久保のサロンでターコイズとピンクのメタルネイルにしてもらった

2016年10月22日、いつもお世話になっているネイルサロン「

→もっと見る

PAGE TOP ↑