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

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

2,640円(本体 2,400円+税10%)

品種名
書籍
発売日
2015/12/11
ページ数
328
サイズ
B5変形判
著者
田中 賢一郎 著
ISBN
9784844339786

「JavaScriptでココまでできる!」ラクラク学べるゲームプログラミング入門書の決定版!

「JavaScriptでココまでできる!」中学生、高校生のための、ゲームプログラミング入門書の決定版!JavaScriptを使用したWebブラウザゲームの製作ノウハウを解説する入門書です。Webページをまったく作ったことはないが、現在主流となっているブラウザゲームに興味があり、「自分でもゲームプログラミングに挑戦してみたい!」と考えている初心者、とくに中・高校生に最適です。本書では「より面白く」「見栄え良く」をモットーに、13本のサンプルゲームを紹介しています。ゲームを作りながら、JavaScriptだけでなくHTML5やCSSといったWeb技術の基本もしっかり学習できます。

「読者アンケートに答える」「読者プレゼントに応募」の場合もこちらをご利用ください。

アンケートに答える

書籍の内容に関するお問い合わせはこちら。お答えできるのは本書に記載の内容に関することに限ります。

学校・法人一括購入に関するお問い合わせはこちらへ。

一括購入窓口

詳細

サンプルプログラムのダウンロードについて

本書で解説したサンプルプログラムは、本ページの下部の「特典を利用する」よりご利用いただけます
※ 本サービスのご利用にはCLUB IMPRESSへの会員登録(無料)が必要です

本書の特長

JavaScriptを使用したWebブラウザゲームの製作ノウハウを解説する入門書です。
Webページをまったく作ったことはないが、現在主流となっているブラウザゲームに興味があり、
「自分でもゲームプログラミングに挑戦してみたい!」と考えている初心者に最適です。

本書では「より面白く」「見栄え良く」をモットーに、11本のサンプルゲームを紹介しています。
ゲームを作りながら、JavaScriptだけでなくHTML5やCSSといったWeb技術の基本もしっかり学習できます。

また、あくまで「学習書」という位置付けであることから、最後まで読んでしっかり学習してもらうために、
「楽しさ」を感じられて「飽きさせない」ことを重視した構成になっています。

【本書のセールスポイント】
[1]JavaScriptで「面白く」「見栄えの良い」Webブラウザゲームを「短いコード」で「簡単に」開発できる
[2]サンプルゲームはスマホにも対応
[3]アクション系ゲームにも応用できる物理エンジン(衝突判定等)付き
[4]サンプルゲームのダウンロードサービス
[5]サンプルゲームはダウンロードしてスグに試せる!

著者プロフィール

田中賢一郎(たなかけんいちろう)

1994年慶應義塾大学大学院理工学部修了。同年キヤノン株式会社に入社。2000年にデジタル放送立ち上げの会社に出向。その間に一人でデータ放送ブラウザを実装し、マイクロソフトへソースライセンスする。
2008年より Windows Media Center TVチームの開発者としてマイクロソフト ディベロップメント株式会社へ。
その後、Windows 開発部、Xbox、Office 365と漂流し、2015 年10月、中小企業診断士の登録を機にマイクロソフトを退社。現在はIT 教育関連のキャリアを模索中。
趣味はジャズピアノ演奏。宮澤隆氏に師事。週末は横浜界隈のジャムセッションに出没。

ページイメージ

クリックすると大きい画像でご覧いただけます

目次

Chapter 01 本書でつくるサンプルゲーム
Chapter 02 HTML+CSSの基本
2-1 文書の構造
2-2 最初のHTML
2-3 HTMLの書き方の規則
2-4 HTMLの主な要素
2-5 統合開発環境のすすめ
2-6 CSSの概要
2-7 CSSの書き方
2-8 ページのレイアウト
Chapter 03 JavaScriptの基本
3-1 プログラミング言語JavaScript
3-2 変数と演算
3-3 比較と条件式
3-4 配列と繰り返し
3-5 関数
3-6 プログラムのバグをとる作業デバッグ
3-7 オブジェクト
3-8 組み込みオブジェクト
3-9 プロトタイプ
3-10 イベント
3-11 関数オブジェクト
Chapter 04 Canvasの基本
4-1 canvas要素で図形を描く
4-2 さまざまな図形の描画
4-3 座標系の設定
Chapter 05 実践ゲームプログラミング
5-1 15 Puzzle
5-2 FlipCards
5-3 CarryIT
5-4 Reversible Pieces
5-5 Dungeon
5-6 Saturn Voyager
5-7 Funky Blocks
Chapter 06 物理エンジンを使ったゲーム
6-1 物理エンジンとは
6-2 物理エンジンを使ったゲーム例

関連書籍

近日発売

スッキリわかるPythonによる機械学習入門 第2版

機械学習入門の決定版! 楽しく深く身に付く

好評発売中

スッキリわかるC言語入門 第3版

C23対応! 難しさを感じさせない定番入門書

特典

本製品にはご購読の読者様がご利用できる「特典」サービスがついています。お手元に本製品を用意し、「特典を利用する」ボタンから画面の指示に従ってお進みください。

特典を利用する

ダウンロード

本製品の読者さまを対象としたダウンロード情報はありません。

お詫びと訂正

誤記のためにご迷惑をおかけし、誠に申し訳ございません。

  • 83ページ 3-4-1 配列の使い方のソースコード
    • [誤]
      var scoreA = 50, scoreB = 70, scoreC = 37, scoreD = 90, scoreF = 67;
    • [正]
      var scoreA = 50, scoreB = 70, scoreC = 37, scoreD = 90, scoreE = 67;
  • 105ページ ブラウザ表示例
    • [誤]
      画面上に[書く][長さチェック]の2つのボタンが表示されている
    • [正]
      画面上には[書く]ボタンのみ表示される
  • 156ページ ページ一番上のサンプルコード
    • [誤]
      var data = [1,6,3,4,3,2,6,8,5,9,0];
      var total = 0;
      for (var i = 0 ; i < data.length ; i ++){
      total += v;
      }
    • [正]
      var data = [1,6,3,4,3,2,6,8,5,9,0];
      var total = 0;
      for (var i = 0 ; i < data.length ; i ++){
      var v = data[i];
      total += v;
      }
  • 233ページ 5-5 Dungeonのソースコード上から7、11行目
    • [誤]
      this.dir = (this.dx == 37) ? 2 : 3;
      this.dir = (this.dy == 38) ? 0 : 1;
    • [正]
      this.dir = (this.dx == -1) ? 2 : 3;
      this.dir = (this.dy == -1) ? 0 : 1;

お問い合わせ

書籍の内容に関するお問い合わせはこちら。お答えできるのは本書に記載の内容に関することに限ります。

お問い合わせフォーム