| @技術/プログラミング

最近のコメントのページ(Recent Comments)で、各コメントのタイトルにマウスオーバーするとコメントの本文を取ってきてぬるっと表示するようにした。Tumblrの notes を読み込むときみたいなアクション。結構かっこいい。

コードはこんな感じ。相変わらず無駄な変数が多い気がする。もうちょっと行数減らせそうなんだけど書き方が分からん。

// load entire comment
$(document).ready(function() {
	$("#recent-comments a.taggedlink").mouseover(function() {
		var loadUrl = $(this).attr("href");
		var id = loadUrl.match(/#.*/);
		var cid = 'div' + id;
		var cip = 'div' + id + ' + p.auth' ;
		var loadPath = loadUrl + ' ' + id + ' div[class=comment-content]';
		$(cid).load(loadPath, function() {
			$(cip).css("clear", "both");
			$(this).slideDown("slow");
		});
	});
});

今回はonclickとか使わずに極限までJavaScriptだけでアクションを実現しようとしたけどやっぱ無理だった。諦めて途中でHTMLの構造をいじってしまった(idを指定した)。もっと勉強しないといけないなー。

| @ブログ

Tribe Called Questの人のことじゃないよ(古)

ToolTip系のPlug-inはブログを作ったばかりの結構最初の頃から長いことArekorePopupを使ってました。透過やtext-shadowが美しいのでいまでも好きなんですけど、SafariがVersion 3.xになってからポップアップの位置がずれるようになった。誰か解決方法をブログに書いてないかなーってずーっと探してたんだけど、なかなか見つからない。

さらに先日、Googleの(Googleとは直接関係ないらしい)Chromiumを試してみたところこちらでもArekorePopupの表示位置がずれる。どうやらこれはSafariに固有の問題じゃなくてWebKit系全般の問題のようだ。

ArekorePopupは長らくバージョンアップとかされてないし、jQueryのプラグインに似たようなやつがあったので思い切って外してみることにした。それがこのqTipってやつです。

qTip jQuery plug-in qTip - The jQuery tooltip plugin - Home -

qTipの特徴はと言いますと、

  • スタイルを簡単にカスタマイズできる
  • 透過pngとか画像を使ってなくて完全にCSSとHTMLだけでスタイリングされてる
  • クロスブラウザなのでIEのこととかなんも考えずに使える
  • ファイルサイズが小さい
  • APIとかが充実しててカスタマイズ魂を刺激する
  • 画像とかHTMLもポップアップで表示できるらしい

text-shadowとか背景の透過表示はできないところがArekorePopupに負けてますが、ToolTip自体の表示位置だとか矢印の表示位置を激しくカスタマイズできるのが結構良い感じです。

ちなみにこのブログでは以下のように記述して使ってます。

$("a[title], img[alt]").qtip( {
	style: {
		padding: 5,
		background: '#191919',
		color: '#FFFFFF',
		title: {
			'font-size': 10
		},
		border: {
			width: 7,
			radius: 5,
			color: '#191919'
		},
		tip: 'topLeft',
		name: 'dark' // Inherit the rest of the attributes from the preset dark style
	},
	position: {
		target: 'mouse'
	}
});

| @技術/プログラミング

クリックした後にしばらく経ってから続きの部分が表示されるだけだとつまらないから、クリックしてから続きが読み込まれるまでの間にローディングgifが表示されるようにしてみた。参考にさせてもらったのはhysyskさんのブログ。

ローディングgifはこちらで作った。

コードはこんな感じ。よかったらどなたか添削してください。

function readMore(x) {  
  
	// format vars
	var id = x.replace("#", "");
	var loadPath = '/article.php?id=' + id + ' div#wrapper div[class=comment entry-content]';
	var rm = x + ' p.read-more a';  
  
	// hide read-more  
	$(rm).hide();  
  
	// write ajax-loader.gif
	$(x).append('<div id="loading" style="text-align: right; position: relative; top: -28px;"><img src="./images/ajax-loader.gif" width="28" height="28" /></div>');  
  
	// show and hide ajax-loader.gif
	$("#loading").bind("ajaxSend", function() {
		$(this).show();
	}).bind("ajaxComplete", function() {
		$(this).fadeOut("slow");
	});  
  
	// load rest of content
	$(x).load(loadPath);  
  
}

| @技術/プログラミング

jQueryを使って、「もっと読む」をインタラクティブにした。これまでもjQueryを使って細工してたんですけど、slideToggle() で先読みしたものを隠しておいて、クリックで展開するという感じにしてた。まぁこれでも良いんだけど、Ajaxってのに挑戦してみたかったので、「もっと読む」リンクをクリックした後に残りの部分を読み込むような仕掛けにした。どんな風になるかは「もっと読む」をクリックして調べてみてください。 Continue reading...

| @技術/プログラミング

ISBN変換プラグインのProduct Advertising API対応版を公開します(参照 : Amazon AWSからお便り APIが変わるらしい)。ひょっとしたらうまく動かないかも知れないけど、そのときはご連絡下さい。注意点はダウンロードページに書いてあります。

| @映画/ドラマ/テレビ

グラン・トリノ

評価 : ★★★★★

朝鮮戦争に招集された経験を持ち、フォードの組み立て工をしていた主人公のウォルター・コワルスキー(クリント・イーストウッド)。最愛の妻を亡くし一人寂しい日々を送る。2人の息子との関係はうまくいかず、周囲の人には心ない言葉を浴びせまくる。ポーチに腰掛けてビールを飲みながら犬に話しかける毎日。しかし妻の葬儀の日に隣にアジア系のモン族が引っ越してきて、モン族の少年タオと触れあううちに彼の心境は変化していく。

すばらしかった。クリント・イーストウッドは前作の『チェンジ・リング』も評判が良く(見に行きたかったんだけど見に行けなかった)、俳優よりも監督のウェイトの方が重いんじゃないか。事実今作が俳優活動の引退作品であるようだ。今後は積極的には俳優業はやらず、監督業に専念する模様。 主人公のコワルスキーは頑固な古典的アメリカ人で、アジア系や黒人を露骨に差別する。何かあるとすぐに銃を引っ張り出す。隣人が芝生に入っただけでもライフルで脅す。まるでこち亀のボルボ西郷みたいなところもあるんだけど、なんかやたらカッコいい。アジア人をバカにしながら、隣人のタオの姉スーが黒人に絡まれてるときにはトラックで現れてチンピラを銃で脅して撃退する。スーと一緒にいた白人のボーイフレンドは黒人のチンピラ連中に「ようブロー(兄弟)」みたいな黒人っぽい英語で話しかけて友好的にその場をしのごうとするんだけど、「ハァお前何言ってんだヴォケ」みたいな反応されてビビりまくる。結局、クリント・イーストウッドが現れて黒人のチンピラを追い払う。なんつーのかな、ツンデレっていうのかも知れないけど、「あんたなんて嫌いなんだからね!」って言いながらタオとスーのことを助けるのだ。

同じモン族のチンピラがタオをチンピラグループに入れようとしてしつこく付きまとうんだけど、これもクリント・イーストウッドが追い払う。そんでタオのあまりのヘタレぶりに辟易し、タオをかっちょいいアメリカ人の男に育て上げようとする。工具を貸し与えたり女の子をデートに誘うようにけしかけたり床屋でのかっちょいい話し方を教えたり建設現場でのアルバイトの口を見付けてきてやったり。この辺の逆『ベスト・キッド』的なところがすごく良い。

『チョコレート』っていう映画では黒人を差別してた元刑務官が、自分が刑を執行した黒人受刑者の妻と付き合うようになるけど、あれに似たところもある。異人種間の融和というか。

そしてさらに、アメリカ人の男とはどうあるべきなのか、アメリカ人のアイデンティティとは何なのかを、アジア系のニューカマーであるタオに徹底的に教え込もうとする主人公の姿勢が新しい。

一見すると時代の流れと無関係に存在するような作品なんだけど、テロやアフガン戦争、イラク戦争、そして金融危機とアメリカのビッグスリーの凋落など、アメリカの繁栄にかげりが見えるいまだからこそ、クリント・イーストウッドはこの映画を作ったのではないかと感じた。時代は変容して白人中心のアメリカから、いろんな肌の人によって構成される多民族国家のアメリカ像を描こうとしたんではないか。さらに自動車のビッグスリーはトヨタに食われっぱなしだ。元フォードの従業員の主人公は、息子がトヨタのランドクルーザーに乗りトヨタ車を売って回っているのが癪に触る。息子と関係がうまくいかないことの一因でもありそう。しかし物語の中でウォルターが大切に保管している72年式のクラシックカー、グラン・トリノが大きな役割を果たす。もう一度グラン・トリノのようにアメリカを輝かせよう、そういう意図があるんではないかなと感じた。

ところでこの映画に登場する白人はみんなカトリックなんだけど、ここにも重要なメッセージがあることに見終わってから気がついた。アメリカで主流のエスニックグループはWhite Anglo-Saxon ProtestantのWASPなわけだが、主人公コワルスキーはポーランド系、床屋のおっさんはイタリア系、建設現場のおっさんはアイルランド系。みんな白人ではあってもカトリックで、イギリス系ではないので非主流グループということになる。第二次大戦の前後まではイタリア系やアイルランド系は職に恵まれず、移民してきても大変な生活を強いられていた。それでもアメリカにとけ込んで国の成長を支え、立派なアメリカ人になった。これからはアイルランド系やイタリア系やポーランド系にかぎらず、アジア出身の新しいアメリカ人たちがアメリカを支えるのだ、っていうメッセージを僕は感じ取った。

最後にウォルターは考え得る最善の方法でスーとタオを守る。どんな方法かは見てのお楽しみだが、もうちょっと他に方法はなかったのかと考え込んでしまった。

| @技術/プログラミング

はてなダイアリーとかはカテゴリーごとにフィードを生成してて便利だと思ったので真似してみました。たとえば category.php?k=映画 にアクセスしたら、映画のフィードだけにアクセスできる。もう金輪際、僕のチラシの裏的雑記で精神的苦痛を被ることはありません! =-o 読みたいカテゴリーのフィードを選択して時間を有効活用してください。