1. テスト駆動ゲーム開発を
JavaScriptで実践
in JsCafe20
!
竹内 佑介

2. 自己紹介
竹内 佑介
仕事でソフト開発やってます
趣味で通信対戦ゲームを作ってます

3. さっそくですが
こんなゲーム作ってます

4. 機動倶楽部Gブレイバー

5. ジャンルは対戦型PRGです
詳細はこちらです
http://www.slideshare.net/
yuusuketakeuchi96/g-33989023

6. テスト駆動とは？
テスト失敗
テスト成功リファクタリング

7. Gブレイバーのテスト状況
について説明します

8. サーバ クライ
アント
コマンド入力コマンド送信
ゲーム結果送信
ゲーム結果表示
Gブレイバーシステム構成
ゲームロジック

9. サーバ クライ
アント
コマンド入力コマンド送信
ゲーム結果送信
ゲーム結果表示
Gブレイバーシステム構成
ゲームロジック ユニットテスト
スタブと!
半自動テスト
ユニットテスト

10. 今日はゲーム画面
テストの話をします

11. テストコードの構成
クライ
アント
コマンド入力コマンド送信
ゲーム結果送信
ゲーム結果表示

12. テストコードの構成
クライ
アント
コマンド入力コマンド送信
ゲーム結果送信
ゲーム結果表示
JSONでダミーを作る

13. テストコードの構成
クライ
アント
コマンド入力コマンド送信
ゲーム結果送信
ゲーム結果表示
送信オブジェクトにアサーションをかける

14. テストコードの構成
クライ
アント
コマンド入力コマンド送信
ゲーム結果送信
ゲーム結果表示
ボタン押下コールバックを直接呼ぶ

15. テストコードの構成
クライ
アント
コマンド入力コマンド送信
ゲーム結果送信
ゲーム結果表示
ここは目視で確認

16. テストコードの構成
クライ
アント
コマンド入力コマンド送信
ゲーム結果送信
ゲーム結果表示
フレーム制御はtimeLineを活用

17. 実際のテストコードはここ
https://github.com/kaidouji85/gbraver/blob/master/
publicForTest/javascripts/playerAtackTest.js

18. 画面半自動テストのデモ
https://www.youtube.com/watch?v=NmaJuNIGKw4

19. Gブレイバーのコード
https://github.com/kaidouji85/gbraver

20. 中の人のブログ
毎日プログラム
http://blog.livedoor.jp/kaidouji85/

21. ご清聴ありがとう
ございました

22. おまけ
スタブについて

23. Gブレイバーのスタブ
クライ
アント
コマンド入力コマンド送信
ゲーム結果送信
ゲーム結果表示

24. Gブレイバーのスタブ
クライ
アント
コマンド入力コマンド送信
ゲーム結果送信
ゲーム結果表示
テストコードを同じものを作る

25. Gブレイバーのスタブ
クライ
アント
コマンド入力コマンド送信
ゲーム結果送信
ゲーム結果表示
テストコードを同じものを作る
一般的なテストコードと書き方は同じ
ー＞ここを作るのは楽

26. Gブレイバーのスタブ
クライ
アント
コマンド入力コマンド送信
ゲーム結果送信
ゲーム結果表示
手動で実施

27. Gブレイバーのスタブ
クライ
アント
コマンド入力コマンド送信
ゲーム結果送信
ゲーム結果表示
手動で実施

28. テストコードを作る前に
スタブを作ってます

29. ぶっちゃけ、スタブを
テストコードに流用してます

30. スタブ

31. スタブ コマンド入力自動
追加

32. テストコード
スタブ コマンド入力自動