2018 ソフトウェア設計及び演習用の班Wiki

18::gr08::菊池杏香

内容

4/20:テーマ決め、企画書作成
4/27:ものと操作の洗い出し
5/11:同上
5/18:モジュール分け
5/25:同上
6/1:プロトタイプ
6/ 8:プロトタイプ その2
6/15:中間発表
6/22:各自制作をすすめる、通信を確認
6/29:モジュールの確認、説明
7/ 6:各自作業をすすめる
7/13:終わっていないモジュールの確認、手助け
7/20:終わっていないモジュールの確認、手助け
7/27:統合テスト、おかしい箇所を改善

担当モジュール

タイトル画面 start
チャット chat
夜チャット yoru
カード card
吊り先確認画面 conplete
お絵かきツール canvas
昼画面と文字のデザイン css

作業記録

  • チャット送信時にスクロールバーが更新された最新のメッセージに移動がうまくできなかったが、jqueryを用いて function addMessage ()内に $('#area').animate({scrollTop: $('#area')[0].scrollHeight}, 'fast');を入れたら実装できた。
  • チャット画面のみなら正常に動作するがiframeで別のHTMLに埋め込むとWebSocketが動いていないのか通信が使えない。謎。
  • 7/20:調べたところチャットをiframeなどで埋め込むことは無理らしいため、hiru.htmlに直接移すことにした。問題なく実装することができた。今日を持って自分の担当のとこはほぼ終了となった。
  • 自分のモジュールは期間通りに終わったが他のみんなが制作期間を超えても頑張っていたため、追加要素としてお絵かきツールを作った。ただあまり時間がない中の追加のためあまりオリジナル要素を入れられなかったのが心残りだと思った。
  • 投票後待機画面から勝利するかゲームを続けるかの判定で全員揃ったらページを遷移するが優先されて残りの各陣営のプレイヤー人数の計算が行われなかったため新たに計算したうえで繊維するページを作成した。

感想

最初に簡単にできるって言われてたけど全然簡単じゃなかったことが誠に遺憾だった。 別のモジュールの情報をサーバーとクライアント側でやり取りする処理が多かったためグループワークだと検証するのが大変だった。ただわからないところはTAさんに手伝ってもらいながら解決できたし、珠乃さんがかなり早い段階でsocketについて身についていたので珠乃さんにも助けられながら自分でも大方理解してやれるようになったと思う。結構ギリギリに統合になったせいか統合してから起こったバグの処理がすごく大変だった。全員が余裕持って終わらせることが大切なことがわかった。またモノと操作の洗い出しやモジュール分けしたのはいいがちゃんと全員で理解が統一されてなかったのか「ここの処理は自分の担当かわかんなかったから手を出していなかった」といったことが結構ギリギリで起こったので全員がプログラミングに取り組む前の事前の準備で理解を揃えることが大事だと学んだ。いろいろ問題はあったが動くものが完成したことは楽しかったのでこの反省を活かしてまた何か作ってみたいと思った。 人狼は近年流行りのTRPGなのでぜひ活用して遊んで欲しいし自分でも使いたい。


最終更新日:2018/08/08 12:20:41