ラベル

2015年5月2日土曜日

アマゾン商品の価格推移がわかっちゃうブックマークレットを作ってみた


自画自賛ですが…これ、めちゃめちゃ便利ですよ!


5/3 カート内のリンクから表示した商品で、グラフが表示されなかった不具合を修正しました。
5/5 keepa.comのAPIが不調のようで表示日数幅が年単位で表示されていました。現在は元に戻っています。
5/6 内部処理を変更してバージョン2に。

Amazon Price Tracker


keepa.comがChromeとFirefoxに提供しているブラウザ拡張機能"Amazon Price Tracker"というものをご存知でしょうか?

アマゾン商品の価格推移をグラフにして、ページに自動挿入してくれる拡張機能で、「買い時」を判断するのにとても便利なんです。

しかし!
パソコンのChromeとFirefox限定なので、モバイルはおろかSafariを使いたいMacユーザーですら使えません。

でも、大丈夫。
それを解決するブックマークレット…作りました!

iPhone, iPadでも使える


実はkeepa.comはAPIも公開していて、誰でも自由に使えるようになっているんです。
(昨日知りましたw)

これなら、私でも作れます。
というわけで、1日かけてコーディングとデバッグしました。

パソコンのモダンブラウザ(IE除く)なら全て対応していると思います。
モバイルではiPad、iPhone、androidで一応実機テストしました。

使い方は、適当なブックマークを作成してから編集し、下記のコードをブックマーク内のURL欄に全文コピペして上書きしてください。
ブックマークの名前は自由につけてもらってOKです。



コード


javascript:+function(D,I,B,w,a,o){a=D.getElementById("ASIN")||D.getElementById("a");if(location.hostname=="www.amazon.co.jp"&&a&&!D.getElementById(I)){B=D.body;o=D.createElement("img");o.id=I;w=B.clientWidth;o.width=w>640?640:w;o.src="https://dyn.keepa.com/pricehistory.png?domain=co.jp&width=640&asin="+a.value;B.insertBefore(o,B.firstChild)}}(document,"pricetrackerBML_v2_iPadforART");


使い方


ブックマークレットの準備ができたら、アマゾンのウェブサイトで、商品を検索し、価格推移を知りたい商品ページで、ブックマークレットを実行してください。
(モバイル用Chromeでは、アドレスバーにブックマークレットの名前を打ち込んで実行するようです。詳しい方法は検索してください)

そうすると、こんな感じにページ上部にグラフが挿入されます。


これを見れば「おぉ!今、安くなってる!」ってすぐわかりますね。
アマゾンの価格って、ものすごく細かく上下するので、買い物上手になれますよ。

MITライセンス


あ、そうそう。
ブックマークレットというのは、お手軽に使えますが、中身はJavaScriptなので、潜在的なバグが含まれている可能性があります。
入念なデバッグはしましたが、使用するサイトの性質上、100%完璧というわけにはいきません。
ですので、このコードについてはMITライセンスということにさせてください。
つまり、このコードで問題が生じても責任は負いません
ご了承ください。
再配布、再利用、共有、すべて自由ですので、ぜひお友達に教えてあげてください。
本当に便利ですから。


Amazon.co.jpロゴ


Related Posts Plugin for WordPress, Blogger...