Amazonからブックマークレットでコミックダッシュ！に飛ぶ(スマホ編)

　
スマートフォンでブックマークレットを使うには、何かしらの方法で
ブックマークレットの文字列をコピペして、別のページのブックマーク情報を
編集してブックマークレットのコードに 書き換える といった工夫が必要です。
が、やってみるとそれほど難しいことはないでしょう。
　
　
さて、前回の記事でご紹介したコミックダッシュ！のブックマークレットを
そのままスマートフォンで実行してみると、実は正しく動作しません。
というのも、AmazonのPCページとスマホページでは内容が違うため、
ASINコードをjavascriptから取得する方法 も変えなければならないためです。
　

　
PC版のページではこんな風に、フォームの中のパラメータ部分に、
「id="ASIN" value="**********"」 のようなinput要素があります。
idはHTML内に確実に1つしかないというのが原則ですので、
　
　getElementById('ASIN').value
　
でASINを特定してジャンプ先URLを決めることができます。
　
javascript:window.location.href='http://ckworks.jp/comicdash/asin/c/'+document.getElementById('ASIN').value;
　
ところが、スマホ版のAmazon商品ページにはこの「id="ASIN"」にあたる要素に
idが振ってありません。
　

　
似たような要素として 「name="a"」 という名前の付いたinput要素があります。
nameはHTML内に複数存在してよいという原則で、実際に同じ「name="a"」という
名前を持った要素がこのページには2つ存在するのでちょっと不安です。が、
いまのところどちらも同じASINを示しているようですので、この要素の1つめ、
という感じで決め打ちしてしまっても、まぁ大丈夫といえば大丈夫でしょう。
　
ということで、先ほどとは違い、
　
　getElementsByName('a')[0].value
　
という感じでASINを取得します。スマホ版のAmazon⇒コミックダッシュ！の
ブックマークレットのコードは、ちょっとだけ変わってこんな感じになります。
　
javascript:window.location.href='http://ckworks.jp/comicdash/asin/c/'+document.getElementsByName('a')[0].value;
　
これで、Amazonのコミック商品ページにいるときに、
　

　
このブックマークレットを起動すると、コミックダッシュ！の
該当コミックのページに移動することができるようになります。
　

　
ということで、ブックマークレットを上手く使うと、スマートフォンでも
Amazonとコミックダッシュ！の間を簡単に行き来できるようになりますので、
ご興味を持たれた方はぜひお試しください。
　
　
さて、ブックマークレット自体はさておき、この仕組みのベースになって
いるのは、前回もご紹介をしたコミックダッシュ！の URL転送ルール です。
　
(1) http://ckworks.jp/comicdash/asin/c/(ASINコード)
　
　ASINコードで指定されたコミックの情報と、そのコミックが
　含まれる シリーズの一覧 を表示するページにジャンプします。
　
(2) http://ckworks.jp/comicdash/asin/s/(ASINコード)
　
　ASINコードで指定されたコミックが含まれるシリーズの中で、
　一番メインと思われるシリーズ 情報のページに直接ジャンプします。
これは例えばですが、スマホアプリ開発 の心得のある方が、
コミックのバーコードからISBNを読み取ってASINコードに変換し、
それをこのURLにしてジャンプさせる仕組みを作ったりすると、
それだけでコミックダッシュ！の 擬似バーコードリーダ みたいな
動きをするということになったりすることを意味します。
　
基本的にはASINが分かればここに飛んでこられますので、スマホに限らず、
他のネットサービスからのリンク なども簡単に生成することができます。
そのあたりもご興味があればぜひ色々とお試しを頂ければ幸いです。