
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とかもオプション用意してみました。
サンプル
JavascriptによるDomプログラミングなどの基礎を学べます
単なるページの装飾だけでなく、Dom構造の操作など、javascriptをより深く理解するための丁重な解説書。webを検索しても、なかなかまとまったjavascriptのチュートリアルってないんですよね(特に日本語)。最近流行のAjaxやWeb2.0っぽいHTML、ユーザーインターフェースを作りたいとおもったら、手元に置いておく事で、検索の手間などが随分と省けると思います。
hReview by 金子順 , 2005/08/14

- JavaScript & DHTMLクックブック—Webエキスパート必携テクニック集
- ダニー グッドマン Danny Goodman 村上 列
- オライリージャパン 2004-01
- おすすめ平均

汎用ライブラリのための険しい道
Web作成に詰まったときに
じっくり学ぶには良い
その他にも、ASIN/ISBN検索に対応したり、検索機能の一部も改善しています。

ブックマーク & Twitter & はてなスター
コメント
はじめまして、つばさと申します。
G-Toolsを使って、所有しているCDや書籍のレビューを書こうとしていたところ「hReview」という項目があったので「なんじゃこれ?」と思い、検索したところこちらのブログにたどり着きました。
hReviewとは、感想を記述するための専用フォーマットなのですね。ブログには多くのCDを聞いた感想があるので、構造が統一できれば「あるCDの感想を集める」場合に便利そうです。
G-Tools・hReview共に使わさせていただきます
また何か気づいたことがありましたら、コメントさせていただきます(^^)
はじめまして、こんばんわTANIKEと申します。
G-Toolsを使って、所有しているCDや書籍の感想を書こうとしていたところ「hReview」という項目があったので、何かなこれは?と思い、検索したところこちらブログを発見致しました。
hReviewとは、感想を記入するための専用フォーマットなのですね。ブログにはまだ感想を記入したことが無いのですが、構造が統一できれば感想を集める場合に便利そうです。
G-Tools・hReview共に使わさせていただきます
それと何か気づいたことがありましたら、コメントさせていただきますのでよろしくお願いいた致します^^7。
IE7.0を導入したのですが、
商品を選択して、テーブルなしとか、価格付きなどの選択をするタグが、本文の下に回りこんで、見えなくなっています。