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パターンによる設計アプローチ「あなたのアプリ報連相できてますか」

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (6)

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

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

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

Editor's Notes