Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
実践 Reactive Cocoa で MVVM
Search
Tomohisa Takaoka
August 04, 2014
Technology
800
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
実践 Reactive Cocoa で MVVM
Reactive Cocoa を使用して約1ヶ月で使用した感想です。RACSignalについて理解出来るように図を作って説明しています。
Tomohisa Takaoka
August 04, 2014
More Decks by Tomohisa Takaoka
See All by Tomohisa Takaoka
変わらないものが、変わるものを決める — 意図駆動開発 × イベントソーシング × イミュータブル | What Doesn't Change Decides What Can — IDD × Event Sourcing × Immutability
tomohisa
0
710
AI時代に設計が 最大の生産性レバーになる 意図駆動開発とデータを消さない設計|Don't Delete Your Data or Your Intent — Design as the Deepest Lever in the AI Era
tomohisa
0
120
AIコーディングの理想と現実 2026 | AI Coding: Expectations vs. Reality 2026
tomohisa
0
1.5k
Sekibanのコアを5言語で動かす ― イベントソーシング×WASMでやってみた | Running Sekiban's Core in 5 Languages — Event Sourcing × WASM
tomohisa
0
110
Sekiban + Microsoft Orleans のアクターをAWS対応しました / Sekiban + Microsoft Orleans actors are now supported on AWS.
tomohisa
0
180
純粋なイミュータブルモデルを設計してからイベントソーシングと組み合わせるDeciderの実践方法の紹介 /Introducing Decider Pattern with Event Sourcing
tomohisa
1
2.6k
.NET Conf 2025 の興味のあるセッ ションを復習した / dotnet conf 2025 quick recap for backend engineer
tomohisa
0
180
dnx で実行できるコマンド、作ってみました
tomohisa
0
270
AIと協働し、イベントソーシングとアクターモデルで作る後悔しないアーキテクチャ Regret-Free Architecture with AI, Event Sourcing, and Actors
tomohisa
8
42k
Other Decks in Technology
See All in Technology
「休む」重要さ
smt7174
7
1.8k
データ活用研修 問いの発見と仮説構築【MIXI 26新卒技術研修】
mixi_engineers
PRO
1
660
セキュリティ研修【MIXI 26新卒技術研修】
mixi_engineers
PRO
31
25k
全社でのソフトウェアサプライチェーン攻撃対策をやってみた with Takumi Guard
z63d
0
330
QAと開発の両側から進める AI活用 -QAプロセスAI支援ツールキットと Inner Loop / Outer Loopの取り組み-
legalontechnologies
PRO
2
360
実践が先生だった— 新卒サーバーエンジニア1年目のリアル
mixi_engineers
PRO
0
200
BigQuery を検索ソースとした AI Agent の作り方って 〇〇 通りあんねん
satohjohn
0
140
コンポーネント名には何を含めるべきなのか? / what-should-be-included-in-component-names
airrnot1106
0
180
AIQAのナレッジ構築について
qatonchan
1
130
データ活用研修 データマネジメント【MIXI 26新卒技術研修】
mixi_engineers
PRO
4
780
エンタープライズデータへ安全につなぐ Production-ready なエージェント設計 ― AI × MCP リファレンスアーキテクチャ ― #AIDevDay
cdataj
1
300
データと地図で読む 大井町の「かわるもの、かわらないもの」
yoshiyama_hana
0
600
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
331
22k
GitHub's CSS Performance
jonrohan
1033
470k
Embracing the Ebb and Flow
colly
88
5.1k
The Cost Of JavaScript in 2023
addyosmani
55
10k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1.2k
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
360
The Spectacular Lies of Maps
axbom
PRO
1
880
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
1.7k
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
450
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
350
Information Architects: The Missing Link in Design Systems
soysaucechin
0
1k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.3k
Transcript
実践 Reacive Cocoa でMVVM @tomohisa Tomohisa Takaoka 2014.08.04 Swift&Obj-C&Xcode開発周り勉強会 - 0x03
[link] http://swifuku.connpass.com/event/7455/
None
डୗ։ൃ ʴ ΤϯλʔϓϥΠζ J-Tech Creations, Inc www.jtechs.com
前回発表 約1ヶ月新規プロダ クトに使用してみた!
ReactiveCocoaͱʁ Function Reactive Programming (FRP) ΛObjective-CͰ࣮ݱ͢ΔͨΊͷϑϨʔϜϫʔΫ https://github.com/ReactiveCocoa/ReactiveCocoa
関西のRAC勉強会! ここに必要な情報はほぼある! [link] http:// ninjinkun.hatenablog.com/entry/ 2014/08/03/204348 ReactiveCocoa勉強会関西を開催しました #rac_kansai - ninjinkun's
diary
MVC MVVM ViewControllerɺେ͖ͳҙຯͰͷ VʹؚΉ
• 分からないことが最初多い • 他の人が入りにくい(かも) • 謎挙動することが(たまに)ある cons
Pros • viewControllerがスッキリ • viewModelで複雑なことをやりやすい • 疎結合が綺麗に実現される • プログラムするのが楽しい(綺麗に出 来るので)
• 学習曲線が緩やかだけど、マスターす れば綺麗にはやく出来そう
Reacive Cocoa + MVVM 概観
ReactiveCocoa ≒ RACSignal ※特にRAC3.0以降 おおざっぱに言うと…
Signal subscribe sendError: sendCompleted: Subscriber sendNext: value ReactiveCocoa RACSignal のライフサイクル
Signal subscribe sendError: sendCompleted: Subscriber ReactiveCocoa RACSignal のライフサイクル sendNext: value
sendNext:(id)value はcomplete前は何度でも送れる
X Signal subscribe sendError: sendCompleted: Subscriber sendNext: value X ReactiveCocoa
RACSignal のライフサイクル subscribe前のsignalは届かない completed, error後はsignalのイン スタンスが無くなるのでsendNext: 出来ない。
Signalを作成する
Signalを購読(subscribe)する
Signalから値を変更する 2つの例は同じことをしている。 RAC(object, property) = RACSignal でnextの値をpropertyに 継続的に代入出来る
ReactiveCocoa がすごいのは ここから!
• sendNextの結果を受け取って次の処理 • Signalを連結して一つの処理に • sendNextにフィルタをかける • Signalのマージ などの面倒な処理を綺麗に書ける!
@matuyuji さんのスライドが良かった!
filter:
filter: signal subscriber sendNext:value filter: return NO; sendNext:value filter: return
YES; sendNext:value
flattenMap:
flattenMap: signal subscriber sendNext:value flattenMap: sendNext:value sendError:
flattenMap:のcompleted signal subscriber sendNext:value flattenMap: sendNext:value sendCompleted まだ、引き継いだsignalが動いているの で、subscriberにはcompletedを送らない 引き継いだsignalも
終わっているので completedを送る 基本的に意図した通 りに動くが結構めん どうな仕組み
MVVM
基本的には、 •VCに対応してViewModelを作る •ステータスなどはVMに持つ •VCはVMにバインドさせるか、単 純な表示機能だけ作る •Modelとも出来るだけ疎結合に し、入力中のデータは確定され るまでModelに反映させない
UITableViewはセルを再利用するのでバイン ドに向いていない viewModelに配列でデータを持たせて、 reloadする時にsendNext:が呼ばれる signalをviewModelに持たせて、あと は普通にセルを作る
takeUntil: のシグナルで、購読期間を指定する cellが再利用の準備に入ったら (再描画前を含む) 一度購読を終了することによって二重購読 などを防ぐ
RACCommand 複数回発生して、パラメーターをと るSignalを作成出来る。enabledを設 定することによって、実行の制限も かけられる。 基本的にはsignal UIButtonなどと連結出来るのが便利
RACScheduler UI変更がある時にメインスレッドでsignal を受け取ることを指定出来る。
時間があれば live coding
non-RAC RAC まとめ 習得に時間かかるけどメンテナンス性の良 いものができる
綺麗に出来た時に楽しい! すこしづつ組み込んでいったら 良いと思う!
おまけ#1 • ίʔσΟϯάϑΥϯτ • http://save.sys.t.u-tokyo.ac.jp/~yusa/fonts/rictydiminished.html
None
おまけ#2 Xcode Package Manager ϓϥάΠϯͷཧ http://alcatraz.io
CocoaPods マネージャー便利! コマンドたたく必要なし!
ϑΥϯταΠζΛ ⌘ʴ ⌘ʔ Ͱม͑ΒΕΔ
None
None
UIColor補助
None
[subscriber sendNext:@“Thank you!”]; ! ! //Any Question?