HTML5 誰でも分かるHTML5の概要おさらい | SAK STAFF BLOG

最近は書籍などかなり出ていて、HTML5を説明しているサイトも増えてきました。 WebStorageの調査から分かったことですが、各社の実装が違っていて、今HTML5化するのをためらってしまう今日この頃だと思います。 簡単にHTML5についてまとめてみたいと思います。 HTML5とは、アップル、モジラ、オペラなどが立ち上げた WHATWG (ワットダブルジー) が仕様を策定し、それぞれのブラウザに実装しています。 WHATWG:Web Hypertext Application Technology Working Group もともとHTMLの企画は W3C (World Wide Web Consortium) が仕様を策定していましたが、W3Cが考える方向性としてはXHTMLに向かっており、それに反発する形で、新しい仕様を実装することが目的になったようです。 WHATWGでは、大きく８つの分野の仕様の策定をしています。 SEMANTICS OFFLINE & STORAGE DEVICE ACCESS CONNECTIVITY Web Sockets、Server-Sent Eventsなどで、サーバ/クライアントを接続する技術です。 今までは XMLHttpRequest などでクラインとからポーリングして非同期通信などを実装しましたが、サーバ側からプッシュもできる優れものです。 ただ、実装する為にはサーバ環境を構築する必要があります。 MULTIMEDIA タグが新規に追加になり、動画、音声がブラウザーだけで再生可能になりました。 ただし、今のところブラウザーによって扱えるファイル形式が異るようです。 3D, GRAPHICS & EFFECTS PERFORMANCE & INTEGRATION Web Workers、XMLHttpRequest2 を利用し、パフォーマンスを向上させる技術です。 javascriptで処理をバックグラウンドで実行し、非同期通信を行うなどの記述ができます。 workersなどはそもそもGearsから持ってきた技術ではないかと。 CSS3 アニメーションやグラデーションなど、今までは画像で見せていた飾り部分をCSSに記述できるようになりました。 海外のサイトでは、CSSの自動生成ツールなどがはやっていて、かなり簡単に自動生成できる環境がそろってきました。 2012年には、仕様は殆どかたまっており、次期フェーズは「HTML.next」として検討が始まるようです。 最後にHTML5を始めるにあたり、見た方が良いサイトを紹介します。 html5.jp リファレンスサイトhttp://www.html5.jp/ coliss ツールに関してのリンクが多いです。http://coliss.com/ jsdo.it Canvasのサンプルは凄いです。http://jsdo.it/ Screenqueri.es レスポンシブＷＥＢデザインの参考に。http://screenqueri.es/

http://bit.ly/MZf3ps