読者です 読者をやめる 読者になる 読者になる

帰ってきたHolyGrailとHoryGrailの区別がつかない日記

はてなブログに帰って来ました

YAPC::Asia 2009 前夜祭

html5

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

以下メモ書き

みんなHTML5やろうよ!

アジェンダ
  • 自己紹介
  • HTML5
  • もう1つの木構造
  • 仕様を読もう
HTML5
  • 新しいHTMLの仕様
HTML5の概要
  • 独自仕様の再定義
  • 新しい要素、属性、意味の定義
  • APIの定義
独自仕様の再定義
  • document.write
  • applecanvas
  • contentEditable
  • などなど
新しい要素、属性
  • nav, aside, article, section
  • canvas date keygen...
API
  • html4.0.1 -> ドキュメントの仕様
  • html5 -> ドキュメント+API=アプリケーションの仕様
  • みたいな?
APIありきな要素、属性
  • canvas
  • Microdata
  • contentEditable
DEMO

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

もう1つの木構造
木構造
  • DOMツリー
  • セクションツリー
セクションツリー
  • DOMツリーと無関係
  • 章立てのこと
セクションツリー
  • blockquote, body, figure, td
  • section, aside, nav, article
  • 「どのタグでマークアップされているか、とかは(セクションツリー的な意味で)プログラマにとってはそんな重要じゃない」
重要なこと
  • 全ての要素は、必ず単一のセクションに関連づけられる
  • セクションツリーを決める明確なアルゴリズムが定義されている
  • 既存のHTMLも意外にきれいな木になる(←ここ重要)
  • セクションツリー生成アルゴリズムは文章の構造を把握する標準的なものにんあるかも
こんなのができるかも
仕様を読もう
  • HTML5にはセクションツリー以外にもそのまんま実装できるものがある
  • HTML5の仕様書はプログラマにとってネタの宝庫
まとめ
  • HTML5って楽しいですよ
  • みなさんも、試してみてはいかがでしょうか

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

追記

HTML5関連リンク

広告を非表示にする