FC2ブログ
14歳からはじめるHTML5 & JavaScriptわくわくゲームプログラミング教室 Windows/Macintosh対応
単行本(ソフトカバー) – 2011/6/24
大槻有一郎 (著)



14歳からはじめるHTML5 & JavaScriptわくわくゲームプログラミング教室 Windows/Macintosh対応
大槻有一郎 / ラトルズ (2011-06-24) / 2,462円 / 12 users
タグ IT:ALL(情報技術) PCソフト&ツール ゲーム ITのうちWeb関連 @図書館 *実習
カテゴリ:本・雑誌 本・雑誌 / コンピュータ・IT
更新日:2015年10月28日 17時45分54秒 2015/10/28
読了: 2015年08月19日
 → プログラミング実習


HTML、CSS、JavaScriptの本です。なにか新しいことをやってみたいと読み始めました。
まずは基本(従来のHTML)から、すごく丁寧に書かれています。
その辺は、ほとんど知っているけれど、きっちり読み進みましょう。

次に、HTML5について、どんなことができるか調べます。
 → HTML5 のデモ | Demo Studio | MDN - Mozilla Developer ...
 → HTML5が引き寄せる近未来を、9つの「○○ウェブ」で理解する。

本書でおすすめの Javascriptのレファレンス
 →  MDN(オープン Web に関する共有知) → 開発者向けのWeb技術 → JavaScript

    ~ ~ ~ ~ ☆ ~ ~ ~ ~ ☆ ~ ~ ~ ~

実習にあたって、使いやすいテキストエディタ を検討しましょう。

本書で紹介されているのは、「mi」(Mac用、Windows用もあると書かれているが?)
以前使っていたのは、テラパッド(Tera Pad)、今使っているのは、UnEditor
世の中には、もっと便利なフリーソフトがあるかもしれないので、
HTML5(HTML)、CSS、JavaScriptの初心者向きソフトを探します。
エディターもすごく進化しているんですね、驚き!
それほどの事はしないので、1つめ Crescent Eve を使ってみます。 

 Crescent Eve 2014.12.19 Version 0.94 <== インストールして活用。
 使っているうちに役不足で、Adobe Bracketsに乗り換え。


  入力支援機能付高機能エディタ (日本語)
  HTMLエディタでありながら、CSS、Javascriptなどの入力補完機能も備えられています。
  参考 入力補助が秀逸なHTMLエディタ「Crescent Eve」
     タグ打ちでブログ書くならコレ!HTMLエディタ「Crescent Eve」

・ Adobe Brackets (英語)
  参考 HTMLやCSSを書き慣れていない人にオススメ、無料のテキストエディタ「Brackets」 <== 2015/10/11 インストールして使い始める
     次世代のテキストエディタ、Bracketsが便利すぎて色々ヤバイ(Ver.1.3対応)

・ Atom
 参考 Atom がヤバイ!SublimeTextを余裕で凌駕してしまっていた件

・ SublimeText (英語) 有料だが、期間・機能無制限で無料の評価利用ができる。
  文字コードはUTF-8のみ対応(ConvertToUTF8パッケージのインストールで、EUCやShift-JISといったエンコードに対応)。
  参考 Sublime Text入門 - Build Insider

  参考  SublimeText と atom と Bracketsの比較

    ~ ~ ~ ~ ☆ ~ ~ ~ ~ ☆ ~ ~ ~ ~
以上の準備の後、実習スタート。
第1章から第5章まで、全てコードをタイプして、そのとおりにやってみました。
タイピングミス以外 問題なし (^^ゞ 順調です。

 第4章 シルクハット並べゲームを作ろう ― JavaScriptでHTML要素を動かす
 第5章 バグ消しパズルを作ろう ― Canvasを使ったゲーム作成


本書のサポートページから、サンプルファイルを利用できたのがすごくよかった。
完成したゲームがどう動くかわかるので、安心して実習できます。
(他の本にサンプルがなくわかりにくかったことで、この本の良さを実感)

第6章は、AJAXとXAMPPを使って、パソコンをWebサーバーにする方法が、わかりやすく解説されています。
でも、これは今すぐ必要ないので、保留。

一応実習終了です。ってサンプルゲームで遊ぶの、楽しい!

2015/07/08 予約 7/14 借りて読み始めながら実習始める。 読み終わる。
 


内容と目次・著者は → [more]

14歳からはじめるHTML5 & JavaScriptわくわくゲームプログラミング教室
Windows/Macintosh 対応

内容 :
HTML5とJavaScriptを使ったパズルゲームや紙芝居風アドベンチャーゲームの作り方を解説。
HTMLやCSSの書き方、5種類のパソコン用Webブラウザとスマートフォンで動作確認をする方法も紹介。

 新しいWebページの潮流「HTML5」「CSS3」と、Webプログラミングのスタンダードである「JavaScript」を利用して、Webページで楽しめるゲーム作りに挑戦!
 Web上のゲームというと従来はFlashを利用したものが一般的でしたが、
HTML5の技術を活用すれば、Flashに負けない派手で高機能なWebアプリケーションを作れ、しかも開発環境はテキストファイルでOK!
 また従来のWebプログラミングの解説書はJavaScriptの解説に終始しがちですが、
本書はプログラミング初心者だけでなく、Webページ制作の初心者にも対応し、HTMLやCSSの書き方の基礎知識から習得できるようになっています。
「HTMLがまったくわからない」という初心者でも、ゲームを作って世界中の人々に遊んでもらうことができるのです!
従来のシリーズ同様に楽しいイラストをふんだんに交え、専門用語には読み方を付けるなど、あらゆる人々がゼロから始めるのに最適な書籍です!

目次 :
第1章 HTML5でプログラムを作る準備をしよう ― 開発に必要なソフトの用意
第2章 まずはキホンからはじめてみよう ― HTML5とJavascriptの基礎
第3章 ゲームの画面を作ってみよう ― HTML5とCSS3
第4章 シルクハット並べゲームを作ろう ― JavaScriptでHTML要素を動かす
第5章 バグ消しパズルを作ろう ― Canvasを使ったゲーム作成
第6章 アドベンチャーゲームを作ろう ― AJAXとCSSアニメーション

著者 : 大槻有一郎
株式会社リブロワークス取締役。山形生まれの千葉育ち。
某地方大農学部中退後、とにかくパソコンを使う仕事を求めて、印刷会社→パソコン書出版社に就職。
計9年ほどまじめなサラリーマン生活を送り、フリーライターを経て現在に至る。
主な著書に『13歳からはじめる ゼロからのC言語ゲームプログラミング教室 入門編』『同 初級編』『同 中級編』
『14歳からはじめるC言語わくわくゲームプログラミング教室 Visual Studio 2010編』(ラトルズ)、『はじめてのPowerPoint 2010基礎編』(秀和システム)、『これから始めるクラウド入門 2010年度版』(講談社ブルーバックス)など。
関連記事

タグ : IT:ALL(情報技術) PCソフト&ツール ゲーム ITのうちWeb関連 @図書館 *実習 プログラミング実習 mediamarker

コメント
この記事へのコメント
コメントを投稿
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可