杏クリップ(anzu_clip)の手直し

杏クリップ(anzu_clip)

公開はしているものの私1人だけが使っている杏クリップ。Amazon, DMM.com, 楽天の3つのECサイトからアフィリエイト用HTMLをさくっと生成することができる微妙ツールでありますが、Amazon 部門を更新しました。

Amazon の URL で日本語が入ってる奴に対応
はてダにフィットするようにHTMLを生成する

以降は、具体的になにをやったか、という話なので物好きな人は続きをどうぞ。

Amazon の URL で日本語が入ってる奴に対応

いつの頃からか、amazon の商品URL に日本語が混じっていることがありまして。あれっていつからなのだろうねぇ。というわけで今までだと例えばこんな URL には反応しなかったんですが、

http://www.amazon.co.jp/%E3%83%8F%E3%83%81%E3%83%AF%E3%83%B3%E3%83%80%E3%82%A4%E3%83%90%E3%83%BC-9-%E3%83%A4%E3%83%B3%E3%82%B0%E3%82%B8%E3%83%A3%E3%83%B3%E3%83%97%E3%82%B3%E3%83%9F%E3%83%83%E3%82%AF%E3%82%B9-%E6%9F%B4%E7%94%B0-%E3%83%A8%E3%82%AF%E3%82%B5%E3%83%AB/dp/4088775422%3FSubscriptionId%3D0EYTEJVF8KFKVFCZKS02%26tag%3Ddoublecrownsp-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D4088775422

現在では問題なくHTMLが生成できます。anzu_list のほうでは日本語でも問題なかったので気がつかなかったんですな。私はまず、商品を amazon で検索後、anzu_list に登録しておいてから、杏クリップでHTMLを生成したのでね。つーか、anzu_list ってなんだよって人が全員でしょうから説明すると、amazon の商品を list 化する bookmarklet です。使っているのは私と知り合いのえろい人だけですが。

で、anzu_list では URL が

http://www.amazon.co.jp/exec/obidos/ASIN/4088775422/doublecrownsp-22

というように登録されているから日本語無関係だったわけです。いやはや。まあ日本語っつーか ASIN ナンバーをちゃんと抽出しとけばよかっただけなんですけれどね。

はてダにフィットするようにHTMLを生成する

ずーっとね、違和感があったんよ。自分のはてダに貼り付けている HTML の見栄えがどうも悪い。画像とテキストの幅が狭すぎる。うーん…。で、そうか、はまぞうと同じ HTML 吐けばいいんじゃん、と思ってスクリプトを見直したら、すでに実装してた…。つまり、開発当時からはてダ向けにちゃんと作っていたことを作者本人が失念していたという。…人間って忘れっぽい生き物ですね☆

ただ当時のままだと、若干表示が寂しかったのでよりはまぞうに近づけるようにしました。以下例おば。

○昔のデザイン