![[田中 賢一郎]のゲームで学ぶJavaScript入門 HTML5&CSSも身につく！](https://m.media-amazon.com/images/I/51-6SJA+hgL._SX260_.jpg)
（初版第４刷 時点）
■【良点】
・本当にゲームのソースコードが全て載っていた。ここまでコード量を抑えられてしまうJavaScriptに、驚きと素晴らしさを感じた。
・JavaScriptをメインにしつつも、HTMLとCSSも教え込み、ゲームプログラミングも10点以上詰め込み、それを330pほどの書物にまとめ上げたこと。
・ソースコードは、基本的には分かりやすくなっている点。
■【悪点】
説明不足や、説明の順序の悪さが見られる。
初心者に対し、噛み砕いて説明しようという工夫が見られる一方、説明もなしに新要素を用いる点もあり、ちぐはぐ。
なおかつ、その噛み砕いた説明、例を用いた説明さえ、まだ今ひとつ。
どこか、やっつけ仕事的な精神も感じてしまった。
それは、紙面が足りないから説明の質が落ちた、ということでもない。
初出要素の説明を、注釈や、コード中のコメント等で、言及したりなど、方法はあったはず。（”何々の説明は何ページで説明”などの一文だけでも、ないよりマシだった）
（関数オブジェクトについて、今まで普通に使っていたのに、後のページになって、初出要素のように説明し始める、など違和感があった）
なにより、能力がもっとあれば、同じ文量で、簡潔かつ、より分かりやすい説明ができたように思う。
＊
タイトルおよび表紙からして、「JavaScriptの入門書」であり、「初心者向け」であることもアピールされている。
だが、「プログラミング経験が皆無」な読者が読める水準の説明には、到っていない。
（そこまで分かりやすい説明の腕前には、もう一歩及ばず、と感じた。「なるほど！ 上手い説明だ！」とまで感じる部分はなかった）
とはいえ、「すでに他言語に触れている読者」ならば、伝わる説明かもしれない。
（というより、すでに理解しているから、流し読みしているだけかもしれない。初心者目線になって、気をつけて読んでみると……「知識ゼロで読むと、伝わらない説明なのでは？」と感じる点もあり。もしかしたら駆け足の説明になってしまっているのかも）
まだまだ改良を加える余地は、ありそうな書物だと思うし、そうすれば名著と感じるものにもなったろうと思う。つまり、もったいない。
＊
（これは本書ではなく「インプレス」出版サイトに対してだが）誤字報告の仕方が煩雑・面倒。
単に、誤字報告しようと思っても、問い合わせフォームしかなく、なおかつ、要件以外の必須項目が多すぎる！
（氏名・電話番号・メールアドレス・署名・ページ等々。結局面倒臭くて、やめた。だから、見つけた誤字・誤記は、このレビューに付け足した）
簡便な誤字報告フォームを用意するか、すでにあるならば分かりやすいようにしていただきたい。
あるいは、誤字報告が不要であったり、誤字はそのままにする方針ならば、そのように書いていただきたい。
＊
・131ｐ：
クラスという用語を説明なく用いた点。
（CSSでのクラスセレクタならば49ｐで言及しているが、別物だ）
・26ｐ，他、この本の全編に渡って見られる、いまいちポイント：
空要素の書き方を「<要素名 />」としているが、調べてみると、そちらは厳密にはHTMLよりもXHTMLの書き方らしい。なので、HTMLならば「/>」はいらないように思う。
本書では<!DOCTYPE html>を記述していることから、XHTMLではなくHTML5であるので、初学者には"/>"より">"で教えるほうが望ましい。
本書は入門者に向けた本。すなわち、お手本となるので、そのあたり、キッチリしていただきたいと感じた。
■【他】
・「演習」は、内容が明確・具体的なものとそうではないものを、分けたほうが良いかもしれない。
明確な答えを求める練習問題は「演習」、明確な答えのない自発的なものは「チャレンジ」のように。
・サンプルゲームは、ブラウザ上で実行できるはずだが、なぜダウンロード専用にしたのだろう。
サイトにサンプルゲームを載せることで、未購入の読者にも、「わぁ、すごい」と伝わるアピールになりそうだが。
（ソースコードのＤＬは難しい様子なので、自分で入力することにした）
・261ｐ、FunkyBlocksにて。ソースコードを入力したが、正常動作しなかった。
ゲーム画面は表示されるが、操作に対して、無反応。
クリックおよびドラッグ等しても、mymousemove()自体、呼ばれていないようだ。
残り時間画像が用意できず、テキスト表示に置き換えたりと、コードを一部いじっているため、その影響もあるかもしれない。
ソースコードの打ち間違いがあるかもしれないが、mymousemove()付近（およびgo()での登録処理部分）を注意深く見た限りでは、特に違いは見られない。
・物理エンジンのコードを入力し、次にデモも手作業で入力した。が……、矩形と線が表示されるだけで、円は何も表示されない。おまけに、何のエラーも出ず。良く分からない。
そこで飽きてしまう。ビリヤード以降の、ソースコード入力は、諦めることにした。
248ｐ（の疑似３Ｄゲーム）までは、入力し、若干の修正を施しつつ、問題なく動作することを確認できたのだが……
■【誤記】
・23p：
”「<」と「/>」に囲まれたのが終了の印です”
↓
”「</」と「>」に囲まれたのが終了の印です”
・42p の図にて。"<table>"タグとなっているが、"<html>"タグがふさわしいと思う。同ページ記載のソースと矛盾がなくなる。
・168-169ｐ：疑わしい点。
”getElementById("video")”とあるが、idタグはどこに？ それとも、これで<video>タグ自体が選択されるのだろうか？ そうであるなら、コード中コメントでも良いから、注釈を入れてほしかった。
・189ｐ の図では、座標系が反時計回りに回転している。
・194ｐ：上から２行目、行末のセミコロンがない。（なくても良いのかもしれないが）
”click({ srcElement: { index: Math.floor(Math.random() * 16) } })”
――同様のミス：215ｐ、下から２行目。217ｐ下から８行目。……このパターンの誤字は多すぎて、面倒になったので、以下省略。
・208ｐ の図にて、”上 ３７”ではなく”上 ３８”。
そしてなおかつ、その数値はキーコードであることを明記したほうが良い。
ぱっと見、何の数を書いているのか、分かりかねる。（この不親切は、後にまた登場）
・214p からのリバーシゲームのソースコードにて。注釈番号の重複が多々見られる。
・215ｐ：update()関数内のfor x,yループ内部にて。２つのif文があるが、２つ目は”else if”にしたほうが、無駄がないと思う。両方のif文が一度にtrueになることは、なさそうだから。
・217ｐ：”tmpData[x][y] = WHITE;”はループ(for i)の外でも問題ない？ （問題ないならば、ループの外に出したほうが良い）
・231ｐ：両方Wが指定されているが、片方はHを指定する箇所なのでは？
”if (this.x == W - 2 && this.y == W - 2) {”
↓
”if (this.x == W - 2 && this.y == H - 2) {”
・247ｐの図、右。"37","39"の数字の位置が紛らわしい。（下半分、中央下を２等分した範囲を示しているのかと思った）
左右の灰色箇所の中央に、その数字を置いた方が良い。
そして、それ以前に、その数字がキーコードであることを明記したほうが親切。
■まとめ
粗は多いが、意欲作だったと思う。
ゲームのアルゴリズムも、今まで知らないものも知ることができ、良かった。
それと、Visual Studio Codeは、便利だった。これがなければ、ソースを手作業で打ち込もうとはしなかった。
Kindle 端末は必要ありません。無料 Kindle アプリのいずれかをダウンロードすると、スマートフォン、タブレットPCで Kindle 本をお読みいただけます。
-
Apple
-
Android
-
Windows Phone
-
Android
無料アプリを入手するには、Eメールアドレスを入力してください。
