!!!表示モジュール担当

!!4月20日
*[[企画書|gr::10企画書]]の作成をし、紙に記入した。

!!4月27日
*[[ものと操作の洗い出し|gr:10ものと操作の洗い出し]]をし、紙に記入した。

!!5月11日
*ものと操作の洗い出しを完了し、[[モジュール分け|gr:10モジュール分け]]をし、紙に記入した。

!!5月18日
*モジュール作成[[担当決め|gr:10担当決め]]、紙に記入した。

!!5月25日
*担当のモジュールの表示モジュールの作成にとりかかる

!!6月1日
*盤面の表示モジュールの完成。オセロの画像データはHTMLで読み込む。

	  <!--何もないマス　-->
	  <div id="cell" class="square"><div class="cell"></div></div>

	  <!-- 黒のマス -->
	  <div id="black" class="square"><img class="block" src="img/black.png"></img></div>

	  <!-- 白のマス　-->
	  <div id="white" class="square"><img class="block" src="img/white.png"></img></div>

		<!-- 置けるマス　-->
		<div id="placeable" class="square"><div class="placeable"></div></div>



!!6月8日
*得点の表示の完成。盤面の表示モジュールとの統合に成功。

*HTML
 
 <!-- 得点表示　-->
	<div id="msg" class="message"></div>

*javascript

/*コマ数カウントモジュール*/
   var countpiece = function() {

 	    var black = 0;     //黒コマの数
	    var white = 0;     //白コマの数

	    for(var x1 = 0; x1 < 8; x1++){
		for(var y1 = 0; y1 < 8; y1++){
		    if(board[x1][y1] == PIECE_TYPE.BLACK){    //黒コマの数を数える
			black++;
		    } else if(board[x1][y1] == PIECE_TYPE.WHITE){ //白コマの数を数える
			white++;
		    }
		}
	    }
            var msg = document.getElementById("msg");

          msg.innerHTML = "black:"+black+" white:"+white;
    };



!!6月15日
*裏返り判定の完成。前回の表示モジュールとの統合を試みたが、黒しか置けない、得点が変わらないなど問題点が出たので、次回解決したい。

!!6月22日
*表示モジュールと通信モジュールとの統合を試みたがうまく行かなかった。まずは通信モジュールより、オセロ自体の機能を完成させるようにした。

!!6月29日
*置ける場所判定モジュールとひっくり返しモジュールと統合したが、ひっくり返らない場所があったり、置けるはずなのに置けない場所があったりなどバグがあった。

!!7月6日
*前回のバグが表示モジュールにおける盤面の状態を格納する変数boardと実際に表示されているマスの縦横が入れ替わっていることによることが判明。boardの縦と横（ｘとｙ）を入れ替え修正したところ、改善することができた。
*また、置くことのできるマスの色を変えることでわかりやすくゲーム進行できるようにすることに取り組む。

!!7月13日
*ゲームモジュールの完成。ゲームを最後まですすめることができた。終了時にはendalertを出す。
*ゲームモジュールがHTMLとjavascriptに頼りきっていて(enchant.jsを使用しない)、enchant.jsを使用しているスタートモジュールとエンドモジュール、通信モジュールとの統合が難しくなりそう。
*通信モジュールに関してはsceneを使用せずにwebsocketでデータを受信側に送ることでHTMLとjavascriptのみで通信できるのではないかと考えた。次回実行する。