YAPC::Asia 2009 前夜祭

id:amachangがHTML5の発表をするというのできてみた。

以下メモ書き

みんなHTML5やろうよ！

アジェンダ

• 自己紹介
• HTML5
• もう1つの木構造
• 仕様を読もう

HTML5

• 新しいHTMLの仕様

HTML5の概要

• 独自仕様の再定義
• 新しい要素、属性、意味の定義
• APIの定義

独自仕様の再定義

• document.write
• apple の canvas
• contentEditable
• などなど

新しい要素、属性

• nav, aside, article, section
• canvas date keygen...

API

• html4.0.1 -> ドキュメントの仕様
• html5 -> ドキュメント＋API=アプリケーションの仕様
• みたいな？

APIありきな要素、属性

• canvas
• Microdata
• contentEditable

DEMO

contentEditor使ってYahoo! JAPANのトップページロゴをGoogleやCPANにするデモ

もう1つの木構造

木構造

• DOMツリー
• セクションツリー

セクションツリー

• DOMツリーと無関係
• 章立てのこと

セクションツリー

• blockquote, body, figure, td
• section, aside, nav, article
• 「どのタグでマークアップされているか、とかは(セクションツリー的な意味で)プログラマにとってはそんな重要じゃない」

重要なこと

• 全ての要素は、必ず単一のセクションに関連づけられる
• セクションツリーを決める明確なアルゴリズムが定義されている

• 既存のHTMLも意外にきれいな木になる（←ここ重要）

• セクションツリー生成アルゴリズムは文章の構造を把握する標準的なものにんあるかも

こんなのができるかも

• LDRize的な

仕様を読もう

• HTML5にはセクションツリー以外にもそのまんま実装できるものがある
• HTML5の仕様書はプログラマにとってネタの宝庫

まとめ

• HTML5って楽しいですよ
• みなさんも、試してみてはいかがでしょうか

というわけで、HTML5は自分もいろいろ調べているのでそのうち何かエントリ書くかもね！

追記

HTML5関連リンク

• HTML 5