軽量高速のjQ.Mobiを試してみる

かるい、はやい、ものすご〜いフレームワーク「jQ.Mobi」をさっそく試してみようと思う。

前にjQuryMobileでやった簡単なオークション検索を書き換えて使いやすさとか見てみる。ajaxでapi叩いてリストを表示するだけのシンプルなやつ。なので記事タイトルだとちょっと広過ぎで、内容としては『jQ.Mobiのajax関数を使ってみた』がいいところ。

[jQuery]フォームのselectを複数選択

selectを複数選択可能にするにはmultipleを指定すれば良いのだけれど、複数選ぶにはCtrl押しながら選択しないといけないのでユーザにやさしくない。直感的に選べるようにするには、jquery.multi-select.jsのプラグインが便利そう。デモや使い方は参照先にあり難しくもないので省略。

bloggerにadSenseの広告が出ない

ブログにadsenseを載せていたわけだが、でなくなってた。
bloggerのレイアウトの設定が変わっていたようで直したら表示されるようになった。
でないのが、いつからなのかなぜなのか、不明だけれどまたでてよかた

Webページ高速化のためにやっとくapacheの設定

最近忘れがちなので備忘録として。設定するのはYSlowの項目でいう、「Add Expires headers」、「Compress components with gzip」、「Configure entity tags (ETags)」。

Add Expires headers

Expiresヘッダを追加し有効期限設定してやる。
mod_expires

Compress components with gzip

データを圧縮して転送量を下げる。
mod_deflate

Configure entity tags (ETags)

正しく設定してキャッシュが正しく使われるようにする。
FileETag ディレクティブ

Etagについては正しく理解できていないのでメモ程度に。
・Etagはキャッシュの管理で使われる。(Etagをレスポンスに含めると、次回のリクエストではIf-None-Match:がヘッダに含められ、Etagが異なればキャッシュが使われずにデータが変えされる。）
・Etagを求める計算にinode番号を使用するので、複数台で負荷分散してるサイトだとEtagが一致しなくなってキャッシュが使われないってことだと思う。
・Etagを返さないように設定すると、YSlowの評価はFからAになるけど、実際の挙動としては、キャッシュが使われるか使われないかは、動作見た感じだとこの設定では変わってないような気がする。

jQuery UI Sortableで複数リスト間ソート

最近は何をするにもjQueryから調べる。だいたいやりたいことはできる。
今回は、複数のソート済みリストがあって、その要素をドラッグ&ドロップで別のリストに移せて、移したらそのリスト内でソートをしたい。

Yahoo!マーケットに掲載される開発者ウェブサイトが残念

Androidマーケットのアプリページの説明からスクレイピングしてるのか、説明内にurlがあると一番最初のurlが基本情報の開発者ウェブサイトになっちゃってるっぽい。抜いてるんだとしたら、アンカーテキスト「デベロッパーのウェブサイトにアクセス」まで含めて抜いてやらないとパッと見ダメそう。提携していてデータもらってるとかなら、そのデータがおかしいのか。まぁ、どちらにしても間違った情報を掲載しちゃってるわけなので。

amazonとか楽天とかの有名なサービスのURLを説明に入れてるアプリで開発者ウェブサイトとして誤掲載されてしまっているのをいくつか見たけど大丈夫かな。まぁ、ウェブサイトにとんで見て本家アプリだと勘違いしてインストールするなんてこともまずないだろうしいいのか。最終的にはAndroidマーケットからインストールするわけで、そこで再度開発者ウェブサイトを見るのかはわからないが正しい情報が載ってるわけだし。リリースされて1週間ちょっと経つが、軽くヤフってみた感じだとこの件騒がれる様子もないしきっと大した問題ではないのだろう。リリース自体がそれほど大きく取り上げられていない感はあるが…

ユーザが間違うかどうかはとりあえずおいておいて、サービスを作る者として『スクレイピングするときは十分に気をつけよう』という今日の教訓。基本は大事ということですね。
(実際にはスクレイピングのミスが原因なのかは知りませんが。あと、スクレイピング先のサイトの仕様なんて完璧に知り得ないので、注意したところでやってしまうときはやってしまいそうですが。。)

※12/12/12 追記
久しぶりに見てみたら修正された模様。誤掲載の証拠をとってた分けではないので、修正されたのか、もとから正しく掲載していたのかは証明できないけど。
今は正しい情報を掲載してるようなので誤解のおきないように追記っした。

jQuery Mobileで動的リスト

だいぶ前に勉強がてらに書いたjQuery Mobileでリスト表示したコード。参考にして使ってみたらリストのデザインでおかしくなる部分あったので修正しておく。

• DroidgapでWebアプリをAndroidアプリに変換してみる
• jQueryでAjax