にーやんのブログ

あまびき開発 12 日目。

Yahoo!検索Webサービスの利用

Yahoo!検索Webサービスのウェブ検索Webサービスを使って、Amazon.co.jp 内の商品を検索できるようにした。といっても、site パラメータに www.amazon.co.jp を指定しただけ。

ただし、Yahoo! の API は 1 日あたりのリクエスト回数制限があるので、あくまでも補助的な位置づけ。9 日目に導入したタブメニューで Amazon 用と Yahoo! 用のフォームを切り替えるわけだが、デフォルトでは、Amazon が選択されるようにする。

Amazon 用の関数を元に Yahoo! が返す XML データをパースする関数を 作成。

Yahoo! のクレジット表示を追加

Yahoo! JAPAN が提供する API を利用する場合は、クレジット表示をする必要があるとのこと。Yahoo!デベロッパーネットワーク - クレジット表示を参考にフッタ部分に追加。一定以上のマージンを設けなければならない関係で、フッタの高さが大きくなってしまった（結果として検索結果の表示部分が狭くなる）。

SearchIndex=Blended の場合の問題

SearchIndex が Blended の場合に、2 ページ目より後ろへのスクロールがうまく行かないことがわかった。

Blended では、CorrectedQuery でヒットした Item も含まれるため、必ずしも 10 件の Item が返ってくるとは限らない。これが影響しているのかもしれない。

Blended は検索結果が見つからなかった場合にも処理がややこしくなるので、いったん検索対象から外すことも検討することにする。

この記事は、Amazon.co.jp 商品検索サイト「あまびき」の開発中につけていたメモを、ブログ用にまとめ直したものです。

あまびき開発 11 日目。

ドメイン取得

ある程度、完成できそうな目処が付いた（と思った）ので、調子に乗ってドメインamabiki.com を取得した。

追記: 今考えると、取るのが早すぎた。実際、開発 50 日目を超えた今も完成していない・・・。

検索結果が 0 の場合の処理

何もヒットしなかった場合のページを作成しようとしたが、うまく行かなかったので、後日に回すことにする。以下、メモ。

• 検索結果が見つからなかった場合、自動的に訂正されたクエリ（CorrectedQuery）とそれにもとづいて検索された結果（Item）を返してくる場合がある。単に Item がないから、何もヒットしなかった場合のページを表示、というわけには行かない。
• これまで XML の中から Item 要素ごとに商品リストを作成していたが、とくにカテゴリ（SearchIndex）を Blended にした場合には、キーワードにマッチした Item と CorrectedQuery にマッチした Item の区別がつかない。
  • Blended の場合は CorrectedQuery にマッチ Item を除外し、Blended 以外の場合は何もヒットしなかった場合のページを表示するようにしたい。

この記事は、Amazon.co.jp 商品検索サイト「あまびき」の開発中につけていたメモを、ブログ用にまとめ直したものです。

あまびき開発 10 日目。

IE 対応

• IE 6 でレイアウトが崩れるのを修正。
• IE 5.5 / IE 6 でアルファチャンネル付き PNG 画像（透過 PNG）を正常に表示させるために jquery.pngFix.js プラグインを導入。

Interface プラグインを試す

ドラッグ＆ドロップなどさまざまなエフェクトをもつ Interface プラグインを試す。

まずは Tooltip を実装してみるが、なぜか IE で下記のように読み込むだけでステータスバーにビックリマークが出るようになる。

<script type="text/javascript" src="./interface.js"></script>

他の jQuery を使った処理にも影響が出たので、いったん Interface プラグインを使うのをやめた。

追記: jQuery UI には、Interface プラグインと同様の機能（ドラッグ＆ドロップなど）を持ったライブラリが含まれている。

この記事は、Amazon.co.jp 商品検索サイト「あまびき」の開発中につけていたメモを、ブログ用にまとめ直したものです。

あまびき開発 9 日目。

• アイコンを作り直す（Paint Shop Pro 7 使用）

• タブメニューの導入（検索オプションの切り替え用）

  • タブメニューの実装には idTabs プラグインを使用した。
  • 追記: jQuery 1.2 リリースとほぼ同時期にリリースされた jQuery UI にも、タブメニュー用のライブラリが含まれている。オフィシャルからのリリースということで、こちらの方が多少安心感はあるかも（jQuery がバージョンアップしても、使えなくなることはないだろうという意味で）。

この記事は、Amazon.co.jp 商品検索サイト「あまびき」の開発中につけていたメモを、ブログ用にまとめ直したものです。

あまびき開発 8 日目。

• 前/次ボタンによるアイテム間移動/ページ遷移の実装を試みるが、時間がかかりそうなので当面はマウススクロールによるページ遷移のみで行くことにする。

  • 前/次ボタンによるアイテム間移動/ページ遷移は後回し。
  • キーボードショートカットにも対応する予定。

• アイコンをいくつか作る（Inkscape 使用）。

この記事は、Amazon.co.jp 商品検索サイト「あまびき」の開発中につけていたメモを、ブログ用にまとめ直したものです。