My Del.icio.us Recommendation Snippet (ver. 2.0)

これは何ですか?

"My Del.icio.us Recommendation Snippet"は、サイトオーナーの del.icio.us ブックマークから、訪問者に対して適切なリストを抽出してリコメンデーションを行うスクリプトです。
このスクリプトを設置したサイトに対して、訪問者が自分のdel.icio.us IDを教えることで、その訪問者に関連のあるリンクが自動的に表示されます。リコメンデーションリスト生成時には、訪問者とサイトオーナーの双方が所有しているタグ情報同士の関連性が計算され、もっとも共通しているタグ情報を利用して、オーナーのブックマークからリストをフェッチします。

これの何がすばらしいのでしょうか?

このリコメンデーションの実行にはまったくサーバインフラを利用していません。すべての生成プロセスはクライアントサイドJavaScriptの中で行われます。
なお、 del.icio.us のポストを取得するために JSON (あるいは JSONP) と On-Demand JavaScript などのテクニックが用いられています。

これで何ができるのですか?

論より証拠、以下のデモを御覧ください。

リコメンデーション

すばらしい。ぜひ私のサイトでこれを使いたいのですが。

生成されたコードをあなたのサイトにカット&ペーストしてください。
あなたのサイトに適切なスクリプトコードを生成するために、以下のテキストボックスにあなたのdel.icio.us IDを入力してください。

HTMLコードジェネレーター

サイトオーナーの del.icio.us ID:
ブックマークの表示サイズ (デフォルト : 5):
リコメンデーションモード :
デバッグ :

ビューをカスタマイズできますか?

TrimPath JST テンプレート言語を使うことが可能です。'template'プロパティをインスタンスに設定するだけです。

e.g.

<script type="text/javascript" src="./js/trimpath/template.js"></script>
<script type="text/javascript">
var ownerId = 'stomita'; // Change this ID to your del.icio.us ID ! 
var drv = new DelRecView(ownerId);
drv.template = TrimPath.parseTemplate(document.getElementById('resultTemplate').value);
drv.render(document.body);
</script>

ダウンロード

JavaScriptコードは こちら (zipped)からダウンロードできます。 古いバージョン (ver 0.1) は こちら (zipped)です。

更新履歴

Contact

shinichi.tomita * at * hotmail * dot * com