マイクロフォーマット(hReview)対応などG-Tools バージョンアップ

FirefoxScreenSnapz109.jpg
G-Toolsをバージョンアップして、マイクロフォーマット(マイクロフォーマッツ?)のhReviewに対応してみました。デザインを選ぶ画面で、タブに追加された「hReview」を選ぶと利用できます。どの商品情報を表示するか、デザインの指定などもjavascriptで分かりやすくしてみました(hReviewのみ)。

マイクロフォーマット(microformats)は、ブログのために生まれてきたとも言えるような試みです。個人によってどんどんと作られるコンテンツを、皆が探しやすく、見やすくするために、ある程度、記述方法を統一していこうという流れ。Webがもっと構造化されれば、Googleのように巨大なサーバ群と、高度なコンテンツ解析の仕組みを持たなくても、検索やアグリゲーションができるようになるかもしれない。そのために個々のツールが、既存の技術を利用して、徐々に実装していこう、という提案なのかな。

naoyaのはてなダイアリー - microformats って一体何だ?

多くの問題を解決するための大きな仕様ではなく、特定の問題を解決するための小さな仕様で、ウェブ上のデータに Simple & Easy にメタデータを与えていきましょう...その試みが microformats です。

hreviewは、そのなかで、商品や映画などの感想を記述するためのフォーマットです。ただhReviewは、まだまだドラフト0.2ということで、どう使っていいのか悩むところもありますね。ひとまず実装してみたもの、今後の仕様動向をチェックして、随時アップデートが必要かも。microformats.orgのブログで、仕様などはチェックできます。さすがMicroformatsの提案ページだけあって、HTMLのデザインも美しい。

G-Toolsで作成したHTMLはこのような感じになります。Abusing Amazon imagesで紹介されている、商品画像に影をつけるTipsとかもオプション用意してみました。

サンプル

stars JavascriptによるDomプログラミングなどの基礎を学べます

単なるページの装飾だけでなく、Dom構造の操作など、javascriptをより深く理解するための丁重な解説書。webを検索しても、なかなかまとまったjavascriptのチュートリアルってないんですよね(特に日本語)。最近流行のAjaxやWeb2.0っぽいHTML、ユーザーインターフェースを作りたいとおもったら、手元に置いておく事で、検索の手間などが随分と省けると思います。

hReview by 金子順 , 2005/08/14

photo
JavaScript & DHTMLクックブック—Webエキスパート必携テクニック集
ダニー グッドマン Danny Goodman 村上 列
オライリージャパン 2004-01
おすすめ平均 star
star汎用ライブラリのための険しい道
starWeb作成に詰まったときに
starじっくり学ぶには良い
CSSクックブック—Webデザインのための活用テクニック集 JavaScript JavaScriptデスクトップリファレンス HTML & XHTML 第5版 XML hacks—エキスパートのためのデータ処理テクニック

その他にも、ASIN/ISBN検索に対応したり、検索機能の一部も改善しています。

G-Tools ブログ用のAmazon(アマゾン) アソシエイト補助ツール

マイクロフォーマット参考記事
Main Page - Microformats
Amazon Web サービス ブログ: Microformats 運動
naoyaのはてなダイアリー - microformats って一体何だ?
2xUP: microformats.orgがLaunch