Share this course

Get up to 20% revenue for each qualifying new purchase you refer.
Let's create your account!

Edit Your Review

Describe your thoughts and experience with this course.
Cancel
Complete

Your Review

Delete
Edit

Review This Course

Describe your thoughts and experience with this course.
Exit
Complete

Review This Course

Post a review
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

誰でもわかる!HTML & CSS基礎
PRO COURSE

誰でもわかる!HTML & CSS基礎

10h 15m Video Course
Instructor: 荒川 栄一郎
1
$187.99
顧客視点でスラスラ書ける戦略的セールスコピーライティング講座【基礎編】
PRO COURSE

顧客視点でスラスラ書ける戦略的セールスコピーライティング講座【基礎編】

4h 31m Video Course
Instructor: 酒井 謙光
4
$132.99
超実践Excel講座 - 仕事を3倍速で終わらせるテクニック
PRO COURSE

超実践Excel講座 - 仕事を3倍速で終わらせるテクニック

4h 3m Video Course
Instructor: Masaaki Hatano
242
$85.99
VBA実践塾オンライン講座 システム開発コース 応用5コースセット版
PRO COURSE

VBA実践塾オンライン講座 システム開発コース 応用5コースセット版

7h 21m Video Course
Instructor: 浅井 良一
23
$132.99
5日でできる はじめてのLinux入門 LPIC (Level 1対応)
PRO COURSE

5日でできる はじめてのLinux入門 LPIC (Level 1対応)

6h 2m Video Course
Instructor: 井上 博樹
21
$96.99
基本を徹底的に磨けるセールスマナー入門講座
PRO COURSE

基本を徹底的に磨けるセールスマナー入門講座

2h 53m Video Course
Instructor: 荻野 純子
5
$87.99
誰でもわかる!データベース基礎
PRO COURSE

誰でもわかる!データベース基礎

2h 53m Video Course
Instructor: 荒川 栄一郎
$107.99
現役エンジニアが教える、はじめてのiOS 10アプリ開発入門
PRO COURSE

現役エンジニアが教える、はじめてのiOS 10アプリ開発入門

3h 28m Video Course
Instructor: 井上 博樹
34
$96.99
Node.jsとNW.jsで作るJavaScript ローカルアプリ開発講座
PRO COURSE

Node.jsとNW.jsで作るJavaScript ローカルアプリ開発講座

5h 22m Video Course
Instructor: 柳井 政和
$89.99
Blender実践基礎講座
PRO COURSE

Blender実践基礎講座

3h 33m Video Course
Instructor: 浅井 良一
2
$95.99
速習+詳細+実例 jQuery講座
PRO COURSE

速習+詳細+実例 jQuery講座

9h 4m Video Course
Instructor: 柳井 政和
$89.99
飛び出す!動く!はじめてのARコンテンツ制作講座
PRO COURSE

飛び出す!動く!はじめてのARコンテンツ制作講座

1h 56m Video Course
Instructor: 浅井 良一
6
$96.99

Recent Viewed PRO COURSE

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

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

5 Courses Included
Instructor: 柳井 政和
7
$17.99/mo
知識ゼロからできる!はじめてのC#速習講座
PRO COURSE

知識ゼロからできる!はじめてのC#速習講座

1h 28m Video Course
Instructor: 浅井 良一
16
$53.99
動画で学ぶ!TCP/IPプロトコルを理解しよう
PRO COURSE

動画で学ぶ!TCP/IPプロトコルを理解しよう

2h 51m Video Course
Instructor: Attain Corp.
2
$87.99
はじめてのアジャイル開発
PRO COURSE

はじめてのアジャイル開発

35m Video Course
Instructor: 大谷 更生
$20.81
Android App Development: Create a Spotify Clone
PRO COURSE

Android App Development: Create a Spotify Clone

5h 43m Video Course
Instructor: Grant Klimaytys
$19.99
ゼロからやさしくはじめるPython入門【どこプロ by EDGE】
PRO COURSE

ゼロからやさしくはじめるPython入門【どこプロ by EDGE】

プログラミング学習ソフト
Instructor: イ・ソフト株式会社
$50.99
相続手続き実務講座 - 4,000件の実務経験から得たノウハウ
PRO COURSE

相続手続き実務講座 - 4,000件の実務経験から得たノウハウ

2h 7m Video Course
Instructor: 米田 貴虎
1
$35.99
Ruby on Railsでプログラミングの知識ゼロから写真投稿アプリを作る!
PRO COURSE

Ruby on Railsでプログラミングの知識ゼロから写真投稿アプリを作る!

3h 32m Video Course
Instructor: sayacat
34
$44.99
Excel 2016 超入門 - ゼロからはじめるExcel講座
PRO COURSE

Excel 2016 超入門 - ゼロからはじめるExcel講座

22m Video Course
Instructor: 渋谷 玲子 & 株式会社ビジネスITアカデミー
$44.99
情報を整理する合理的思考【2】ロジックツリーの上手な作り方
PRO COURSE

情報を整理する合理的思考【2】ロジックツリーの上手な作り方

35m Video Course
Instructor: 高島 徹
2
$53.99
初めてでも失敗しないプロジェクトの進め方 - 実施編
PRO COURSE

初めてでも失敗しないプロジェクトの進め方 - 実施編

28m Video Course
Instructor: 大谷 更生
$23.99
【Excel 2021】Excel関数超入門
PRO COURSE

【Excel 2021】Excel関数超入門

18m Video Course
Instructor: 渋谷 玲子 & 株式会社ビジネスITアカデミー
$34.92