---
title: HTML5 ゲーム開発入門 (要約)
slug: Games/Introduction_to_HTML5_Game_Development
tags:
  - Firefox OS
  - Games
  - HTML5
  - Mobile
translation_of: Games/Introduction_to_HTML5_Game_Development_(summary)
original_slug: Games/Introduction_to_HTML5_Game_Gevelopment_(summary)
---
<div>{{GamesSidebar}}</div><div>{{IncludeSubnav("/ja/docs/Games")}}</div>

<div>
<h2 style="line-height: 30px;" id="長所">長所</h2>

<ol>
 <li><span class="seoSummary">HTML5 で作られたゲームはスマートフォン、タブレット、PC、スマート TV で動く。</span></li>
 <li>他のメディアと同様に、ウェブ全体でゲームを広告、宣伝できる。</li>
 <li>支払い。好きな支払い処理サービスを使って課金できる。</li>
 <li><span class="seoSummary">好きな時にゲームを更新できる。</span></li>
 <li>自身のアナリティクスを集められる!</li>
 <li>顧客ともっと近く繋がれる。</li>
 <li><span class="seoSummary">プレイヤーはいつでもどこでもゲームをプレイできる。</span></li>
</ol>

<h2 style="line-height: 30px;" id="ウェブ技術">ウェブ技術</h2>
</div>

<div> </div>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col" style="text-align: left;"><strong>機能</strong></th>
   <th scope="col" style="text-align: left;">技術</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td><strong>Audio</strong></td>
   <td><a href="/ja/docs/Web_Audio_API" title='/ja/docs/Web_Audio_API"'>Web Audio API</a></td>
  </tr>
  <tr>
   <td><strong>Graphics</strong></td>
   <td><a href='/ja/docs/WebGL"' title='/ja/docs/WebGL"'>WebGL</a> (<a href="http://www.khronos.org/opengles/">OpenGL ES</a> 2.0)</td>
  </tr>
  <tr>
   <td><strong>Input</strong></td>
   <td><a href='/ja/docs/DOM/Touch_events"' title='/ja/docs/DOM/Touch_events"'>Touch events</a>, <a href="/ja/docs/API/Gamepad/Using_Gamepad_API" title='/ja/docs/API/Gamepad/Using_Gamepad_API"'>Gamepad API</a>, 端末センサー, <a href="/ja/docs/WebRTC" title='/ja/docs/WebRTC"'>WebRTC</a>, <a href="/ja/docs/DOM/Using_fullscreen_mode" title='/ja/docs/DOM/Using_fullscreen_mode"'>Full Screen API</a>, <a href="/ja/docs/WebAPI/Pointer_Lock" title='/ja/docs/WebAPI/Pointer_Lock"'>Pointer Lock API</a></td>
  </tr>
  <tr>
   <td><strong>Language</strong></td>
   <td><a href="/ja/docs/JavaScript" title='/ja/docs/JavaScript"'>JavaScript</a> (<a href="https://github.com/kripken/emscripten/wiki">Emscripten</a> を使って C/C++ を JavaScript にコンパイルする)</td>
  </tr>
  <tr>
   <td><strong>Networking</strong></td>
   <td><a href="/ja/docs/WebRTC" title='/ja/docs/WebRTC"'>WebRTC</a> や <a href="/ja/docs/WebSockets" title='/ja/docs/WebSockets"'>WebSockets</a></td>
  </tr>
  <tr>
   <td><strong>Storage</strong></td>
   <td><a href="/ja/docs/IndexedDB" title='/ja/docs/IndexedDB"'>IndexedDB</a> や "cloud"</td>
  </tr>
  <tr>
   <td><strong>Web</strong></td>
   <td><a href="/ja/docs/HTML" title='/ja/docs/HTML"'>HTML</a>, <a href="/ja/docs/CSS" title='/ja/docs/CSS"'>CSS</a>, <a href="/ja/docs/SVG" title='/ja/docs/SVG"'>SVG</a>, <a href="/ja/docs/Social_API" title='/ja/docs/Social_API"'>Social API</a> (とその他いろいろ!)</td>
  </tr>
 </tbody>
</table>

