MVPパターンによる設計アプローチ「あなたのアプリ報連相できてますか」

2014/11/8 Developers.IO Meetup 10
あなたのアプリ
報・連・相できてますか？
スマホアプリ開発あしたの為の環境と設計のアプローチ
Copyright © Classmethod, Inc. 1
横山U大

こんにちは
横山U大(27)
北海道釧路市出身
これまで
• 建設業（設計・施工）
• ミュージシャン気取り
• 飲食業店長
今のお仕事
• Android エンジニア
• デザイン
• プロジェクトリーダー

今日のお話
• MVPパターンについて
• 実装例の解説
• まとめ

MVPパターンについて

MVCって
よく聞くよね
もう少し柔軟に
MVPパターン
(Model – View – Presenter)

Model
View
Presenter
MVC のModel と同様にドメインロジックのみ
を持つ。
Model はView やPresenter に依存しない。
画面の表示とユーザー入力の受付を担当する。
ユーザー入力はPresenter に渡す。
MVC のようなModel の監視は必須ではない。
MVC のController とは違い、UI のビジネスロ
ジックを含みインタフェースを通じてView を
操作する。

実装例の解説

実装例の解説
超
ラッキー
今日の運勢
• 今日の運勢ボタンを押す
• 今日の運勢を取得する
• 今日の運勢を表示する
楽勝だね

MVPパターンを利用しない場合

実装例の解説– MVPパターンを利用しない場合
public class MainActivity extends Activity implements OnClickListener {
private DivinationManager mDivinationManager;
private Button mButton;
private TextView mTextView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mDivinationManager = new DivinationManager();
mTextView = (TextView)findViewById(R.id.textView);
mButton = (Button)findViewById(R.id.button);
mButton.setOnClickListener(this);
}

@Override
public void onClick(View v) {
showProgress();
mDivinationManager.get(new DivinationDelegate() {
@Override
public void completeDivination(String result) {
mTextView.setText(result);
dismissProgress();
}
});
}
private void showProgress() { ・・・}
private void dismissProgress() { ・・・}
}

public class DivinationManager {
public static interface DivinationDelegate {
void completeDivination(String result);
}
public void get(DivinationDelegate delegate) {
・・・
delegate.completeDivination("result");
}
}

機能が増えたらActivity が肥大化して
いくよね
UI ロジックのテストをするには
Android 端末で実行する必要があるな

MVPパターンを利用した場合

実装例の解説
ユーザーの入力を
Presenter に渡す
Model に
メッセージを送る
Presenter に
データを提供する
Presenter が
View を操作する

実装例の解説– MVPパターンを利用した場合
public class MainActivity extends Activity implements IMainActivity,
OnClickListener {
private MainPresenter mMainPresenter;
private Button mButton;
private TextView mTextView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mPresenter = new MainPresenter();
mPresenter.setView(this);
mTextView = (TextView)findViewById(R.id.textView);
mButton = (Button)findViewById(R.id.button);
mButton.setOnClickListener(this);
}

@Override
public void onClick(View v) {
mPresenter.startDivination();
}
@Override
public void showProgress() { ・・・}
@Override
public void dismissProgress() { ・・・}
@Override
public void setResultText(String result) {
mTextView.setText(result);
}
}

public interface IMainActivity {
void showProgress();
void dismissProgress();
void setResultText(String result);
}

public class MainPresenter {
private IMainActivity mView;
private IDivinationManager mDivinationManager;
public MainPresenter() {
mDivinationManager = new DivinationManager();
}
public void setView(IMainActivity view) {
mView = view;
}
public void startDivination() {
mView.showProgress();
mDivinationManager.get(new DivinationDelegate() {
@Override
public void completeDivination(String result) {
mView.setResultText(result);
mView.dismissProgress();
}
});
}
}

public interface IDivinationManager {
void get(DivinationDelegate divinationDelegate);
}
public class DivinationManager implements IDivinationManager {
public static interface DivinationDelegate {
void completeDivination(String result);
}
@Override
public void get(DivinationDelegate delegate) {
・・・
delegate.completeDivination("result");
}
}

実装例の解説
ユーザーの入力を
Presenter に
報告する
報告の内容を
Model に
連絡する
自分では解決できないことを
データ層に相談する

Presenter はView の実装に依存しない
から、UI ロジックのテストが容易にな
るね！
少し強引だけど、MVPパターンは
報・連・相パターンだね！！

まとめ

MVPパターンを利用すると
• UIロジックのテストが実行しやすくな
る（Viewが差し替えできる）
• コードが役割毎に分離されてActivity
が肥大化しずらくなる
• 実装にルールができるので、いちいち
迷わなくなる
• 実装の説明が上手になる

変更に強い
読みやすいテストしやすい
アプリの報・連・相が有効

MVPパターンによる設計アプローチ「あなたのアプリ報連相できてますか」

MVPパターンによる設計アプローチ「あなたのアプリ報連相できてますか」

More Related Content

What's hot

Viewers also liked

Similar to MVPパターンによる設計アプローチ「あなたのアプリ報連相できてますか」

Recently uploaded

MVPパターンによる設計アプローチ「あなたのアプリ報連相できてますか」

Editor's Notes