Skip to main content
本文に 28 文字追加
ソース リンク
cubick
  • 2.1万
  • 5
  • 27
  • 64

ボタンタップ時の責務の分け方が分からない

「方法1」みたいにview側に具体的なやることを書いていくのか、それとも「方法2」のようにbuttonTapActionのようなタップ処理だけ呼び出す処理を書いて、中身はviewModel(Controller)に書いていくのかどちらが最適だと思いますか?
個人的には後者だと思います。
メリットとしてはtakePictureやsavePhotoFromDeviceなどのモデルのメソッドがテストしやすいと感じました。

不安点としては3点あり、まず他の記事のサンプルコードの少なさです。
写真を撮影する記事を確認したところ、ほとんどの記事がviewのonTapでtakePicture()メソッドが呼ばれていました。

それからbuttonTapActionに引数が多くなってしまいがちなことも不安点の1つです。
最後に、今回のようにタップ処理で写真を撮ったり、デバイスに写真を保存するような複雑になった状態で、タップ処理をviewModelにまとめて記載したとします。その場合、どうしてもbuttonTapActionのようなview側で何をやっているか分からない処理になってしまいます。
アドバイスいただけると幸いです。お願いします。

方法1

上記みたいにview側に具体的なやることを書いていくのか

方法2

それともこんな感じで、buttonTapActionのようなタップ処理だけ呼び出す処理を書いて、中身はviewModel(Controller)に書いていくのかどちらが最適だと思いますか?
個人的には後者だと思います。
メリットとしてはtakePictureやsavePhotoFromDeviceなどのモデルのメソッドがテストしやすいと感じました。

不安点としては3点あり、まず他の記事のサンプルコードの少なさです。
写真を撮影する記事を確認したところ、ほとんどの記事がviewのonTapでtakePicture()メソッドが呼ばれていました。

それからbuttonTapActionに引数が多くなってしまいがちなことも不安点の1つです。
最後に、今回のようにタップ処理で写真を撮ったり、デバイスに写真を保存するような複雑になった状態で、タップ処理をviewModelにまとめて記載したとします。その場合、どうしてもbuttonTapActionのようなview側で何をやっているか分からない処理になってしまいます。
アドバイスいただけると幸いです。お願いします。

ボタンタップ時の責務の分け方が分からない

上記みたいにview側に具体的なやることを書いていくのか

それともこんな感じで、buttonTapActionのようなタップ処理だけ呼び出す処理を書いて、中身はviewModel(Controller)に書いていくのかどちらが最適だと思いますか?
個人的には後者だと思います。
メリットとしてはtakePictureやsavePhotoFromDeviceなどのモデルのメソッドがテストしやすいと感じました。

不安点としては3点あり、まず他の記事のサンプルコードの少なさです。
写真を撮影する記事を確認したところ、ほとんどの記事がviewのonTapでtakePicture()メソッドが呼ばれていました。

それからbuttonTapActionに引数が多くなってしまいがちなことも不安点の1つです。
最後に、今回のようにタップ処理で写真を撮ったり、デバイスに写真を保存するような複雑になった状態で、タップ処理をviewModelにまとめて記載したとします。その場合、どうしてもbuttonTapActionのようなview側で何をやっているか分からない処理になってしまいます。
アドバイスいただけると幸いです。お願いします。

ボタンタップ時の責務の分け方が分からない

「方法1」みたいにview側に具体的なやることを書いていくのか、それとも「方法2」のようにbuttonTapActionのようなタップ処理だけ呼び出す処理を書いて、中身はviewModel(Controller)に書いていくのかどちらが最適だと思いますか?
個人的には後者だと思います。
メリットとしてはtakePictureやsavePhotoFromDeviceなどのモデルのメソッドがテストしやすいと感じました。

不安点としては3点あり、まず他の記事のサンプルコードの少なさです。
写真を撮影する記事を確認したところ、ほとんどの記事がviewのonTapでtakePicture()メソッドが呼ばれていました。

それからbuttonTapActionに引数が多くなってしまいがちなことも不安点の1つです。
最後に、今回のようにタップ処理で写真を撮ったり、デバイスに写真を保存するような複雑になった状態で、タップ処理をviewModelにまとめて記載したとします。その場合、どうしてもbuttonTapActionのようなview側で何をやっているか分からない処理になってしまいます。
アドバイスいただけると幸いです。お願いします。

方法1

方法2

本文に 241 文字追加
ソース リンク
class ViewModel {
  var counter1 = 0;
  var counter2 = 0;
  void buttonTapAction() {
   // 写真を撮る処理
  model.takePicture();            
  // デバイスに写真を保存する処理
   model.savePhotoFromDevice();
  // ローカルDBに保存する処理
    model.updateDb();
    changeCounter1();
    changeCounter2();
  }
  
  void changeCounter1() {
    counter1++;
    notifylisteners();
  }

   void changeCounter2() {
    counter2++;
    notifylisteners();
  }
}
class ViewModel {
  void buttonTapAction() {
   // 写真を撮る処理
  model.takePicture();            
  // デバイスに写真を保存する処理
   model.savePhotoFromDevice();
  // ローカルDBに保存する処理
    model.updateDb();
  }
}
class ViewModel {
  var counter1 = 0;
  var counter2 = 0;
  void buttonTapAction() {
   // 写真を撮る処理
  model.takePicture();            
  // デバイスに写真を保存する処理
   model.savePhotoFromDevice();
  // ローカルDBに保存する処理
    model.updateDb();
    changeCounter1();
    changeCounter2();
  }
  
  void changeCounter1() {
    counter1++;
    notifylisteners();
  }

   void changeCounter2() {
    counter2++;
    notifylisteners();
  }
}
本文に 148 文字追加
ソース リンク

不安点としては3点ありまず他の記事のサンプルコードの少なさです。
写真を撮影する記事を確認したところ、ほとんどの記事がviewのonTapでtakePicture()メソッドが呼ばれていました。

またそれからbuttonTapActionに引数が多くなってしまいがちなことも不安点の1つです
最後に、今回のようにタップ処理で写真を撮ったり、デバイスに写真を保存するような複雑になった状態で、タップ処理をviewModelにまとめて記載したとします。その場合、どうしてもbuttonTapActionのようなview側で何をやっているか分からない処理になってしまいます
アドバイスいただけると幸いです。お願いします。

不安点としては、他の記事のサンプルコードの少なさです。
写真を撮影する記事を確認したところ、ほとんどの記事がviewのonTapでtakePicture()メソッドが呼ばれていました。

またbuttonTapActionに引数が多くなってしまいがちなことも不安点の1つです。
アドバイスいただけると幸いです。お願いします。

不安点としては3点ありまず他の記事のサンプルコードの少なさです。
写真を撮影する記事を確認したところ、ほとんどの記事がviewのonTapでtakePicture()メソッドが呼ばれていました。

それからbuttonTapActionに引数が多くなってしまいがちなことも不安点の1つです
最後に、今回のようにタップ処理で写真を撮ったり、デバイスに写真を保存するような複雑になった状態で、タップ処理をviewModelにまとめて記載したとします。その場合、どうしてもbuttonTapActionのようなview側で何をやっているか分からない処理になってしまいます
アドバイスいただけると幸いです。お願いします。

ソース リンク
読み込んでいます