«前の日記(2006年01月28日) 最新 次の日記(2006年01月30日)» 編集

ema log


2006年01月29日 [長年日記]

_ [最近] 「十二人の怒れる男」みました

十二人の怒れる男

なんか久しぶりに良い映画を観ました。というのも「もう終わり?」という感覚が久しぶりだった。恐らくこの手の映画は観てみないと良さが伝わらない。………と、表現能力の不足を棚に上げてみる。

ところで、三谷幸喜の「12人の優しい日本人」はこの映画とプロットが全く一緒のため、あらすじにすると

「殺人事件の陪審員12人がはじめは11対1で有罪だと考えた。しかし、ただ一人無罪を主張する陪審員も本心は有罪であり、議論の必要性を感じたため無罪を主張する。ところが、議論が白熱するうちに・・・」

という感じなのだが、登場人物の性格付けやコメディ化などの肉付けにおいて別の作品になっている。結末の違いもある。勝手な妄想ではあるが、三谷幸喜なりの返歌なのだろうか?

お勧めです!!

_ [Programming][JavaScript][CSS] IE への対策をどこに記述するのか??

IE6 は 2001 年に公開されたブラウザということもあり、それ以降にリリースされているブラウザに比べると各種機能が貧弱になっている。中でも、アルファチャンネル付き PNG を正確に扱えなかったり(一部回避策あり)、透明度(アルファチャンネル)を指定する opacity を使えなかったり(回避策あり)という点がなかなかに悩ましい。

仕方がないので対応策として IE の CSS への独自拡張である filter 要素を用いるのだが、これを CSS に記述していると、原理主義的な側面の強い Firefox ではエラーとして扱われ、コンソールにメッセージが残る。もちろん、この実装は Web 標準の観点からみて正しいものなのだが、ユーザとしては気持ちが悪い。

そこで、ブラウザエンジン毎に適応される CSS を切り替えることが根本的な対策になる。そのためには

  1. スターハックなど CSS ハックのテクニックで切り分ける → 依然 Firefox ではコンソールにメッセージがでる
  2. @import に関するハックでエンジン毎の CSS を読み込ませる → 気持ち悪い
  3. JavaScript でエンジンを判別し、CSS を動的に適応する → プログラムとデザインの分離が無くなる
  4. apache で UserAgent からエンジンを推測し、ファイルを切り替え → まんどくさいし、若干正確さに欠ける

1,2,3 が現実的な対応かなぁと思います。いままで 1 だったんですが、3 に切り替えました。これはJavaScript が生成するエレメントだったので、スクリプト側が面倒みても良いかなぁと思ったため。CSS の理念に反するがこれが今のところ一番しっくりくるかな。無知なだけで、もっと良い方法あるかも

具体例を挙げてみる。

うちのサイトでは Lightbox Plus というスクリプトを利用しているのだが、本家 Lightbox と同じようにスターハックによる IE 向けスタイルが指定されている。

* html #overlay {
	background-color: #000;
	background-image: url(blank.gif);
	filter: Alpha(opacity=50);
}

ところが、Firefox では

Error: 不明なプロパティ 'filter' が使用されています。  このスタイル宣言は無視されました。

というエラーが出力されてしまう。今回は lightbox_plus.js にこのスタイル宣言に相当するコードを移す。そのために _createWrapOn 内にといったコードを追加した。

もちろん、ここまで神経質になる必要もなく、Google や asahi.com などでもエラーが出まくるのだが。

参考サイト様
CSS Filters and Hacks
本日のツッコミ(全3件) [ツッコミを入れる]
_ いしも (2006年02月01日 15:52)

「十二人の怒れる男」エエよなぁ!ヘンリーフォンダ良い良い☆部屋ものって結構好き☆

_ ema (2006年02月01日 16:39)

部屋ものってあまり観たことがないんだけど他にどんなんあるん?知ってたら教えて欲しいーー<br>SAW ぐらいしか思いつかない(笑。アレも大好きだけど。

_ TrackBack (2007年10月17日 13:12)

http://www.phpbbcity.com/ephedrine/<br>Ephedrine hcl.<br>Items containing ephedrine.<br>Ephedrine faq ephedrine fatloss. Ephedrine. Ephedrine products. Buy ephedrine. Danger of ephedrine ephedrine hci. Mini ephedrine. Ephedrine faq. Lipodrene with ephedrine.