DraftPadを使えばiPhoneでもAmazonのリンクが作れる AmazonSearch

気づいてなかったです。


またまた修正、iPadでアマゾンを紹介するブックマークレット AmazonLinker
動かん。ということで、ソースを調べてみると、また画像の位置が変わってました。仕方ないですね。アマゾンが個人のブックマークレットまで考えてくれてる訳じゃないし。そんなわけで、2012年冬バージョン。Am...
アマゾンの商品を紹介するリンク・プレート。今まではSafariのブックマークレットで作っていました。何の疑問も持たずに。それが最近、通勤中にも記事を書くようになり、やっと気づきました。iPhone用サイトにブックマークレットが通用しない。大リーグボール２号が水に弱いのと同じくらい衝撃的です。ソースを覗くと、全然違う。しかも、Kindle用サイトがこれまた別物。サイト間に一貫性がない。この企業、危ないんじゃないか。


DraftPad 1.6.2
分類: 仕事効率化,ユーティリティ
価格: 無料 (Manabu Ueno)
いくら危なくても、働きながら買い物するには密林が王者。活用せずに済ませるのは難しい。となれば、対応版を作るまでです。DraftPadで。だって検索しやすいんだもん。

draftpad://self/web?source=<title>wait...</title><script>function main(x){location=x.URL;}location=%22draftpad:///webdelegate?load=main%26unloadconfirming=true%26unloadconfirmtitle=リンクを作成しますか？%26unloadconfirmdefault=はい%26unloadconfirmclose=いいえ%26unload=function(){location=\"draftpad:///webdelegate?load=f\";f=function(x){mode=document.title.match(\"Kindle Store\");a=(mode)? document.getElementsByName(\"ASIN.0\") : document.getElementsByName(\"a\") ;URL=\"http://www.amazon.co.jp/dp/\"+a[0].value+\"/\"+x.AmazonID;IMAGE=(mode)? detailImg.src : document.getElementById(\"main-image\").getElementsByTagName(\"img\")[0].src.replace(/_SL75_/,\"_SL160_\");PRICE=(mode)? document.getElementsByClassName(\"kindlePrice\")[0].innerText : price.innerText;TITLE=(mode)? document.getElementsByClassName(\"title\")[0].innerText : document.getElementsByTagName(\"h1\")[0].innerText;NAME=(mode)? right.innerText.split(\"\\n\")[1] : document.getElementById(\"by-line\").innerText; LINK=\"<div style=%27background:#ebede2;padding:10px;border-radius:5px;border:1px solid #c8bbbe;%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 gray;%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></div>\";draftpad.replaceCurrent(LINK);}}%22</script>&URL=http://www.amazon.co.jp/gp/aw/s/ref=?ie=UTF8%26k=<@>&AmazonID=winerose-22

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



使い方はいつも通り、キーワードを書いてアシスト実行。iPadでもモバイル版アマゾンが立ち上がるようにしました。シンプル。パソコン版がいかに広告だらけか分かる。



紹介したい音楽や書籍のページで、左上の[Done]をタップし内蔵ブラウザを閉じる。するとリンクを作成するかと尋ねてくるので「はい」で確定。リンクプレートの呪文がDraftPadの編集画面に貼りつきます。これをブログに載せれば完了。


こんな感じになります。ページ内を抽出する方式なので、メーカーや出版年の情報が付いてません。詳しくはリンク先を見てもらう。それもまた一興じゃないかと。


モバイルテール/ブラック
作者: 新日本機能食品
価格: ￥917


ガジェット関連の紹介もできるけど、走らないページもあるかも知れない。


五重塔 (Kindle版)
作者: 幸田 露伴 (著)
価格: ￥ 0


Kindle版もこのアシストで賄えます。ほとんど別立てのスクリプトをアシストに盛り込みました。Kindle版書籍の購入もそのままDraftPadで出来ちゃいます。

なんか、ブックマークレット版よりも良いのができた。書籍関係の画像はモバイル版の方が使いやすい。パソコン版は白い背景が前提で凝れなかった。出来上がりのチェックをしながら書くときは、Blogviewの併用がオススメです。レビューを見て購入の参考にしたり、未読の本についても一家言ぶったりできます。アマゾンって便利。
DraftPad用の自作アシスト集


(追記:2013/5/20) Amazon側に変更があったので対応版
アマゾンのリンクプレートを作るDraftPadアシスト AmazonSearch(改訂版)