この商品をご覧のお客様は、こんな商品もチェックしています。
- できるゼロからはじめるワード&エクセル超入門 最新版
-
価格:1,518円(本体1,380円+税)
【2022年07月発売】
- Pythonで動かして学ぶ自然言語処理入門
-
価格:3,520円(本体3,200円+税)
【2019年01月発売】
- 保育者・小学校教諭を目指す学生のための ワークで学ぶ 教育原理
-
価格:2,640円(本体2,400円+税)
【2025年03月発売】
[BOOKデータベースより]
Webブラウザーで遊べる!自由にシェアできる!LEVEL1.作りたいものを日本語で説明できる。LEVEL2.コンピュータへの命令へ置き換える。LEVEL3.Webプログラミングの基本を身につける。JavaScriptの基本(変数と値、関数、条件分岐、繰り返し処理、非同期処理)とWebブラウザーの仕様(DOM操作、イベント受け付け、canvasによる描画)をゲームで学ぶ。サンプルダウンロードサービス―カスタマイズして遊べる。
第1章 準備をしよう
[日販商品データベースより]第2章 プレイヤーや盤面や石などをプログラムで表現しよう(値)
第3章 画面を表示するキャンバスを作ろう
第4章 紙芝居のように画面を書き換えよう
第5章 画像を読み込んで描画しよう
第6章 リバーシの盤面を作ろう
第7章 スコアを表示しよう
第8章 アニメーションを管理しよう
第9章 クリック操作に対応させよう
第10章 リバーシの盤面を読み取ろう
第11章 石を置くルールをプログラムで表現しよう
第12章 リバーシの進行をプログラムで表現しよう
第13章 操作画面からリバーシのプログラムを呼びだそう
第14章 コンピューターに考えさせよう
第15章 音声を利用しよう
Webデザイナーではなく、プログラマーを目指す人のための、実践型JavaScript入門書。
「ふんわり動く画像」や「スッと消える文字」ではなく、ゲームやWebアプリケーションを作ってみたい人のための本です。
●何を作るの?
本書で作るのは、定番のボードゲーム「リバーシ」です。
・作った「リバーシ」はWebブラウザーで動かせます
・ちょっとしたアニメーションやBGM付きで楽しくプレイできます
・クレジットさえつければ、カスタマイズや、再配布を自由に行えます
●どんな人に向いているの?
・ふつうの入門書で体系的に学んだけど、何ができるのかいまいちわからない
・自分は新しいことを覚えるときは、理屈を覚えるより、体験した方が早い
・作りたいものがなくて、何をしたら良いか分からない
こんな人たちには、「リバーシ」がお勧めです。
慣れるまでには時間がかかるかもしれませんが、じっくりと取り組んでみてください。
●どんなことが学べるの?
リバーシの開発をとおして「JavaScriptの仕様」と「Webブラウザーの仕様」を学べます。
【JavaScriptの仕様】
変数と値
プリミティブ型
数値、文字列、真偽値
オブジェクト
配列、クラス
条件分岐
if文
関数
関数
引数、戻り値
ユーザー関数
function、アロー関数、this
コールバック関数
繰り返し処理
for文
while文
非同期処理
Promise
async/await
【Webブラウザーの仕様】
DOM操作
セレクター
要素選択
要素追加/削除
属性操作
スタイル操作
canvas
canvas
コンテクスト
設定、描画
イベント受付
イベントリスナー
DOM読み込み、クリック
各種リソース
画像
フォント
音声
●作った「リバーシ」の楽しみ方を教えて!
・盤面や、盤面に並べる石は、単純なSVG画像で、かんたんに差し替えることができます。
VTuberさんや、タレントさんが、セルフブランディング用にオリジナルのゲームを作って配布することができます。
・音楽鑑賞や楽曲作成が趣味の人であれば、BGMを変えることもかんたんです。
・盤面のかたちは「8×8の正方形」にこだわる必要はありません。カスタム形状の盤面を作って楽しむこともできます。
・深く考えることが得意な人は、コンピュータの思考ルーチンを強くしてみてください。