おはこんばんにちわ アブナイお兄ちゃんです。 ウェブの歴史は初代ウェブブラウザのモザイクから始まり それを記述するマークアップ言語HTMLにより進化してきました HTML5になってから数年が経ちましたが HTML5って何できるの?っていうのを ざっくりサンプル作りながらこの講座でまとめたいと思います そもそもHTML5とは・・・(以下ウィキより抜粋) HTML5(エイチティーエムエル・ファイブ)とは HTML の 5 回目に当たる大幅な改定版である。 表記は HTML と 5 の間にスペースを含まない[1]。XML の文法で記述する場合、XHTML5 と呼ばれる HTML5 は WHATWG によって2004年に定められた Web Applications 1.0 に Web Forms 2.0 を取り入れたものが W3C の専門委員会に採用され、W3C より2008年1月22日にドラフト(草案)が発表された。 といっても全部網羅するのは膨大なので 以下のワードをHTML5で特にメジャーな仕様として抑えておけば大体大丈夫でしょう videoタグ、canvasタグ、CSS3、要素のドラッグ&ドロップ File API、WebGL、WebRTC ・videoタグ HTML5では標準で動画再生をするためのタグが用意されています これにより動画フォーマット別にembbedタグを使う必要がなくなりました ただし、まだブラウザによって再生できない動画フォーマットもあるので注意が必要です また、ウェブカメラから取得した映像をブラウザ上で表示させることも可能です ・canvasタグ 画面上の一部にjavascriptのAPIで自由に描画できる領域を作成します お絵かきソフトなどがブラウザ上で作成できます。 ・CSS3 CSS2からの拡張です 大きなところではCSSで要素のアニメーション 3D表現ができるようになりました ・要素のドラッグ&ドロップ 標準のイベントで要素のドラッグ&ドロップがサポートされるようになりました 従来どおりjQueryを使う方法もあります ・File API ブラウザ上からファイルを参照できるようになりました これにより、ファイルを読み書きするという処理をブラウザ側で行うことが出来ます ・WebGL OpenGLの3D描画処理をjavascript経由で呼び出すことができるようになりました canvasタグ上に3D描画します ・WebRTC W3Cが提唱するリアルタイムコミュニケーション用のAPIの定義で、 プラグイン無しでウェブブラウザ間のボイスチャット、ビデオチャット、ファイル共有ができます。 また、まだ完全に全てのブラウザがHTML5に対応しきれているわけではなく PCのChrome,Firefox,Safariは大体動きますが 一部IEやスマホのブラウザなどは対応していなかったりします。