<div class="twocolumns">
<dl>
 <dt><a href="/ja/docs/DOM/Using_fullscreen_mode" title='/ja/docs/DOM/Using_fullscreen_mode"'>Full Screen API</a></dt>
 <dd>Full screen gameplay.</dd>
 <dt><a href="/ja/docs/API/Gamepad/Using_Gamepad_API" title='/ja/docs/API/Gamepad/Using_Gamepad_API"'>Gamepad API</a></dt>
 <dd>Use gamepads or other game controllers.</dd>
 <dt><a href="/ja/docs/HTML" title='/ja/docs/HTML"'>HTML</a> and <a href="/ja/docs/CSS" title='/ja/docs/CSS"'>CSS</a></dt>
 <dd>Build, style, and lay out your game's user interface.</dd>
 <dt><a href="/ja/docs/HTML/Element/audio" title='/ja/docs/HTML/Element/audio"'>HTML audio</a></dt>
 <dd>Easily play simple sound effects and music.</dd>
 <dt><a href="/ja/docs/IndexedDB" title='/ja/docs/IndexedDB"'>IndexedDB</a></dt>
 <dd>Store user data on their own computer or device.</dd>
 <dt><a href="/ja/docs/JavaScript" title='/ja/docs/JavaScript"'>JavaScript</a></dt>
 <dd>Fast web プログラミング言語 to write the code for your game.<br>
 To easily port your existing games <a href="https://github.com/kripken/emscripten/wiki" title="https://github.com/kripken/emscripten/wiki">Emscripten</a> or <a href="http://asmjs.org/spec/latest/">Asm.js</a></dd>
 <dt><a href="/ja/docs/WebAPI/Pointer_Lock" title='/ja/docs/WebAPI/Pointer_Lock"'>Pointer Lock API</a></dt>
 <dd>Lock the mouse or other pointing device within your game's interface.</dd>
 <dt><a href="/ja/docs/SVG" title='/ja/docs/SVG"'>SVG</a> (Scalable Vector Graphics)</dt>
 <dd>Build vector graphics that scale smoothly regardless of the size or resolution of the user's display.</dd>
 <dt><a href="/ja/docs/JavaScript/Typed_arrays" title='/ja/docs/JavaScript/Typed_arrays"'>Typed Arrays</a></dt>
 <dd>Access raw binary data from within JavaScript; Manipulate GL textures, game data, or anything else.</dd>
 <dt><a href="/ja/docs/Web_Audio_API" title='/ja/docs/Web_Audio_API"'>Web Audio API</a></dt>
 <dd>Control the playback, synthesis, and manipulation of audio in real time.</dd>
 <dt><a href="/ja/docs/WebGL" title='/ja/docs/WebGL"'>WebGL</a></dt>
 <dd>Create high-performance, hardware-accelerated 3D (and 2D) graphics. <a href="http://www.khronos.org/opengles/">OpenGL ES</a> 2.0.</dd>
 <dt><a href="/ja/docs/WebRTC" title='/ja/docs/WebRTC"'>WebRTC</a></dt>
 <dd>Real-Time Communications to control audio and video data, including teleconferencing and transmitting other application data back and forth between two users like chat.</dd>
 <dt><a href="/ja/docs/WebSockets" title='/ja/docs/WebSockets"'>WebSockets</a></dt>
 <dd>Connect your app or site to a server to transmit data back and forth in real-time. Perfect for multiplayer gaming action, chat services, and so forth.</dd>
 <dt><a href="/ja/docs/DOM/Using_web_workers" title='/ja/docs/DOM/Using_web_workers"'>Web Workers</a></dt>
 <dd>Spawn background threads running their own JavaScript code for multi-core processors.</dd>
 <dt><a href="/ja/docs/DOM/XMLHttpRequest" title='/ja/docs/DOM/XMLHttpRequest"'>XMLHttpRequest</a> and <a href="/ja/docs/DOM/File_API" title='/ja/docs/DOM/File_API"'>File API</a></dt>
 <dd>Send and receive any kind of data you want from a Web server like downloading new game levels and artwork to transmitting non-real-time game status information back and forth.</dd>
</dl>
</div>

<p> </p>