電脳麻将におけるMVCの実装 - koba::blog

電脳麻将 は HTML5 + CSS3 + JavaScript で動作する SPA です。こういったアプリを実装する場合、現在は React や Vue を使って宣言的に書くのがあたりまえで、jQueryはオワコン といわれています。ですが電脳麻将はあえて jQuery を使って MVC に基づいて実装しています。その理由は jQueryでないと美しく実装できない と考えるからです。 シナリオ MVCを担当するクラス ツモの際の処理の流れ 打牌の際の処理の流れ React で実装できるのか 結論 シナリオ 電脳麻将はどのように実装されているのか、以下の場面で具体的に説明します。 東家が二萬をツモる 六筒を打牌する MVCを担当するクラス このシナリオにおいて MVC それぞれを担当するのは以下のクラスです。 クラス 説明 M Majiang.Shoupai 手牌を表現するクラス Maji

[gabill]

似たようなユースケースで、つい先日ボードゲームをreact化した。移動アニメーションはCSSで何とかしたけど、複雑な動きのゲームは厳しいな、という印象。 https://github.com/kurehajime/colamone_js