Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

HTML5 を学ぶための情報源まとめ

ちょっと更新サボりすぎでしたが、最近 HTML5 関連の話もとっても増えてきましたので、ここらで HTML5 に関する情報を集めるときに情報源として有益なサイトをまとめてみたいと思います。やはり、英語での情報が多くなってしまうので、英語能力が残念な私なんかは結構厳しいんですが、いくつか日本語での情報源も挙げてみましたので、併せて見ておくといいと思います。

ちょっと更新サボりすぎでしたが、最近 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 の仕様変更をトラッキングできます。ここを追っていれば、仕様策定の過程を見ることができます。

仕様書

何はともあれ、仕様書です。まだ策定中の仕様ですので色々と変更がありますが、押さえておきましょうね。

HTML5 関連の情報サイト

HTML5 に関して有益な情報を提供してくれるサイトも多々ありますが、その中からオススメを。

  • HTML5 Doctor
    HTML5 関連の有名人が共同で運営している情報サイト。必読サイトです。後述する HTML5.JP さんで日本語訳が公開されていますので見ときましょう。
  • Dive Into HTML5
    Google を代表して HTML5 の策定に携わる Mark Pilgrim 氏のコンテンツ。すばらしいです。最終的には書籍として発売される流れですが、書籍発売後もコンテンツは残ります。っていうか翻訳版でないかなぁ
  • HTML5 Quick Reference Guide
    HTML5 のクイックリファレンスです。PDF でダウンロードできるので便利ですね。 (仕様書側の変更との差分には注意)

Twitter

Twitter でも HTML5 関連の情報は取得できます。他で挙げたものと情報がかぶっているものもありますが一応。

日本語での情報

まだまだ日本語での情報は少ないですが、有益なコンテンツを提供されているサイトもあります。特に HTML5.JP はオススメです。

  • HTML5.JP
    リファレンスを始め、仕様書の日本語訳、上記で紹介した HTML5 Doctor の日本語訳もありますので押さえておきましょう。
  • html5-developers-jp : Google Groups
    HTML5 に関して日本語でディスカッションするための Google Group です。

HTML5サンプル & ギャラリー

HTML5 のサンプルや HTML5 でコーディングされたサイトのギャラリーなど。人のソースコードを参考にするのもまた楽しいですね。

Canvas

一応、Canvas 関連の情報も。Mozilla Developer Center(MDC) のチュートリアルは日本語なので役に立つと思いますよ。あと、下の3つは Canvas を使ったデモです。(前述の MDC でも日本語でのサンプルがいくか公開されています。)

個人的には SVG でも Canvas でも何でもいいんですが、プラグインに頼らずできる範囲が広がることはいいことなんで期待してます。だから IE がんばれ。ちなみに現時点で IE 上で Canvas をエミュレートしたい場合は 「ExplorerCanvas」 を使えばいいと思います。

おまけ

  • burnworks's html5 Bookmarks on delicious
    delicious で私がブックマークした HTML5 関連の記事など。たまにタグ付け忘れたりしてるので抜けてる場合もあります…… その場合は全ブックマークの方を見ていただければ。
  • Yoshiki Kato (burnworks) on Twitter
    普段はくだらないことつぶやいてますが、上のブックマークの自動投稿や、HTML5 関連で気になったことも希につぶやきますのでよろしければ。

一応、HTML5 に特化して情報を提供しているサイトを中心にまとめてみましたが、もし他にもオススメのサイトなどありましたら教えてください。

関連エントリ