Lecture 106:

サンプルの動作

Instructor: 柳井 政和

Lecture Content


今回はサンプルの動作です。サンプルを見ながら本セクションの描画処理を確かめます。

index-304-score.html をブラウザで開きます。こちらが開いたところです。

これまでの描画に加えて「YOU00」「COM00」というスコアの表示が増えています。まだリバーシゲームと連動せず描画のみを行っていますので、ここは00という数字になっています。ゲームが完成した際には、自分の石、コンピューターの石のそれぞれの合計数がこちらに表示されるようになります。

リバーシはマスの数が8×8で64あります。そのためこの数字は0から64まで変化する可能性があります。この数字の桁数が変わった場合に文字の幅が変化しないように、数字が0や一桁の場合は先頭に0を埋めて、数字を表示するようにしています。今回はサンプルの動作を確認しました。

Related Courses

6時間でマスター!! jQueryで動きのあるWebサイトを作ろう
PRO COURSE

6時間でマスター!! jQueryで動きのあるWebサイトを作ろう

5h 59m Video Course
Instructor: ムラモリ コウ
2
$69.98
実例でわかる JavaScript 初心者講座
PRO COURSE

実例でわかる JavaScript 初心者講座

8h 37m Video Course
Instructor: 柳井 政和
6
$99.99
全53時間! ITスタートアップの全て -Web・アプリプログミングから起業まで-
PRO COURSE

全53時間! ITスタートアップの全て -Web・アプリプログミングから起業まで-

53h 56m Video Course
Instructor: Masaaki Hatano
58
$355.35
Node.jsとNW.jsで作るJavaScript ローカルアプリ開発講座
PRO COURSE

Node.jsとNW.jsで作るJavaScript ローカルアプリ開発講座

5h 22m Video Course
Instructor: 柳井 政和
$89.99
速習+詳細+実例 jQuery講座
PRO COURSE

速習+詳細+実例 jQuery講座

9h 4m Video Course
Instructor: 柳井 政和
$89.99
jQueryでリッチなUIを実現する実践講座
PRO COURSE

jQueryでリッチなUIを実現する実践講座

7h 10m Video Course
Instructor: BeSomebody
11
$35.99
Electronでつくるローカルアプリ開発講座 for Windows
PRO COURSE

Electronでつくるローカルアプリ開発講座 for Windows

3h 20m Video Course
Instructor: 柳井 政和
$89.99
Adobe系スキルからプログラミングまで Web制作必要スキルセット講座
SET COURSE

Adobe系スキルからプログラミングまで Web制作必要スキルセット講座

8 Courses Included
Instructor: ムラモリ コウ
27
$8.99/mo
フロントエンドエンジニアになりたい人のHTML/CSS/JavaScript入門講座
PRO COURSE

フロントエンドエンジニアになりたい人のHTML/CSS/JavaScript入門講座

10h 27m Video Course
Instructor: たにぐち まこと
31
$199.99
JavaScript完全速習講座
PRO COURSE

JavaScript完全速習講座

4h 28m Video Course
Instructor: BeSomebody
5
$35.99
3日間でマスターする Ruby on Rails講座
PRO COURSE

3日間でマスターする Ruby on Rails講座

5h 10m Video Course
Instructor: 井上 博樹
71
$96.99
【新版】世界で10万人が受講!未経験からWebプログラマーになるための全て
PRO COURSE

【新版】世界で10万人が受講!未経験からWebプログラマーになるための全て

23h 15m Video Course
Instructor: BeSomebody
204
$174.00