microformats

これから連載形式で更新していこうと思っています。よろしくお願いします。
第1回はmicroformatsの概念のさわりなどを…

microformatsとは

microformatsは2005年ごろに提唱されたもので、HTMLでは意味づけしきれないものをclassやrel、rev属性を用いて既存のHTMLを小さいフォーマットで拡張するというものです。
microformats自体は自由に策定できます。何か良い案がある方はWikiにて提案してみてください。
現在、オープンになっている仕様はコンタクト情報をマークアップするhCard(vCardが元になっています)やイベント情報をマークアップするhCalenderなど9種類（Wikiを参照してください）。その中でもリンク先に重みをつけないためのrel-nofollowをご存知の方も多いのではないでしょうか。

microformatsの利点

microformatsは様々なアプリケーションと連携も取れます。FirefoxプラグインのOperatorを使えばページ内のmicroformatsでマークアップされた要素を判別して他のアプリケーションで利用できるように加工してダウンロードができたり、1クリックでWebアプリケーションに登録ができるようになります。
実際、このブログのタグはrel-tagでマークアップされておりアドオンを使えばそのタグからAmazonやdeliciousなどで検索をすることができます。また、Google Mapsでもmicroformatsが使われており、検索結果の情報がhCardでマークアップされています。これはvCard形式でダウンロードでき、すぐにアドレス帳に登録できるようになります。

このようにmicroformatsはHTMLでは足りない部分を補い、それを判別するプログラムによって情報の再利用がしやすくなるという利点があります。そのようなことからMicrosoftやYahoo!など大手企業がmicroformatsを積極的に取り入れていくことを表明しています。ちなみにFirefoxにはmicroformatsのエンジンは組み込まれているらしいのですが、UIが定まらなくて表には出てきていないようです。

microformatsの問題点

ただ、microformatsの問題点はコードが冗長になってしまう点です。microformatsは人が第一に設計されており人間に理解しやすいフォーマットにはなっていますが、属性で拡張していくので要素が必要になります。たいていはliやdiv、spanを用いるのですが、hCardなどは手で入力するのは大変なくらいspanが出てきます。ただ、これに関してはhCardクリエイターなるWebアプリがあるのでそれを用いれば簡単に導入はできます。

microformatsのサンプルとイベント情報

そして、microformatsの第一人者であるJohn Allsopp（ジョン・アルソップ）氏が本日京都でHTML5とCSS3、microformatsについて講演を行っており、19日の火曜日には心斎橋のアップルストアに来て公演してくださるそうです。その詳細は明らかにされていませんが個人的には非常に楽しみです。
下記にイベント情報を書き記します。

hCalenderクリエイターを用いて作成しました。
このようなマークアップになっています。

May 19, 2009 7 – 8pm :  Stete of Web 2009 at アップルストア心斎橋2階
ジョン・アルソップ氏のこれからのWebについての公演
Tags: HTML5CSS3microformatsJohn Allsopp
This hCalendar event brought to you by the hCalendar Creator.

慣れないとなかなか難解と思います。
Operatorを使い、さっそくGoogle Calenderに登録し、このイベントに参加して理解を深めましょう！

次回はhCardについて書きたいと思います。

microformatsの関連リンク

• microformats Wiki
• マイクロフォーマット – Wikipedia

関連する投稿

• 第3回microformats XFN (0)
• 第2回microformats リンクを拡張するマイクロフォーマット (0)
• State of the Web 2009は大満足 (0)