iPad版のAmazonSearchを作ってみたものの

画像まわりに制約がありすぎる。

このブログって、自分のためのツール置き場なのかも。Amazonがころころと仕様を変えている。今度はiPadで走らせると、途中からiPad用のページに飛ばされ、リンク・プレートが作れなくなりました。さて...

予告通り、AmazonのiPad用ページを解析し、リンクプレートを作るDraftPadアシストを仕上げてみました。結果はがっかり。iPad用の画像は背景が白いことを前提に加工されてたんです。加工前の画像も組み込まれていて、画像拡大のとき出るようにはなってますが、それはスクリプトの中。ページによってまちまち。諦めて白背景にしました。

draftpad://self/web?source=<title>wait...</title><script>function main(x){open(x.URL)}location=%22draftpad:///webdelegate?load=main%26unloadconfirming=true%26unloadconfirmtitle=リンクを作成しますか？%26unloadconfirmdefault=はい%26unloadconfirmclose=いいえ%26unload=function(){location=\"draftpad:///webdelegate?load=f\";f=function(x){ASIN=document.getElementsByName(\"ASIN\")[0].value;URL=\"http://www.amazon.co.jp/dp/\"+ASIN+\"/\"+x.AmazonID;IMAGE=prodImage.src;TITLE=btAsinTitle.innerText;bt=btAsinTitle.parentNode.parentNode.getElementsByTagName(\"a\")[0];NAME=(bt)? bt.innerText:\"\";PRICE=document.getElementsByClassName(\"priceLarge\")[0].innerText;LINK=\"<blockquote style=%27background:white;padding:10px;border-radius:5px;border:1px solid lightgray;%27><a href=\"+URL+\" target=_blank style=color:#220000;><img align=left src=\"+IMAGE+\" height=120 style=%27margin:1px 15px 1px 1px;box-shadow:1px 2px 3px white;%27><strong>\"+TITLE+\"</strong></a><a href=http://b.hatena.ne.jp/entry/\"+URL+\" target=_blank><img src=http://b.hatena.ne.jp/entry/image/\"+URL+\"></a><br><font style=color:slate;>作者: \"+NAME+\"<br>価格: \"+PRICE+\"</font><br><br><a href=\"+URL+\" target=_blank><img src=http://d.hatena.ne.jp/images/btn-asin-detail.gif></a><br clear=all></blockquote>\";draftpad.replaceCurrent(LINK)}}%22</script>&URL=http://www.amazon.co.jp/s/ref=?ie=UTF8%26k=<@>&AmazonID=winerose-22

登録リンクはこちら→ http://tinyurl.com/p6js6gs
アシスト末尾のAmazonIDはご自分のに書き換えてお使いください。

使い方はiPhone版と同じです。キーワードを書いてアシスト実行。検索結果が表示されるので、ターゲットの商品を開く。それから左上の[Done]で内蔵ブラウザを閉じれば編集画面に戻り、リンクプレートのタグが出来上がっている寸法です。