K4750.NET

ねんどろいどの部屋(その4)

nndrid

ねんどろいどの部屋」を気の向くままに更新中。まだ開発環境のみでしか試していないが、表示させるねんどろいどの数を大幅アップ中(300~500)。Amazonへのリクエスト負荷を考えると本番環境にのせるのは却下ですね。。将来的にはページングに対応したいところ。


1.本日の更新(開発環境のみ)

  • 今までItemSearchによる検索時のリクエストパラメータMerchantIdを「Amazon」にしていたのだが、検索結果件数が少ないのでMerchantIdを外してみた。Amazonでは「ねんどろいど」は500商品くらい取扱いがあるようにみえる。
  • (どうでもよいけど)裏方の仕組みを大幅更新。レスポンスが大きく待たされるタイミングをゼロにした。
  • 画面表示に使用する画像を、ASINにもとづいて決定したURLから、ItemSearchの結果に含まれるImageSetのURLへ変更した。ASINにもとづいて決定する場合、画像が存在しないURLになる場合があるため(MAINを使えば必ず存在する(かもしれない)が、背景白の画像がほとんどで、みっしり表示には向かない)。
  • Mac miniのSafariでも動作確認を実施。きっと、iPhoneでも綺麗に表示されるに違いない!

2.今後の予定

  • 画像クリック時に、いったんその商品の画像を詳細ウィンドウで確認できるようにする(amazon.co.jpへの遷移は詳細ウィンドウからのみとする)。
  • 表示画像を自由に変える、不要・表示したくない画像を消す機能(管理機能)を作る。
  • ページング対応。

ねんどろいどの部屋

nndrid

ねんどろいどの部屋」というサイトを作ってみた。Amazonの「フィギュア・コレクタードール」の検索結果を表示するだけのサイトだが、ねんどろいど画像が“みっしり”表示されるのが特徴。ゼヒ一度ご覧あれ。


1.作った経緯

  • ねんどろいどフィギュアをウィンドウ一面にぎっしり・みっしり並べて俯瞰(フカン)してみたい。
  • Javaの今どき(?)のライブラリで色々遊んでみたかった(Jersey、Thymelief、Bootstrap、jQuery、etc.)。・・・書いてみて思うに、あまり今どきではないな!
  • JavaでAmazonのProduct Advertising APIを使ってみたかった。

2.妥協色々

まだまだ雑な作りで改良の余地は色々ある。

  • Chromeなら100%みっしりが実現できるのだが、FirefoxとIEでは、画像サイズ調整がうまくいかず、各行の横幅が一定しない。回避策として左右に余白を数ドット入れたが、、美しくない!悔しい!なんとかしたい!
  • 静的なサイトなので、見ていて飽きる。少し動きのある要素がほしい(表示内容は1日程度で書き換わるようにはなっている)。
  • 一部、画像の拡大による劣化が見られる。劣化は極小化したい。
  • 画像へのマウスオーバー時のアクションを色々追加したい。商品情報をもっと活用したい。
  • 当初は「可変グリッドレイアウトといえばMasonry」と思い実装したが上手く機能させられず。独自に実装してみたものの、コードが見れたものではない。
  • Bootstrapが使えてない。ヘッダー&フッターに活用する予定。

3.試した環境

  • Windows8.1(64bit):Google Chrome 37、Firefox 32、Internet Explorer 11
  • Android4.4.4:Google Chrome 37