WEBCRE8.jpウェブクリ8.jp

webデザイナーによる、デザインとwebを楽しむ情報ブログ

まとめる。

webとwebデザインに関しての、WEBCRE8.jpによる
情報まとめのカテゴリです。

HTML5の学習に役立つ(主に)日本語のサイトまとめ2012

この記事は約16分ぐらいで読めます

Roads to HTML5
最近HTML5もそろそろ通常の制作に使ってもいいかなーぐらいに思えてきてます。スマートフォンでは既に必須ですしね。今回はHTML5に関する情報の2012年まとめです!

webにあるHTML5の情報は英語のものが多い

当然のことですが、HTML5の情報は殆どが英語です。W3Cのサイトだって英語で書かれていますし、大抵の情報は英語さえ分かればアクセスできますね。

まあとはいえ、HTML5を勉強しようと考えるいきなり誰もが英語を読めなければならないとなるとちょっと難しいですよね。最初は先輩方の翻訳または日本語で書かれたオリジナルの文書から学びたい。そして情報の速度や判断の尺度のずれが気になってきてから、それから国外の情報で勉強しても遅くはないはずです。…そう思いたいですw

HTML5に関する国内のサイトや情報源をまとめました

と言う訳で、今回はwebcre8が認識しているHTML5に関する情報源やリソースサイト、参考になった記事、調べてたら出てきたものをざっくりとまとめてみます。サイト、ブログ記事、リファレンス、ツール等です。せっかくなので、知っているものは英語のものもついでに紹介しますね。

未熟ながらWEBCRE8.jpも、HTML5の情報を追っているブログのはしくれです。私自身現時点では幅広いHTML5というものの中で、しっかりと理解しようとしているのは各技術のうちコーディングに関する部分だけです。その範疇を超える情報の把握はまだまだこれからですが、とりあえずは一通りの情報源を抑えたうえで、今後それぞれの技術をある程度は理解して行けるようにと考えています。API等の周辺技術にも手を伸ばしていきたいですね!

HTML5に関する公式情報の翻訳

Web標準仕様 日本語訳一覧

http://standards.mitsue.co.jp/resources/w3c/

公式情報の翻訳コンテンツ。仕様を読めないときはそれの日本語で書かれたコンテンツを読みましょう。

HTML5のリファレンスサイト

HTML5タグリファレンス - HTML5.JP

http://www.html5.jp/tag/index.html

HTML5の基本はコーディング。構文の仕方については各リファレンスサイトが役に立つでしょう。

HTML5のコミュニティ

html5j.org

http://www.html5j.org/

コミュニティはエンジニア同士の繋がりを作り、お互いの技術の向上のために勉強会を開いたり、メールングリストによる情報共有も行っています。沢山の先輩方とコミュニケーションを取るにはここに参加するのも手です。活動の停止しているものは割愛しました。

HTML5関連情報を取り扱うブログ

HTML5/CSS3の情報をクリップ! :: dotHTML5

http://dothtml5.com/

技術者のブログは非常に多く、ここでは挙げきれないほどのブログがあると思います。ここではメインコンテンツとしてHTML5およびその関連情報を取り扱うブログを紹介します。

HTML5の周辺情報ブログ

HTML5のトピックを扱うブログ

  • fragmentary上述のブログを更新している矢倉さんの個人的なブログ。HTML5、CSS3の仕様変更について注意すべき点等
  • ヨモツネットHTML5、CSS3、WebGL等に造詣の深いヨモツさんのブログ
  • HTML5でサイトをつくろう – Part 3HTML5関連のまとめ記事が多い。サイドバーからHTML5の学習記事が探せる
  • terkel.jpHTML5のコーディングに関する考察の記事が多めのブログ
  • Web Design KOJIKA17HTML5やCSS3について詳しいブログ
  • Unformed Buildingコーディングについての話題を掘り下げているブログ
  • HTML5.evangelist主にCanvasを使った試作を公開しているブログ
  • WEBCRE8.jp僭越ながら当ブログも。HTML5に限っているわけではないんですが…わりと力を入れています!

参考になるHTML5の記事

HTML5とは何かを簡単にまとめてみた - Yahoo! JAPAN Tech Blog

http://techblog.yahoo.co.jp/html5/html5/

上の二つにもまして更にチェックの困難そうなリストですw webcre8自身が参考にしたものなので、まだまだあるに決まってます。

HTML5に関するスライド

スライドも多くはないですが、日本語で制作されているものがあります。一応目を通したものの中で重要そうなものだけ。

HTML5で作られたサイトのデザインギャラリ

HTML5 Gallery » HTML5 Inspiration / HTML5 Showcase

http://html5elite.com/

ギャラリに関しては日本語でなくとも見ることができるので、英語圏のものも幾つか。

HTML5で作られたコンテンツ

jsdo.it HTML5-Games

http://games.jsdo.it/

HTML5及びその周辺技術を使って作られたコンテンツ。ゲームなど、HTML5を作成する手段としてフィーチャーしている。

HTML5についてのコンテンツ

第二回全国統一 HTML5実力テスト - jsdo.it - Share JavaScript, HTML5 and CSS

http://jsdo.it/event/html5cat/2012/autumn/

HMTL5でサイトを作るお役立ちツール、またはHTML5にフォーカスを当てたコンテンツ。こちらも使えるものは海外のものを含めて。

終わりに

いかがだったでしょうか。あなたの知らない情報もきっとあったのではないかと思います。もし各情報について「こういうのがあるよ」というものがありましたら自薦他薦を問わないので教えてもらえるとありがたいですね!

告知:Roads to HTML5 というサイトを作ります

Roads to HTML5

Roads to HTML5

告知致します。webcre8も最近HTML5についての情報を追い続けてきましたが、近日中にHTML5の情報を追いかける人の学習を補助するサイト、「Roads to HTML5」を立ち上げます

Roads to HTML5の目的

このサイトは、身も蓋もない言い方をするとリンク集です。とりあえずはこの記事の内容を一つのサイトとして独立させた、HTML5に関する情報が集積された場として作成します。これからHTML5を学んで行こうとする人の学習の助けになればと思います。

内容を常にブラッシュアップしていくため、個別のサイトとして制作することにしました。取り扱うものは私自身が学んだ技術についての情報となるため偏りが生じるでしょうが、時間をかけて補完して行きたいと思います。

HTML5のコンテンツを作っていきます

また、今後webcre8が作っていくHTML5についてのコンテンツの置き場所としても運用していきます。すでに予定しているものとしてはwebcre8が個人的に行なっている #HTML5のタグは百八つまであるぞ と言うハッシュタグのまとめサイト、その他「HTML5を学習する」ということにフォーカスを当てたコンテンツを作成し、公開していこうと思います

公開の際はどうぞよろしくお願い致します★(宣言してケツに火をつける的なヤーツです)