狠狠撸

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

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

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

机动倶楽部骋ブレイバー

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

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

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

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

サーバクライ?
アント
Gブレイバーシステム構成
ゲームロジックユニットテスト
スタブと!
半自動テスト
ユニットテスト

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

テストコードの構成
クライ?
アント

クライ?
アント
JSONでダミーを作る

クライ?
アント
送信オブジェクトにアサーションをかける

クライ?
アント
ボタン押下コールバックを直接呼ぶ

クライ?
アント
ここは目視で確認

クライ?
アント
フレーム制御はtimeLineを活用

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

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

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

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

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

おまけ
スタブについて

Gブレイバーのスタブ
クライ?
アント

クライ?
アント
テストコードを同じものを作る

クライ?
アント
テストコードを同じものを作る
一般的なテストコードと書き方は同じ
ー＞ここを作るのは楽

クライ?
アント
手動で実施

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

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

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

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

テスト駆動ケ?ーム開発をJava scriptて?実践 in jscafe20