make a PR

## このPRで成し遂げること

外村さんの[フロントエンドJavaScriptにおける設計とテスト](http://hokaccha.github.io/slides/javascript_design_and_test/#page30)を参考にして、現在の実装だとデータとDOMが密結合なので、ModelとViewを明確に分けてViewを疎結合にする