前々回、前回からの続き。 あとは作ったViewsとLogicを組み合わせるだけなので非常に簡単。 まずは状態を管理するreagent atomをdefonceしておく。 (defonce game-state (r/atom (l/new-game-state 9))) defではなくdefonceなのは、defだとコードに変更を加…

前回からの続き。 Reagentコンポーネントを定義するviews.cljsの説明。 まずは点の大きさを表すGRID_SIZEを定義し、盤上の「点」をコンポーネント化する。 (def GRID_SIZE 40) (defn BoardIntersection [[row col] color click-fn] (let [style {:top (* row…

こういう記事を発見した。 React beginner tutorial: implementing the board game Go | Chris LaRose, Software Developer JSとReactで簡単な囲碁のボードを作成する、というもの。コードとしても非常に簡単だったのでClojurescriptとReagentで書いてみた。…