files/ja/web/api/canvas_api/tutorial/finale/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

---
title: 最後に
slug: Web/API/Canvas_API/Tutorial/Finale
tags:
  - キャンバス
  - グラウフィックス
  - チュートリアル
translation_of: Web/API/Canvas_API/Tutorial/Finale
original_slug: Web/Guide/HTML/Canvas_tutorial/Finale
---
<div>{{CanvasSidebar}} {{PreviousNext("Web/API/Canvas_API/Tutorial/Optimizing_canvas")}}</div>

<div class="summary">
<p>おめでとう! <a href="/en-US/docs/Web/API/Canvas_API/Tutorial">Canvas tutorial</a>は終了です! ここでのナレッジはWebで2Dグラフィックスを作成する際に役立つでしょう。</p>
</div>

<h2 id="他の例とチュートリアル">他の例とチュートリアル</h2>

<p>ここでは様々なデモや更なるcanvasについての例を紹介します。</p>

<dl>
 <dt><a href="http://codepen.io/search?q=canvas">Codepen.io</a></dt>
 <dd>ブラウザ上のフロントエンドディベロッパー向けのプレイグラウンドとコードエディターです。</dd>
 <dt><a href="http://www.html5canvastutorials.com/">HTML5 Canvas Tutorials</a></dt>
 <dd>Canvas APIsの例です。</dd>
 <dt><a href="/en-US/docs/Games">Game development</a></dt>
 <dd>ゲームは最も人気な活動の一つです。標準に準拠したWebブラウザで実行できる、より良くより強力なゲームを開発するための新しい技術が定期的に登場しています。</dd>
</dl>

<h2 id="他の_Web_APIs">他の Web APIs</h2>

<p>これらのAPIはcanvasとグラフィックスを更に動かす際におそらく使われます</p>

<dl>
 <dt><a href="/en-US/docs/Web/WebGL">WebGL</a></dt>
 <dd>複雑なグラフィックスや3Dを含んだレンダリングのためのアドバンスドなAPIです。</dd>
 <dt><a href="/en-US/docs/Web/SVG">SVG</a></dt>
 <dd>スケーラブル・ベクター・グラフィックスを使用すると、スムーズなスケールを行うために描画されるサイズには関係なく、ベクター(ライン)とシェイプのセットとして画像を描画します。</dd>
 <dt><a href="/en-US/docs/Web/API/Web_Audio_API">Web Audio</a></dt>
 <dd>WebAudioAPIは、Web上のオーディオを制御したり、ディベロッパーがオーディオのリソースを選択したり、エフェクトをオーディオに追加したり、オーディオ・ビジュアライザーを作成したり、空間的エフェクト(音響のような)を適用したり、他にも様々な処理を行うためのオーディオの多目的なシステムを提供します。</dd>
</dl>

<h2 id="質問">質問</h2>

<dl>
 <dt><a href="http://stackoverflow.com/questions/tagged/canvas">Stackoverflow</a></dt>
 <dd>質問のタグは"canvas"となります。</dd>
 <dt><a href="/en-US/docs/MDN">Comments about this tutorial – the MDN documentation community</a></dt>
 <dd>このチュートリアルに対するコメントや感謝の言葉があるなら、是非我々に届けてほしいです。</dd>
</dl>

<p>{{PreviousNext("Web/API/Canvas_API/Tutorial/Optimizing_canvas")}}</p>