- トップページ
- プログラミング
- JavaScript・Ruby
- ゲームで学ぶJavaScript入門 増補改訂版~ブラウザゲームづくりでHTML&CSSも身につく!
ゲームで学ぶJavaScript入門 増補改訂版~ブラウザゲームづくりでHTML&CSSも身につく!
2,640円(本体 2,400円+税10%)
- 品種名
- 書籍
- 発売日
- 2022/12/20
- ページ数
- 336
- サイズ
- B5変形判
- 著者
- 田中 賢一郎 著
- ISBN
- 9784295015680
Web技術&ゲームプログラミングを学ぼう!
JavaScriptでココまでできる!――つくりながら学べるWeb技術&ゲームプログラミング入門書。JavaScriptを使用したブラウザゲームの作り方を解説します。13本のゲームをつくりながら、JavaScriptだけでなくHTML/CSSなどのWeb技術の基本的な使い方とブラウザゲーム制作ノウハウをしっかり学習できます。「これからプログラミングを始めてみたい」「HTMLやJavaScriptを使ってゲームをつくってみたい」といった初心者に最適の一冊です。
- 電子版を買う
-
「読者アンケートに答える」「読者プレゼントに応募」の場合もこちらをご利用ください。
書籍の内容に関するお問い合わせはこちら。お答えできるのは本書に記載の内容に関することに限ります。
学校・法人一括購入に関するお問い合わせはこちらへ。
詳細
著者紹介
田中賢一郎(たなか けんいちろう)
慶應義塾大学理工学部修了。キヤノン株式会社でデジタル放送局の起ち上げに従事。単独でデータ放送ブラウザを実装し、マイクロソフト(U.S.)へソースライセンス。Media Center TVチームの開発者としてマイクロソフトへ。
Windows、Xbox、Office 365の開発/マネージ/サポートに携わる。2016 年に中⼩企業診断士登録後、2017年にプログラミングスクール「Future Coders」を設立。
2017年からキヤノン電⼦株式会社顧問、2022年からGrowth Kineticsビジネスアナリストを兼務。
著書は『ゲームを作りながら楽しく学べるPythonプログラミング』(インプレスR&D)など多数。趣味はジャズピアノ/ベース演奏。
目次
免責事項/動作環境/サンプルダウンロードについて
はじめに
本書でつくるサンプルゲーム
Chapter 1 HTML+CSSの基本
1-1 HTML/CSS/JavaScriptの関係
1-2 文書の構造
1-3 最初のHTML
1-4 HTMLの書き方の規則
1-5 HTMLの主な要素
1-6 統合開発環境のすすめ
1-7 CSSの概要
1-8 CSSの書き方
1-9 ページのレイアウト
Chapter 2 JavaScriptの基本
2-1 プログラミング言語JavaScript
2-2 変数と演算
2-3 比較と条件式
2-4 配列と繰り返し
2-5 関数
2-6 プログラムのバグをとる作業デバッグ
2-7 オブジェクト
2-8 組み込みオブジェクト
2-9 プロトタイプ
2-10 イベント
2-11 関数オブジェクト
Chapter 3 Canvasの基本
3-1 <canvas>要素で図形を描く
3-2 さまざまな図形の描画
3-3 座標系の設定
Chapter 4 [実践]ゲームプログラミング
4-1 スライドパズル(15puzzle)
4-2 神経衰弱(FlipCards)
4-3 荷物を運ぼう(CarryIt)
4-4 リバーシ(ReversiblePiece)
4-5 タマゴを大事に(EggCatch)
4-6 ダンジョン(Dungeon)
4-7 宇宙船サターンボイジャー(SaturnVoyager)
4-8 ファンキーブロック(FunkyBlocks)
4-9 食べ尽くせ!(Chase)
4-10 超難度・忍者ジャンパー(Jumper)
4-11 インベーダーを撃ち落とせ!(Shooting)
Chapter 5 物理エンジンを使ったゲーム
5-1 物理エンジンとは
5-2 物理エンジンの利用例
5-3 ビリヤード(Billiard)
5-4 ベジタブルマーチ(VegetableMarch)
関連書籍
ダウンロード
-
サンプルプログラムは以下よりダウンロードしてご利用ください。
お詫びと訂正
誤記のためにご迷惑をおかけし、誠に申し訳ございません。
- 17ページ デザインの重要性について
- [誤]
見出し【ベジタブルマーチ原型】【ファンキーブロック原型】が逆になっています。 - [正]
正しくは、上の画像が【ファンキーブロック原型】、下の画像が【ベジタブルマーチ原型】です。 -
- 【 第4刷にて修正 】
- [誤]
- 277ページ 21行目
- [誤]
dots.push(new Dot(Math.random() * 600, Math.random() * 600, 10)); - [正]
dots.push(new Dot()); -
- [誤]
- 279ページ 図「cos()関数/sin()関数/atan2()関数」の左側
- [誤]
グラフ横軸がy軸と表記されている - [正]
グラフ横軸はx軸が正 -
- [誤]
お問い合わせ
書籍の内容に関するお問い合わせはこちら。お答えできるのは本書に記載の内容に関することに限ります。