microformatsを超ざっくりと説明するよ!

hamashun

ご注意

なにぶん超ざっくりなので、あえて説明不足な記述もあります。
その辺は最後の質問で聞いてください。

ご注意2(公開時に追記)

このスライドは社内勉強会用に公開したので、最後が「続く」となっていますが続きません(次の人へのバトンでした)。
ご了承ください。

microformatsって最近よく聞くけど何だろう?

microformatsとは!

ルールちゅうか、決まり事ちゅうか、約束ちゅうか…

規格みたいな感じ

HTMLで例えて説明

HTMLって…

テキストの意味を表すタグ類が決められている

でも、

用意されているだけじゃもの足りない><

そこでmicroformatsですよ

細かい意味づけができる

それって、何が幸せなの?

例えば

Googleが、誕生日を表すmicroformatsに対応したら、誕生日検索が簡単にできる!

すげー

でも、

なんで?

GoogleさんとHTMLくん

Google
誕生日検索の時は class="bday" を表示するよ!」
HTML
誕生日にはclass="bday" を付けておくお」

(゚∀゚)!

これはもしや!

ブラウザさんとHTMLくん

ブラウザ
h1は太字で表示、liにはリストマーカーを表示するよ!」
HTML
見出しにはh1、リストはliでマークアップだお」

(゚∀゚)!!

同じ理屈じゃね?

つまり、

ここまでのまとめ

そう、

microformatsが力を発揮するには、対応したアプリケーションが必要!

現状で実感できるmicroformatsは?

hAtomによる実例

すげー

あ、ただ、LDRで読もうとしたらうまくいかなかったので、テスト用途がいいかもしんないっす(ゝω・)vキャピ

でも、

便利なのはいいけど、対応するのが面倒なんじゃないの?><

違うよ! 全然違うよ!
超カンタンだよ!

microformatsに対応するには…

Q

ありがとうございました