ちょっと更新サボりすぎでしたが、最近 HTML5 関連の話もとっても増えてきましたので、ここらで HTML5 に関する情報を集めるときに情報源として有益なサイトをまとめてみたいと思います。
やはり、英語での情報が多くなってしまうので、英語能力が残念な私なんかは結構厳しいんですが、いくつか日本語での情報源も挙げてみましたので、併せて見ておくといいと思います。
ちなみに、XHTML 好きな私としては、XHTML5 で次のサイトリニューアルとか考えてたんですが、XML MIME タイプが使えない IE どうしよっかなとか、振り分けとかするの面倒だなとか考えてたらちょっとテンション下がっちゃいました。ホント IE なんとかしてくれよ。
と、愚痴はさておき、いきましょう。
オフィシャルな情報
まずは、仕様策定を行っているワーキンググループのオフィシャルなサイトから。
- The WHATWG Blog
WHATWG の公式 Blog です。特に、毎週アップされる、「This Week in HTML5」 は読んでおくといいですよ。 - W3C HTML Working Group
W3C の HTML ワーキンググループページ。最新情報が順次発信されてます。 - WHATWG Wiki
WHATWG サイト内の wiki ページ。特にFAQは役に立ちます。 - (X)HTML5 Tracking
HTML5 の仕様変更をトラッキングできます。ここを追っていれば、仕様策定の過程を見ることができます。
仕様書
何はともあれ、仕様書です。まだ策定中の仕様ですので色々と変更がありますが、押さえておきましょうね。
- HTML 5
W3CのHTML5仕様書です。 - HTML5（WHATWG）
WHATWG版の仕様書です。上記は複数ページ版。1ページ版もあります。 - HTML5 differences from HTML 4
HTML 4 から HTML5 で何が変わったの？っていうまとめです。日本語訳もミツエーリンクスさんが公開してくれています。
HTML5 関連の情報サイト
HTML5 に関して有益な情報を提供してくれるサイトも多々ありますが、その中からオススメを。
- HTML5 Doctor
HTML5 関連の有名人が共同で運営している情報サイト。必読サイトです。後述する HTML5.JP さんで日本語訳が公開されていますので見ときましょう。 - Dive Into HTML5
Google を代表して HTML5 の策定に携わる Mark Pilgrim 氏のコンテンツ。すばらしいです。最終的には書籍として発売される流れですが、書籍発売後もコンテンツは残ります。っていうか翻訳版でないかなぁ - HTML5 Quick Reference Guide
HTML5 のクイックリファレンスです。PDF でダウンロードできるので便利ですね。 （仕様書側の変更との差分には注意）
Twitter でも HTML5 関連の情報は取得できます。他で挙げたものと情報がかぶっているものもありますが一応。
- WHATWG (WHATWG) on Twitter
WHATWG の公式 Twitter アカウント。 - W3C Team (w3c) on Twitter
W3C の公式 Twitter アカウント。HTML5 以外にも新着情報が流れてます。 - html5 (html5) on Twitter
(X)HTML5 Tracking の情報がひたすら流れてきます。 - WAI at W3C (w3c_wai) on Twitter
HTML5 とは直接関係ないですが Web Accessibility Initiative (WAI) の公式アカウントです。 - HTML5watcher (HTML5watcher) on Twitter
HTML5 関連ネタをひたすら RT している bot です。HTML5 っていう単語があると反応するみたいで、たまにあまり関係ないのも入ってきますがまあ参考までに。 - html5 gallery (html5gallery) on Twitter
後述する HTML5 Gallery の Twitter アカウントです。RSS か、こちらのアカウントをフォローしておけば、最新のサイトをチェックできますね。
日本語での情報
まだまだ日本語での情報は少ないですが、有益なコンテンツを提供されているサイトもあります。特に HTML5.JP はオススメです。
- HTML5.JP
リファレンスを始め、仕様書の日本語訳、上記で紹介した HTML5 Doctor の日本語訳もありますので押さえておきましょう。 - html5-developers-jp ： Google Groups
HTML5 に関して日本語でディスカッションするための Google Group です。
HTML5サンプル & ギャラリー
HTML5 のサンプルや HTML5 でコーディングされたサイトのギャラリーなど。人のソースコードを参考にするのもまた楽しいですね。
- HTML5 Gallery ： A showcase of sites using HTML5 markup
- HTML 5 Demos and Examples
- HTML5サンプル集 ： 株式会社あゆた
Canvas
一応、Canvas 関連の情報も。Mozilla Developer Center（MDC） のチュートリアルは日本語なので役に立つと思いますよ。あと、下の3つは Canvas を使ったデモです。（前述の MDC でも日本語でのサンプルがいくか公開されています。）
個人的には SVG でも Canvas でも何でもいいんですが、プラグインに頼らずできる範囲が広がることはいいことなんで期待してます。だから IE がんばれ。ちなみに現時点で IE 上で Canvas をエミュレートしたい場合は 「ExplorerCanvas」 を使えばいいと思います。
- Canvas チュートリアル ： MDC
- HTML 5 canvas - the basics ： Opera Developer Community
- making waves with html5
- HTML5 Canvas and Audio Experiment
このデモに関する記事 （HTML5 Canvas Experiment ： IO 9elements） - 3D Walker ： Canvascape
おまけ
- burnworks's html5 Bookmarks on delicious
delicious で私がブックマークした HTML5 関連の記事など。たまにタグ付け忘れたりしてるので抜けてる場合もあります…… その場合は全ブックマークの方を見ていただければ。 - Yoshiki Kato (burnworks) on Twitter
普段はくだらないことつぶやいてますが、上のブックマークの自動投稿や、HTML5 関連で気になったことも希につぶやきますのでよろしければ。
一応、HTML5 に特化して情報を提供しているサイトを中心にまとめてみましたが、もし他にもオススメのサイトなどありましたら教えてください。
