2006年 02月 22日

検索おーばーれーいしようと

検索オーバーレイをクロスブラウザ化しようと思って作業してて、よし IE で確認してみるかって思ったら、そもそも IE だと検索フォームがでてないのに気付いた。そうそう、この CSS 書くときにどうしても IE はちゃんとした位置に出せなかったから消してたのよねー、あははー。ばかかと

prototype.js に移行

整理ついでに prototype.js を使うようにスクリプトを書き換えました。殆どイチから書き直しているのでおかしいかも。

といっても、引き継いだのはスタイルセレクタと検索の UI だけ。あとはそのうち付け足す。

検索の UI はとりあえず IE でもいけそうなところまできた、の、だ、けれど、結果表示が上手く言ってない。文字コードのせいかなぁ。

Opera は調子が悪いので確認してない。

よくつかうめそっど: each, bind。この二つは便利すぎてはなぢでる。foo.each((function (i) { this.bar.push(i) }).bind(this))

IE 対応完了。検索結果を XML で得るとき UTF-8 に変換していなかった。あとは CSS いぢりだけ。CSS いぢるほうが時間かかった。

2006年 02月 20日

解決:はてなからうちのサイトにリクエスト出すと 500

今日たまたまはてな RSS に lowreal.net を突っ込んでみたら 500 Error で登録できないことに気付きました。毎回ちゃんとリクエストしてるのが確認できるので、これ使ってデバッグ。

UA によって変わることというなら、ヘッダぐらいしかないので、ENV ダンプして再現するかやってみたけど再現せず、、っと思いきや ENV.clear してなかったので、clear してから突っ込んでみたら見事 500 発生。Accept が存在すると仮定しているコードがあったので @cgi.accept || "*" に書き換えた。はてなは Accept 送らないみたいだ。

HTTP の仕様を見ると Accept がない場合は "*" として扱うとあるので、どうせなら cgi.rb でここらへんのをやってくれると嬉しいと思った。

たぶんこれでブクマしたときに要約がちゃんと生成されるはず。ついでに投げ銭 Acceptable に ;)

2006年 02月 12日

UI がカスなお絵かきチャットをした。

中村屋

作品名:中村屋

過激な内容ですので、18未満のエロゲをできない方や、心臓が弱い方はご遠慮ください。

ライセンスは Public Domain ですので、どしどしこれを使って CSS を書いたりしてみてください。mixi の画像にも最適です。ということで、mixi 用の画像 もありますよ。

洗濯機

ついでに洗濯機。

2006年 02月 08日

はてなブックマークの API を試した。

リファレンス URI の横にブクマ数を表示。

個別記事へのリンクに対してはてなブックマークの数を表示する GreaseMonkey スクリプトを自分用に書いた。結構便利。del.icio.us meets Hatena Bookmark を参考にして、処理を実用レベルで問題ない部分まで削った。E4X をちょっと練習してみたかった。

del.icio.us も一緒に表示するように作ったんだけど、問題があってコメントアウトした。del.icio.us は一括でとってこれないっぽいので仕方なく /url?url= にちまちまアクセスしたいたわけなのです。しかしながら、やはり結構アクセスしまくるからか、503 エラーを食らうという罠が待っておりました。切ない。確かはてなはドメイン指定でブクマ一覧が見れたはずなので、del.icio.us のほうがドキドキワクワク (謎) かなぁって思ったのだけれど。

mixi が3カラムでアレなので

横スクロールバーが出っ放しです。f*ck-mixi.user.jsf*ck-mixi-p.user.js 一番右のやつを消す GreaseMonkey スクリプトを書いた。すっきり!

XPath 使うように修正。iterateNext がなんか使えなかったので snapshot 使った。

副作用がでにくいように修正

副作用でログイン画面が消されていたのを修正。

User CSS でやったほうがよさげ。

@-moz-document domain("mixi.jp") {
*[width="950"] {
width: 840px !important;
}
table td > img[src="http://img.mixi.jp/img/smenu_bg.gif"],
table td > img[src="http://img.mixi.jp/img/smenuf_bg.gif"],
table td > img[src="http://img.mixi.jp/img/smenuc_bg.gif"],
td[width="224"] {
display: none !important;
}
}
GM を使う利点
万が一見たくなったときすぐに GM をオフにできる。
CSS を使う利点
軽い。

関係ないけど Stylish がいいってのりさんがいってたので入れてみた。

iwaim さん からのパッチで表示・非表示がリロード無しで切り替えできるようになりました。f*ck-mixi-p.user.js

スクリプトの名前とかは一緒なので何も考えず上書き Install できるはず。

リサイズで勝手にでたり入ったりするように変更。1024 が境目。

2006年 02月 03日

IE で表示がおかしいみたいです。

スクロールさせると表示が乱れる。対処法が全く思いつかない。表示確認するときスクロールもしないとだめだなぁ。今回の CSSIE でも大丈夫だと思ってたのに……

今気付いたけど Opera だと左の影が表示されてないなぁ……だめだめじゃないですか。

Opera は大丈夫っぽい。なんか手元の Opera (8.5) が挙動不審すぎる。タブを切り替えないと他のページにうつれない。リロードもできない……

場当たり的だけど対処した。

IE では float: right は使っちゃだめみたいだ。前もはまったのを忘れていた。

2006年 01月 31日

検索 UI の改善

半透明 PNG をオーバーレイさせてその上に検索結果を表示

Ajax 使うようにした。Javascript が有効なら自動的に Find ボタンで起動する。

Gecko 以外はじいております。

IE, Opera でも使えるようになりました

2006年 01月 25日

たたかわなくちゃげんじつと, CSS

エロスタを書くにあたり、#whole という body 直下全てを内容にする div 要素を追加する。

いやね、今までこれなしで、よく頑張ったと思うんだ。うん。ソリッドにするならいらないんだけどさ、リキッドにするならホント、絶対これなしじゃ無理なんだ。だからね。ここら辺が妥協点だって思うんだ。

今まではさ、絶対構造は最低限であるべきでって思ってやってきたけど、やっぱりさ、無理なんだよ。今主流の UA だとさ。CSS だけでなんとかできる、なんて幻想だったんだ。僕は夢を見て、現実を拒否していたのさ。そうだから、僕は今あらためて、現実を見るよ。

言い訳がましい。そうさ、どう表現しようが俺はヘタレだ。悪いかこのやろう

ここのところ想像力がさらに低下してるなぁ……ちゃんと考えよう……ほんとに、いろいろ、ごめんなさい

2006年 01月 24日

エロスタ、あるいは課題

3枚とりあえず 800x600 で作ってみたんだけど、あんまりエロくない。1枚はそこそこエロいんだけど、こう、俺の求める方向のエロじゃなくて却下したい。むずかしすぎるぅぅ。深夜までモニタとにらめっこし、寝て起きてモニタを見ると少し悲しくなる。そんな日。

で、学校の課題が出た。春休みの宿題ってやつですが、留年したら無駄になるので、通知が来るまで始められません。それにしても Flash 使うのを強制するとはなかなかアレですね。Studio 8 なんて絶対買わないって。