2009年09月29日
AmazonのCDジャケ画の仕組み-2
AmazonのCDジャケ画の仕組みについて第二弾です。あきらめてません。
Javascriptsで細工していることは分かったので、読み込みのパターンがあるんだろうなと考えました。んで単純にソースコードを読んでみたところ、気になる部分が二箇所ありました。
まずはこの部分です。「var scaleLevels」を検索してみましょう。
ここはどうやら解像度ではないかと思えます。(MediaServicesZoomScale)って書いてますからね（ｗ。拡大させた時に落とせるピースとなった画像は400*400ピクセルだと言うことを確認しましたし。scaleLevels[1]から[3]までが拡大のレベルだとめぼしをつけました。Levels[3]では1665*1644ピクセルだということがなんとなく分かります。400*400ピクセルだから、400*400:1600*1600ピクセルをオーバーするので、縦横ともに4倍では足りず5倍になりそうです。つまり5*5=25枚のピースになっているものだと推測です。
次に気になったのはダウンロードURLの部分です。これはソースにはかかれておらずFirebugで突き止めました。Javascriptで生成している部分なのでソースに含まれないのでしょうね。
SCR(3,0,0)が厄介な部分です。数字が3つ区切られています。第一引数の3は倍率の3、第二引数は行？、第三引数は列？ではないかと思います。（行と列が逆かも知れないけど）
いずれにしてもこの規則性を使えばダウンロードリストが25ピース分作れるはずです。
Javascriptsで細工していることは分かったので、読み込みのパターンがあるんだろうなと考えました。んで単純にソースコードを読んでみたところ、気になる部分が二箇所ありました。
まずはこの部分です。「var scaleLevels」を検索してみましょう。
<mce:script language="javascript">
<!--
var scaleLevels;
scaleLevels = new Array(4);
scaleLevels[0] = new MediaServicesZoomScale(600, 592, 600);
scaleLevels[1] = new MediaServicesZoomScale(832, 822, 400);
scaleLevels[2] = new MediaServicesZoomScale(1249, 1233, 400);
scaleLevels[3] = new MediaServicesZoomScale(1665, 1644, 400);
DynAPI.addZoomViewer("http://z2-ec2.images-amazon.com/images/R/B002GWP6PY.01",420,420,1665,1644,218827953,"amztile",scaleLevels);
// --></mce:script>
ここはどうやら解像度ではないかと思えます。(MediaServicesZoomScale)って書いてますからね（ｗ。拡大させた時に落とせるピースとなった画像は400*400ピクセルだと言うことを確認しましたし。scaleLevels[1]から[3]までが拡大のレベルだとめぼしをつけました。Levels[3]では1665*1644ピクセルだということがなんとなく分かります。400*400ピクセルだから、400*400:1600*1600ピクセルをオーバーするので、縦横ともに4倍では足りず5倍になりそうです。つまり5*5=25枚のピースになっているものだと推測です。
次に気になったのはダウンロードURLの部分です。これはソースにはかかれておらずFirebugで突き止めました。Javascriptで生成している部分なのでソースに含まれないのでしょうね。
http://z2-ec2.images-amazon.com/R/1/a=B002GWP6PY+d=_SCR(3,0,0)_+o=01+s=RMTILE+va=MAIN+ve=218827953+e=.jpgB002GWP6PY、218827953という部分は、商品ページについているので商品管理コードみたいなものでしょう。他の商品ページと比較してみると一目瞭然ですね。
SCR(3,0,0)が厄介な部分です。数字が3つ区切られています。第一引数の3は倍率の3、第二引数は行？、第三引数は列？ではないかと思います。（行と列が逆かも知れないけど）
いずれにしてもこの規則性を使えばダウンロードリストが25ピース分作れるはずです。
作ってみました。
Irvineでダウンロードしてみたら成功！！一気にダウンロードできますね。ってことでいいのかな？
これらを一気に結合する画像処理ソフトみたいなのがあれば楽なんですけどね。残念ながら知りません。Fireworks辺りでガイドを引いてパズルのように並べて行くしかないのかな？Phothoshopならスクリプトで処理できそうなんだけどねー
http://z2-ec2.images-amazon.com/R/1/a=B002GWP6PY+d=_SCR(3,0,0)_+o=01+s=RMTILE+va=MAIN+ve=218827953+e=.jpg
http://z2-ec2.images-amazon.com/R/1/a=B002GWP6PY+d=_SCR(3,0,1)_+o=01+s=RMTILE+va=MAIN+ve=218827953+e=.jpg
http://z2-ec2.images-amazon.com/R/1/a=B002GWP6PY+d=_SCR(3,0,2)_+o=01+s=RMTILE+va=MAIN+ve=218827953+e=.jpg
http://z2-ec2.images-amazon.com/R/1/a=B002GWP6PY+d=_SCR(3,0,3)_+o=01+s=RMTILE+va=MAIN+ve=218827953+e=.jpg
http://z2-ec2.images-amazon.com/R/1/a=B002GWP6PY+d=_SCR(3,0,4)_+o=01+s=RMTILE+va=MAIN+ve=218827953+e=.jpg
http://z2-ec2.images-amazon.com/R/1/a=B002GWP6PY+d=_SCR(3,1,0)_+o=01+s=RMTILE+va=MAIN+ve=218827953+e=.jpg
http://z2-ec2.images-amazon.com/R/1/a=B002GWP6PY+d=_SCR(3,1,1)_+o=01+s=RMTILE+va=MAIN+ve=218827953+e=.jpg
http://z2-ec2.images-amazon.com/R/1/a=B002GWP6PY+d=_SCR(3,1,2)_+o=01+s=RMTILE+va=MAIN+ve=218827953+e=.jpg
http://z2-ec2.images-amazon.com/R/1/a=B002GWP6PY+d=_SCR(3,1,3)_+o=01+s=RMTILE+va=MAIN+ve=218827953+e=.jpg
http://z2-ec2.images-amazon.com/R/1/a=B002GWP6PY+d=_SCR(3,1,4)_+o=01+s=RMTILE+va=MAIN+ve=218827953+e=.jpg
http://z2-ec2.images-amazon.com/R/1/a=B002GWP6PY+d=_SCR(3,2,0)_+o=01+s=RMTILE+va=MAIN+ve=218827953+e=.jpg
http://z2-ec2.images-amazon.com/R/1/a=B002GWP6PY+d=_SCR(3,2,1)_+o=01+s=RMTILE+va=MAIN+ve=218827953+e=.jpg
http://z2-ec2.images-amazon.com/R/1/a=B002GWP6PY+d=_SCR(3,2,2)_+o=01+s=RMTILE+va=MAIN+ve=218827953+e=.jpg
http://z2-ec2.images-amazon.com/R/1/a=B002GWP6PY+d=_SCR(3,2,3)_+o=01+s=RMTILE+va=MAIN+ve=218827953+e=.jpg
http://z2-ec2.images-amazon.com/R/1/a=B002GWP6PY+d=_SCR(3,2,4)_+o=01+s=RMTILE+va=MAIN+ve=218827953+e=.jpg
http://z2-ec2.images-amazon.com/R/1/a=B002GWP6PY+d=_SCR(3,3,0)_+o=01+s=RMTILE+va=MAIN+ve=218827953+e=.jpg
http://z2-ec2.images-amazon.com/R/1/a=B002GWP6PY+d=_SCR(3,3,1)_+o=01+s=RMTILE+va=MAIN+ve=218827953+e=.jpg
http://z2-ec2.images-amazon.com/R/1/a=B002GWP6PY+d=_SCR(3,3,2)_+o=01+s=RMTILE+va=MAIN+ve=218827953+e=.jpg
http://z2-ec2.images-amazon.com/R/1/a=B002GWP6PY+d=_SCR(3,3,3)_+o=01+s=RMTILE+va=MAIN+ve=218827953+e=.jpg
http://z2-ec2.images-amazon.com/R/1/a=B002GWP6PY+d=_SCR(3,3,4)_+o=01+s=RMTILE+va=MAIN+ve=218827953+e=.jpg
http://z2-ec2.images-amazon.com/R/1/a=B002GWP6PY+d=_SCR(3,4,0)_+o=01+s=RMTILE+va=MAIN+ve=218827953+e=.jpg
http://z2-ec2.images-amazon.com/R/1/a=B002GWP6PY+d=_SCR(3,4,1)_+o=01+s=RMTILE+va=MAIN+ve=218827953+e=.jpg
http://z2-ec2.images-amazon.com/R/1/a=B002GWP6PY+d=_SCR(3,4,2)_+o=01+s=RMTILE+va=MAIN+ve=218827953+e=.jpg
http://z2-ec2.images-amazon.com/R/1/a=B002GWP6PY+d=_SCR(3,4,3)_+o=01+s=RMTILE+va=MAIN+ve=218827953+e=.jpg
http://z2-ec2.images-amazon.com/R/1/a=B002GWP6PY+d=_SCR(3,4,4)_+o=01+s=RMTILE+va=MAIN+ve=218827953+e=.jpg
Irvineでダウンロードしてみたら成功！！一気にダウンロードできますね。ってことでいいのかな？
これらを一気に結合する画像処理ソフトみたいなのがあれば楽なんですけどね。残念ながら知りません。Fireworks辺りでガイドを引いてパズルのように並べて行くしかないのかな？Phothoshopならスクリプトで処理できそうなんだけどねー
関連ページ
これより先はプライベートモードに設定されています。閲覧するには許可ユーザーでログインが必要です。
トラックバックURL
この記事へのトラックバック
2. Amazonの画像加工(13) 画像拡大の仕組み、画像のタイル化 [ PE２プレイ記録ほか ] 2009年12月17日 06:01
劇場版「空の境界」 忘却録音 【完全生産限定版】 [DVD]をサンプルとします。
1. Amazonの画像加工(13) 画像拡大の仕組み、画像のタイル化 [ PE２プレイ記録ほか ] 2009年12月16日 08:18
劇場版「空の境界」 忘却録音 【完全生産限定版】 [DVD]をサンプルとします。
この記事へのコメント
1. Posted by ダイス 2010年06月12日 17:50
なるほど！同じくAmazonの画像拡大の仕組みについて疑問に感じ、調べていたらこちらにたどりつきました。
早速試してみようと思い、
＞次に気になったのはダウンロードURLの部分です。
とございましたので、Firebugを使用してダウンロードURLの部分を突き止めようと試みているのですが、いまいち場所がよくわかりません。
ダウンロードURLの部分の突き止めに関して、わかりやすくご教授いただければ幸いです。
どうぞよろしくお願いいたします！
2. Posted by sasapurin 2010年06月13日 20:34
コメントありがとうございます。
この構造については既に他の方がもっと掘り下げて解析済みですのでご紹介しておきます。詳しいことが分かると思うので是非参照してみて下さい。私とは違う切り口で解説してくれています。
http://parasiteeve2.blog65.fc2.com/blog-entry-367.html
この構造については既に他の方がもっと掘り下げて解析済みですのでご紹介しておきます。詳しいことが分かると思うので是非参照してみて下さい。私とは違う切り口で解説してくれています。
http://parasiteeve2.blog65.fc2.com/blog-entry-367.html
3. Posted by sasapurin 2010年06月13日 20:35
> ダウンロードURLの部分の突き止めに関して、わかりやすくご教授いただければ幸いです。
端的に言えばFirefoxにFirebugというアドオンを入れておけば、それで対象となるAmazon拡大画像を選択してソースを読むだけです。なんら難しいことはありません。
最近はFirefox以外でもFirebugが試用できますので、そういうツールを使っての解析が最も手軽で確実だと思います。Firebugの使い方はこのスペースではお教え出来ませんが、色々なサイトで既に解説されているのでまずはFirebugを使ってみてはいかがでしょうか。
しかしなんとなく悔しいので解説ぺージ作ってみようかな・・でも既にAmazonの高解像度画像の取得については、上でご紹介したサイトさんに書かれているし、更にプログラムでダウンロード出来るところまでやっちゃってるみたいなので今更手作業の需要があるのかな？ってのも疑問ですね。
高解像度画像をゲットするのが目的ならリンク先で、構造を自分で調べたいというのでしたらまたコメント下さい。私やる気にさせてくれたら調べ方の解説記事書きます（ｗ
端的に言えばFirefoxにFirebugというアドオンを入れておけば、それで対象となるAmazon拡大画像を選択してソースを読むだけです。なんら難しいことはありません。
最近はFirefox以外でもFirebugが試用できますので、そういうツールを使っての解析が最も手軽で確実だと思います。Firebugの使い方はこのスペースではお教え出来ませんが、色々なサイトで既に解説されているのでまずはFirebugを使ってみてはいかがでしょうか。
しかしなんとなく悔しいので解説ぺージ作ってみようかな・・でも既にAmazonの高解像度画像の取得については、上でご紹介したサイトさんに書かれているし、更にプログラムでダウンロード出来るところまでやっちゃってるみたいなので今更手作業の需要があるのかな？ってのも疑問ですね。
高解像度画像をゲットするのが目的ならリンク先で、構造を自分で調べたいというのでしたらまたコメント下さい。私やる気にさせてくれたら調べ方の解説記事書きます（ｗ
4. Posted by geicontsuc 2012年10月22日 16:10
コメントありがとうございました 。 他の人が 既に もっと 掘り下げ ているので、私 は、この構造 が解析されると 紹介します。 私が 詳細を 知っているので、 世界を見 てみてください。 誰が 私と一緒に 別の カット で説明して 見てきました。 http://parasiteeve2.blog65.fc2.com/blog-entry-367.html
