ゲームで学ぶJavaScript入門 HTML5&CSSも身に付く!

ゲームで学ぶJavaScript入門 HTML5&CSSも身に付く!の詳細

（初版第４刷 時点）■【良点】・本当にゲームのソースコードが全て載っていた。ここまでコード量を抑えられてしまうJavaScriptに、驚きと素晴らしさを感じた。・JavaScriptをメインにしつつも、HTMLとCSSも教え込み、ゲームプログラミングも10点以上詰め込み、それを330pほどの書物にまとめ上げたこと。・ソースコードは、基本的には分かりやすくなっている点。■【悪点】説明不足や、説明の順序の悪さが見られる。初心者に対し、噛み砕いて説明しようという工夫が見られる一方、説明もなしに新要素を用いる点もあり、ちぐはぐ。なおかつ、その噛み砕いた説明、例を用いた説明さえ、まだ今ひとつ。どこか、やっつけ仕事的な精神も感じてしまった。それは、紙面が足りないから説明の質が落ちた、ということでもない。初出要素の説明を、注釈や、コード中のコメント等で、言及したりなど、方法はあったはず。（”何々の説明は何ページで説明”などの一文だけでも、ないよりマシだった）（関数オブジェクトについて、今まで普通に使っていたのに、後のページになって、初出要素のように説明し始める、など違和感があった）なにより、能力がもっとあれば、同じ文量で、簡潔かつ、より分かりやすい説明ができたように思う。＊タイトルおよび表紙からして、「JavaScriptの入門書」であり、「初心者向け」であることもアピールされている。だが、「プログラミング経験が皆無」な読者が読める水準の説明には、到っていない。（そこまで分かりやすい説明の腕前には、もう一歩及ばず、と感じた。「なるほど！上手い説明だ！」とまで感じる部分はなかった）とはいえ、「すでに他言語に触れている読者」ならば、伝わる説明かもしれない。（というより、すでに理解しているから、流し読みしているだけかもしれない。初心者目線になって、気をつけて読んでみると……「知識ゼロで読むと、伝わらない説明なのでは？」と感じる点もあり。もしかしたら駆け足の説明になってしまっているのかも）まだまだ改良を加える余地は、ありそうな書物だと思うし、そうすれば名著と感じるものにもなったろうと思う。つまり、もったいない。＊（これは本書ではなく「インプレス」出版サイトに対してだが）誤字報告の仕方が煩雑・面倒。単に、誤字報告しようと思っても、問い合わせフォームしかなく、なおかつ、要件以外の必須項目が多すぎる！（氏名・電話番号・メールアドレス・署名・ページ等々。結局面倒臭くて、やめた。だから、見つけた誤字・誤記は、このレビューに付け足した）簡便な誤字報告フォームを用意するか、すでにあるならば分かりやすいようにしていただきたい。あるいは、誤字報告が不要であったり、誤字はそのままにする方針ならば、そのように書いていただきたい。＊・131ｐ：クラスという用語を説明なく用いた点。（CSSでのクラスセレクタならば49ｐで言及しているが、別物だ）・26ｐ，他、この本の全編に渡って見られる、いまいちポイント：空要素の書き方を「<要素名 />」としているが、調べてみると、そちらは厳密にはHTMLよりもXHTMLの書き方らしい。なので、HTMLならば「/>」はいらないように思う。本書ではを記述していることから、XHTMLではなくHTML5であるので、初学者には"/>"より">"で教えるほうが望ましい。本書は入門者に向けた本。すなわち、お手本となるので、そのあたり、キッチリしていただきたいと感じた。■【他】・「演習」は、内容が明確・具体的なものとそうではないものを、分けたほうが良いかもしれない。明確な答えを求める練習問題は「演習」、明確な答えのない自発的なものは「チャレンジ」のように。・サンプルゲームは、ブラウザ上で実行できるはずだが、なぜダウンロード専用にしたのだろう。サイトにサンプルゲームを載せることで、未購入の読者にも、「わぁ、すごい」と伝わるアピールになりそうだが。（ソースコードのＤＬは難しい様子なので、自分で入力することにした）・261ｐ、FunkyBlocksにて。ソースコードを入力したが、正常動作しなかった。ゲーム画面は表示されるが、操作に対して、無反応。クリックおよびドラッグ等しても、mymousemove()自体、呼ばれていないようだ。残り時間画像が用意できず、テキスト表示に置き換えたりと、コードを一部いじっているため、その影響もあるかもしれない。ソースコードの打ち間違いがあるかもしれないが、mymousemove()付近（およびgo()での登録処理部分）を注意深く見た限りでは、特に違いは見られない。・物理エンジンのコードを入力し、次にデモも手作業で入力した。が……、矩形と線が表示されるだけで、円は何も表示されない。おまけに、何のエラーも出ず。良く分からない。そこで飽きてしまう。ビリヤード以降の、ソースコード入力は、諦めることにした。248ｐ（の疑似３Ｄゲーム）までは、入力し、若干の修正を施しつつ、問題なく動作することを確認できたのだが……■【誤記】・23p：”「<」と「/>」に囲まれたのが終了の印です”↓”「」に囲まれたのが終了の印です”・42p の図にて。""タグとなっているが、""タグがふさわしいと思う。同ページ記載のソースと矛盾がなくなる。・168-169ｐ：疑わしい点。”getElementById("video")”とあるが、idタグはどこに？それとも、これで
タグ自体が選択されるのだろうか？そうであるなら、コード中コメントでも良いから、注釈を入れてほしかった。・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は、便利だった。これがなければ、ソースを手作業で打ち込もうとはしなかった。