« お決まりのキーワードを連続的に置換するExcelマクロ | Main | 検索が上位であることより重要なこと »

2009.02.07

jQueryで他サイトのtoto予想を効率よく収集するブックマークレット[totob]

toto予想のために前シーズンのJリーグの公式記録を解析していたが、残念なことに、今シーズンの日程が発表された途端に参照できなくなってしまった。というわけで当初の予定、つまり他の予想屋の情報を効率よく摂取するほうに専念することにする。

前に、予想屋のブログを自動で解析するようなものを作りたいと書いたが、自動解析は諦めた。費用対効果が悪そうだし、開幕まで間に合わなさそうだし。

そのかわり、こんな戦法を思いついた。

  1. はてなブックマークのブックマークレットと同じように、既存のページにオーバーレイするブックマークレットを作り、手動でtoto予想を集める。jQueryを使えばオーバーレイするダイアログを1行で書けるので、これを使う。
  2. ストレージはMySQLなどのRDBMSではなくGoogle Spreadsheetのform機能を使って流し込む。幸いgoogleドメインの外からpostしても使える。

で、作ってみたのがこちら。ブックマークレットにして呼び出すと任意のページでダイアログをオーバーレイ表示する。それぞれのチェックボックスが何を意味するかは書いてないがtotoに詳しい人ならわかるかな。で、送信ボタンを押すと、Google Spreadsheetにポストされる。(色々と見にくい点は後述)

totob/03.js (old version : 02.js)

作るうえで苦労したことを幾つか書いておく。

ブックマークレットからjQueryを使う

JavaScriptを本格的に使ったことがないので知らなかったが、jQueryのような外部スクリプトをスクリプト中でロードするのは簡単ではないらしい。amachangが提案している方法も、なぜかブックマークレットでは使えなかった。

で、ブックマークレットの中でjQueryを呼び出してみた。ブックマークレットが長くなる点が気になるが、Firefoxでは動いているのでOKとしておく。

ブックマークレットにCSSを適用させられない

最初に作った試作版ではjQuery用のCSSを適用していて、ダイアログの色やボタンまで、バッチリ装飾されている。好みではないが、jQuery標準のfloraというテーマだ。

totob/01.html

ブックマークレットで表示しているダイアログにもCSSを適用できたらいいのだが、jQueryお得意のCSSの要素変更も試しても適用されず、ものすごくカッコ悪い。

(ここから追記)ブックマークレットで表示しているダイアログにCSSを適用するには、ダイアログを表示した後にjQueryでCSSプロパティを操作すればよい。最初、ダイアログを表示させる前に指定したが効果がなかった。そんなものかな。

元のCSS(http://view.jquery.com/tags/ui/latest/themes/flora/flora.dialog.css)で

.flora .ui-dialog,
.flora.ui-dialog {
background-color: #e6f7d4;
}

とあった場合、

$('div.ui-dialog').css({
'background-color':'#e6f7d4'
});

と書く。これを、flora.dialog.cssに書いてある分だけ延々と手作業。これってjQueryをブックマークレットから使う時だけの苦労かな。誰か汎用化してないかな。

なお、元のCSSではdiv要素という指定はないので$('[class="ui-dialog"]')と指定する書き方もあるが、クラスだけを指定すると非効率的とnitoyonさんが書いていたので、なるべく要素を指定することにした。

まあ自分でしか使わないので放置プレイかな。

jQueryで作る Ajaxアプリケーション
jQueryで作る Ajaxアプリケーション 沖林 正紀

おすすめ平均
stars最初の一歩
stars初心者に優しくない
starsjQueryの知識を深めるのにはちょうどいい。
starsjQueryへの理解を深める上で最適な教科書

Amazonで詳しく見る
by G-Tools

|

« お決まりのキーワードを連続的に置換するExcelマクロ | Main | 検索が上位であることより重要なこと »

自作」カテゴリの記事

toto」カテゴリの記事

Comments

Post a comment



(Not displayed with comment.)


Comments are moderated, and will not appear on this weblog until the author has approved them.



TrackBack


Listed below are links to weblogs that reference jQueryで他サイトのtoto予想を効率よく収集するブックマークレット[totob]:

» 派遣切られたorz [ジャマランディ]
昨年末で派遣契約切れて、本気でヤバかったけど、 リアル友達に教えてもらったコレでなんとかホームレスにならずにすんだ(笑)   [Read More]

Tracked on 2009.02.12 11:39 AM

» 明日会社面倒くさいなぁ [Dr.Eden]
なにこれ!? お小遣い稼ぎのつもりだったのに、 3回ヤっただけで月収軽くこえちまたぁぁぁぁあぁっぁぁ!!!! なんか真面目に仕事してるの馬鹿らしくなってきた。。。(´・ω・`)  ... [Read More]

Tracked on 2009.02.12 09:48 PM

« お決まりのキーワードを連続的に置換するExcelマクロ | Main | 検索が上位であることより重要なこと »