---
title: ゲーム開発
slug: Games
tags:
  - Apps
  - Game Development
  - Gamedev
  - Games
  - HTML5 Games
  - JavaScript Games
  - Web
translation_of: Games
---
<div>{{GamesSidebar}}</div>

<div class="summary">
<p><span class="seoSummary">コンピューターアクティビティの中でゲームはもっともポピュラーなものです。新技術が頻繁に登場し、標準的なウェブブラウザー上で動作するゲーム開発をより良くパワフルにしています。</span></p>
</div>

<div>{{EmbedGHLiveSample("web-tech-games/index.html", '100%', 820)}}</div>

<div class="topicpage-table">
<div class="section">
<h2 id="Develop_web_games" name="Develop_web_games">ウェブゲーム開発</h2>

<p>MDN ゲーム開発センターにようこそ! サイトのこのエリアではゲーム開発をしたいウェブ開発者のためのリソースを提供します。たくさんの役立つチュートリアルやテクニックの記事を左上のメインメニューから見つけられるでしょう、気軽に探索してみてください。</p>

<p>またゲーム開発に良く使われる API 情報の全部を簡単に探せるリファレンスセクションもあります。</p>

<div class="note"><strong>メモ:</strong> ウェブでゲームを作るには HTML, CSS, and JavaScript のようなコア技術を利用します。<a href="/ja/docs/Learn">学習エリア</a>は基本から始めるのに良い場所です。</div>
</div>

<div class="section">
<h2 id="Port_native_games_to_the_Web" name="Port_native_games_to_the_Web">ネイティブゲームをウェブに移植する</h2>

<p>あなたがネイティブ開発者 (例えば、C++ でゲームを書くような) で、あなたのゲームをウェブに移植する方法に興味がある場合、<a href="http://kripken.github.io/emscripten-site/index.html">Emscripten</a> ツール — これは LLVM から JavaScript へのコンパイラーで、LLVM バイトコード(例えば Clang を使って C/C++ から、あるいは他の言語から生成したもの) を受け取り、それを <a href="/ja/docs/Games/Tools/asm.js">asm.js</a> というウェブで実行できるものにコンパイルします。</p>

<p>開始するには、次のものを見てください:</p>

<ul>
 <li><a href="http://kripken.github.io/emscripten-site/docs/introducing_emscripten/about_emscripten.html">About Emscripten</a> は高いレベルからの詳細を含む入門です。</li>
 <li><a href="http://kripken.github.io/emscripten-site/docs/getting_started/downloads.html">Download and Install</a> はツールチェーンのインストール用です。</li>
 <li><a href="http://kripken.github.io/emscripten-site/docs/getting_started/Tutorial.html">Emscripten Tutorial</a> は開始する方法を教えてくれるチュートリアルです</li>
</ul>
</div>
</div>

<div class="topicpage-table">
<div class="section">
<h2 id="Examples" name="Examples">例</h2>

<p>ウェブゲームの作例のリストは、<a href="/ja/docs/Games/Examples">作例ページ</a>を見てください。さらなるリソースは <a href="https://games.mozilla.org/">games.mozilla.org</a> もチェックしてください！</p>
</div>
</div>

<h2 id="See_also" name="See_also">関連情報</h2>

<div class="topicpage-table">
<div class="section">
<dl>
 <dt><a href="http://buildnewgames.com/">新しいゲームを作る</a></dt>
 <dd>ゲーム開発に関するチュートリアルが数多く掲載されているサイトです。最近の更新はありませんが、現在も有益な情報が多く掲載されています。</dd>
 <dt><a href="http://creativejs.com/">Creative JS</a></dt>
 <dd>JavaScript のテクニックと実験のまとめです。ゲームに特化しているわけではありませんが、ゲームでも有用な情報がまとまっています。最近の更新はありませんが、それでも有用な情報がまだあります。</dd>
 <dt><a href="http://gameprogrammingpatterns.com/">ゲームプログラミングパターン</a></dt>
 <dd>Bob Nystrom によって書かれたオンライン書籍で、ゲーム開発におけいるプログラミングパターンを解説しています。解説されているパターンを利用することで、より効果的なコードを効率的に作成できるようになります。</dd>
 <dt><a href="http://gamedevjsweekly.com/">週刊Gamedev.js</a></dt>
 <dd>HTML5 ゲーム開発に関するニュースレターで、毎週金曜日に発行されます。最新記事や、チュートリアル、ツール、その他の情報が紹介されています。</dd>
 <dt><a href="http://www.html5gamedevs.com/">HTML5 ゲームの開発フォーラム</a></dt>
 <dd>開発者、フレームワーク作成者、ゲーム配信者のためのフォーラムです。こちらでは質問やフィードバック、他の人の質問への回答ができます。</dd>
</dl>
</div>

<div class="section">
<dl>
 <dt><a href="http://html5gameengine.com/">HTML5 ゲームエンジン</a></dt>
 <dd>もっとも有名な HTML5 ゲームフレームワークをレーティングや、機能解説、実例付きで紹介するリストです。</dd>
 <dt><a href="http://www.jsbreakouts.org/">JSBreakouts</a></dt>
 <dd>さまざまな JavaScript フレームワークで作成されたブロック崩しがまとまっています。ここでは、それぞれのフレームワークをを比較できます。</dd>
 <dt><a href="http://gamedevelopment.tutsplus.com/">Tuts+ Game Development</a></dt>
 <dd>一般的なゲーム開発に関するチュートリアルと、解説記事です。</dd>
 <dt><a href="http://html5devstarter.enclavegames.com/">HTML5 Gamedev Starter</a></dt>
 <dd>ゲーム開発初心者のためのサイトです。ウェブ上の有益な情報がまとまっています。</dd>
 <dt><a href="http://js13kgames.com/">js13kGames</a></dt>
 <dd>ファイルサイズが 13 KB 以内であること、という制約のもと開発された HTML5 ゲームを対象とした JavaScript の競技プログラミングサイトです。登録されているゲームは全て、GitHub に公開されています。</dd>
 <dt><a href="https://hacks.mozilla.org/category/games/">Mozilla Hacks blog</a></dt>
 <dd>Mozilla Hacks ブログの Games カテゴリには、ゲーム開発に関する興味深い記事が掲載されています。</dd>
</dl>
</div>
</div>