JavaScriptでマイクロフォーマットのデータをパースするライブラリ「Microformat Shiv」


20110201-02

JavaScriptでマイクロフォーマットのデータをパースしたい。
そんな時に使えるのが「Microformat Shiv」です。

IT/WEB業界への転職なら求人サイトGreen

「hCard」や、イベント・カレンダーとしての情報を記す「hCalendar」、書籍や音楽などについてのレビューを示す「hReview」など様々なタイプのデータに対応しています。

サポートしているフォーマットは現在はhCard、hCalendar、hResume、hReview、hAtom、XFN、adr、geo、tagの9種類のようです。

使い方

ライブラリを読み込み後に、DOMから情報を持ってきます。
まずは以下のようなサンプルのHTMLを使用します。


JavaScriptを実行します。

var domNode = document.getElementById('example');
var jsonObject = navigator.microformats.get('tag', domNode);
alert(JSON.stringify(jsonObject));

すると、以下のような結果がJSON形式で戻ってきます。

"tag": [{
            "tag": "blog.verygoodtown.co",
            "link": "http://blog.verygoodtown.co/",
            "text": "WEB活メモ帳"
        },
        {
            "tag": "www.google.co.jp",
            "link": "http://www.google.co.jp/",
            "text": "Google"
        },
        {
            "tag": "www.apple.com",
            "link": "http://www.apple.com/",
            "text": "アップル"
        }]

GoogleマップやGoogle Calendarなどもマイクロフォーマットに対応しています。
WEBサービスと連携する際に使えそうですね。

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

follow us in feedly