従来は、Webサイト上での動画を提供する際は独自のフォーマットを利用しており、動画再生の際はそれぞれのフォーマットに合わせてAdobe Flash Player、Apple QuickTime、Microsoft Windows Media PlayerやSilverlightといった独自のソフトウェアまたは、プラグインを用いる必要がありました。
HTML5ではメディア機能が追加された事により、<video>タグを使用することでプラグインのインストールを行うことなく、ブラウザで動画やオーディオを再生することができるようになっています。...
HTML5では新たにグラフィック要素として「Canvas」が追加されています。
CanvasはHTMLネイティブの描画パッドであり、JavaScript(Canvas API)と組み合わせることでWebページ上に動的に図形を描画することができるようになりました。
これにより従来ではAdobe® Flash®のみで表現できていたアニメーションなども、特別なツールを使う事なく、動的に図を描くWebアプリケーションを作成することが可能となっています。...
CSS3とは、従来のスタイルシートの最新版であり、これまでの仕様に対しさらに改良されいくつかの便利な機能が備わりました。
CSS3は未だ仕様策定中ではありますが、主要ブラウザでの対応は既に始まっており、今日様々なWebサイトで利用されています。
しかしながら、仕様策定段階であり正式に勧告されていない為、CSS3を利用する際は各ブラウザ用のベンダープレフィックスを付ける必要があります。
ベンダープレフィックスとは、各ブラウザが独自の拡張機能を実装する際にそれが拡張機能である事を明示する為に付ける接頭辞の事です。...
これまで、HTML5のVideo/Audio要素、Canvas要素の説明、CSS3の概要を実際にサンプルコードを利用しながら紹介してきました。 今回はこれまでに紹介した機能、要素を利用した簡単なブラウザによる神経衰弱ゲームを作成しようと思います。
第1章 |  |
第2章 | |
第3章 | |
第4章 | |
