Share this course

Get up to 20% revenue for each qualifying new purchase you refer.
Let's create your account!
Top Programming JavaScriptで作るリバーシゲーム!ブラウザで動くゲーム開発講座
PRO COURSE

JavaScriptで作るリバーシゲーム!ブラウザで動くゲーム開発講座

JavaScriptで低レベルの処理からプログラムを積み上げていき、思考アルゴリズムまで入った、リバーシゲームを作ります。JSでゲーム開発をやってみましょう!

ツールを使わず基礎から
JavaScriptでリバーシゲームを作りましょう!

このコースでは、JavaScriptで低レベルの処理からプログラムを積み上げていき、思考アルゴリズムまで入った、リバーシゲームを作ります。その過程とコードを、すべて解説します。


JavaScriptでリバーシゲームを作って何ができる?

  • ブラウザで動くリバーシゲームを、JavaScriptで1から組み立てられるようになる。
  • そのために必要な処理や、プログラムの積み上げが、できるようになる。
  • プロセス間通信や、メニュー、ショートカットなど、Electronの機能を使いこなせるようになる。
  • Webページのキャプチャ、PDF化、画像をまとめてDLなど、各種処理ができるようになる。

このコースで学ぶこと

このコースでは、Web開発の知識を利用して、JavaScriptとHTMLでGUIのローカルアプリケーションを作成する方法を学びます。

Windows環境に、Node.js、Electronの導入を行ない、メニューや文字コード変換機能を備えたテキストエディタや、特殊機能を複数持ったWebブラウザを、実際に作っていきます。

コースで紹介されるコードは、サンプルコードとして、全てダウンロードすることができます。

コースの構成
第1章 イントロダクション
  • 開発環境の準備
基本処理を作る
  • キャンバスの初期化
  • 基礎的な共通処理
  • リソースの読み込みと管理
  • アニメーションの管理
  • UIの管理
リバーシの描画を作る
  • 画面を作る描画
  • 背景の描画
  • 盤面の描画
  • 石の描画
  • スコアの描画
  • 手番プレイヤーの描画
  • その他の処理
  • 描画キャッシュの作成
  • エフェクト
  • 盤面クリック
ゲームを創る
  • ゲームの初期化
  • リバーシゲームのシステム
  • ゲームの進行
  • COMの思考

こんな方におすすめ

  • JavaScriptで、1からゲームを作ってみたい人
  • ブラウザで動くゲームを、基礎から作ってみたい人

受講に際して必要なもの

  • 事前の準備は特に必要ありません。
  • 「Google Chrome」と「Atom」エディタで、開発を進めていきます。それらの導入の仕方も解説しています。
  • JavaScriptとjQueryの基礎的な知識は、持っていた方がよいです。

JavaScriptを利用すれば、ブラウザで動くゲームやツールを開発できます。ゲームの開発を通して、JavaScriptを高度に使いこなす技術を学んでください。

About the instructor

柳井 政和
クロノス・クラウン合同会社 代表社員

2002年にクロノス・クラウン合同会社を設立。代表社員。ゲームやアプリケーションの開発、書籍や記事の執筆を行う。

秀和システムより「マンガでわかるJavaScript」「マンガでわかるAndroidプログラミング」「マンガでわかるJavaプログラミング」他、技術評論社より「JavaScript 仕事の現場でサッと使える! デザイン教科書」「プログラマのためのコードパズル」を出版。

2001年度のオンラインソフトウェア大賞に「めもりーくりーなー」で入賞。

2016年に第23回松本清張賞の最終候補となり、文藝春秋より「裏切りのプログラム」で小説家デビュー。

See more

Course content

Total
Preview You can preview lectures with this label
Loading

Ratings and reviews

5.0
1 reviews
5 stars
100%
4 stars
0%
3 stars
0%
2 stars
0%
1 stars
0%

Related Courses

6時間でマスター!! jQueryで動きのあるWebサイトを作ろう
PRO COURSE

6時間でマスター!! jQueryで動きのあるWebサイトを作ろう

5h 59m Video Course
Instructor: ムラモリ コウ
2
$69.98
誰でもわかる!! JavaScript 初心者向け入門講座
PRO COURSE

誰でもわかる!! JavaScript 初心者向け入門講座

3h 58m Video Course
Instructor: Asakura Yuma
1
$25.99
誰でもわかる!JavaScript & jQuery基礎
PRO COURSE

誰でもわかる!JavaScript & jQuery基礎

10h 47m Video Course
Instructor: 荒川 栄一郎
$187.99
3日間でマスターする Ruby on Rails講座
PRO COURSE

3日間でマスターする Ruby on Rails講座

5h 9m Video Course
Instructor: 井上 博樹
71
$96.99
How to Become a Top Skilled Web Developer
PRO COURSE

How to Become a Top Skilled Web Developer

23h 5m Video Course
Instructor: Masaaki Hatano
$119.99
JavaScriptを極める33時間セット講座!超入門からNode.js, Electronまで
SET COURSE

JavaScriptを極める33時間セット講座!超入門からNode.js, Electronまで

5 Courses Included
Instructor: 柳井 政和
7
$17.98/mo
フロントエンドエンジニアになりたい人のHTML/CSS/JavaScript入門講座
PRO COURSE

フロントエンドエンジニアになりたい人のHTML/CSS/JavaScript入門講座

10h 26m Video Course
Instructor: たにぐち まこと
31
$199.99
Adobe系スキルからプログラミングまで Web制作必要スキルセット講座
SET COURSE

Adobe系スキルからプログラミングまで Web制作必要スキルセット講座

8 Courses Included
Instructor: ムラモリ コウ
27
$8.99/mo
速習+詳細+実例 jQuery講座
PRO COURSE

速習+詳細+実例 jQuery講座

9h 3m Video Course
Instructor: 柳井 政和
$89.99
実例でわかる JavaScript 初心者講座
PRO COURSE

実例でわかる JavaScript 初心者講座

8h 36m Video Course
Instructor: 柳井 政和
6
$99.99
Electronでつくるローカルアプリ開発講座 for Windows
PRO COURSE

Electronでつくるローカルアプリ開発講座 for Windows

3h 20m Video Course
Instructor: 柳井 政和
$89.99
【新版】世界で10万人が受講!未経験からWebプログラマーになるための全て
PRO COURSE

【新版】世界で10万人が受講!未経験からWebプログラマーになるための全て

23h 14m Video Course
Instructor: Hatano Masaaki
204
$174.00