Amazon商品の価格変動チェック「あまとも」
コミックダッシュ!は初音ミクGTプロジェクトを応援しています
個人ニュースサイトを巡回する「メガとんトラック」
全ての記事 携プレMP3 デジカメ レコーダ ゲーム メモリ デジモノ コラム 雑談 ブログ あまとも コミックダッシュ!
前の記事次の記事
2011/11/24 02:44 - 2011/11/19

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

カテゴリ : コミックダッシュ! タグ :

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

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



    投稿者 CK : 記事URL | コミックダッシュ! | | 2011/11/24 02:44


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

    トップに戻る

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



    ▼ コメント ▼

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


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


    ▼ トラックバック ▼

    このエントリーのトラックバックURL:

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