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


■2011/11/18 [Amazonからブックマークレットで直接コミックダッシュ!のページに飛ぶ方法
Amazonからブックマークレットで直接コミックダッシュ!のページに飛ぶ方法]
この仕組みを応用すると、本家Amazonサイトでコミックの情報を見ているときに、ブックマークレット一発でコミックダッシュ!のページにジャンプさせることができるようになります。
ということで、ブックマークレット を使ってAmazonのコミック
商品情報のページからダイレクトにコミックダッシュ!のページに
ジャンプする方法についてご紹介しました。
 
同じことを スマートフォンでもやりたい! と思う方も多いと思いますので、
実践してみましょう。ブックマークレットという仕組み自体は大抵の
スマホのブラウザでも動作します。気をつける点といえば、PCのブラウザの
ように右クリックからブックマークレットを保存する、といったことが
できない点です。
 

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

 
PC版のページではこんな風に、フォームの中のパラメータ部分に、
「id="ASIN" value="**********"」 のようなinput要素があります。
idはHTML内に確実に1つしかないというのが原則ですので、
 
 getElementById('ASIN').value
 
でASINを特定してジャンプ先URLを決めることができます。
 

 
ところが、スマホ版のAmazon商品ページにはこの「id="ASIN"」にあたる要素に
idが振ってありません。
 

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

 
これで、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が分かればここに飛んでこられますので、スマホに限らず、
他のネットサービスからのリンク なども簡単に生成することができます。
そのあたりもご興味があればぜひ色々とお試しを頂ければ幸いです。
 


2011/11/19 [updated : 2011/11/24 02:44]


この記事を書いたのは・・・。
CK@デジモノに埋もれる日々 @ckom
ブログ「デジモノに埋もれる日々」「アニメレーダー」「コミックダッシュ!」管理人。デジモノ、アニメ、ゲーム等の雑多な情報をツイートします。




« Amazonからブックマークレットで直接コミックダッシュ!のページに飛ぶ方法

トップに戻る

BUFFALOの「おもいでばこ」(PD-100)、パッケージは「リア充ばこ」? »


▼ はてなブックマークのコメント ▼

Donca 2011/11/24
✔ Amazonからブックマークレットでコミックダッシュ!に飛ぶ(スマホ編)
はてなブックマークで
コメントしましょう


「Kindle本対応」に「スマホ完全対応」! コミックダッシュ!数年ぶりの大規模アップデートです。


「アニメスタイル005」は明日4/30発売、コミックダッシュ!の広告も載ってますw


「アニメスタイル005」に「コミックダッシュ!」のモノクロ広告を出させて頂く予定です


メガとんトラックのスマホページにページ処理を追加、コミックダッシュ!の新刊カレンダーも


コミックダッシュ!が重複商品だらけ、原因は「Kindle版」の出現


コミックダッシュ!に画像検索リンク追加 - 気になるシリーズの雰囲気をチェック


コミックダッシュ!他、サービス一時不具合のお詫び(7/16 am 4:14~11:44)


「ヒャッコ」「にゃんこい!」Flex Comixの出版元は全てソフトバンクからほるぷ出版へ


「あのマンガは○年世代?!」 過去10年(2002~2011)の新刊シリーズランキングを作ってみた


マンガ読みならおさえておきたい! 2011年初刊のコミックシリーズ・ランキング


Amazonからブックマークレットで直接コミックダッシュ!のページに飛ぶ方法


コミックダッシュ!「10,000人突破ありがとうキャンペーン」当選者発表!

ピックアップタグ




ブログ内検索



▼ コメント ▼

ご自由にコメントください(=゜ω゜)ノ
※管理人は多忙のためお返事はほとんどできません(スミマセン)。
スパムおよび本文と無関係なコメントは削除対象になる可能性があります。


保存しますか?




★コミックダッシュ! 10,000人突破ありがとうキャンペーン!(9/18~10/23)
 
デジモノに埋もれる日々 : (C) CKWorks