にーやんのブログ :: あまびき開発日誌 #37 ～ #40

« Google App Engine SDK: Hello, World! を表示させるまで | Main | Google App Engine SDK: webapp フレームワーク »

あまびき開発日誌 #37 ～ #40

あまびき開発 37 ～ 40 日目。

37 日目

Yahoo! 検索 Web サービスで検索した場合に、お取り置き欄のレイアウトが崩れていたのを修正。
- 前日、CSS で角を丸くした際に Yahoo! 経由での検索結果表示時の高さ調整を忘れていたのが原因。
検索結果表示欄とお取り置き欄の overflow 属性の設定を auto から scroll に変更。その親要素の overflow 属性を hidden にし、高さをより低くすることによって横スクロールバーを隠す。

38 日目

商品タイトルが長い場合には省略することにした。下のような感じで substr を使ってみたが、日本語でも問題なくカットできた（みたい）。

    // 例:
    var $title = $("Title", this).text();
    if($title.length > 48){ // 48 文字より多い場合はカット
        var $shorttitle = $title.substr(0, 48) + "..."; // 末尾に ... を追加
    } else {
        var $shorttitle = $title;
    }

39 日目

Creators の Role 属性も取得して、「作者名（Role）」という形で表示することにした。Role 属性の値は attr() を使えば取得できる。

// 例:
var $role = $("ItemAttributes/Creator").attr("Role");

40 日目

検索フォームを JavaScript で生成するのをやめた。読み込んだときに、Opera で一番最初の select メニューが選択されないため。
「便利な機能」のヘルプを追加。
jqueryselectcombo プラグインを 1.2 に更新したら IE で動作しなくなったので、結局 1.1 に戻した。Firefox では 1.2 も動くが、メインの select メニューを変更するたびにサブメニューの要素数が返ってくる（Firebug のコンソール画面で確認）。

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