2006年 03月 08日

Ajax では URL が変わらない?

そうとは限らないし、ちゃんと変わったほうがいいことも多い。

Ajax なりなんなりを含めて、JavaScript でいいことって画面遷移がないことであって、URL が変わらないことじゃない。

UI の補助ではなく、コンテンツを書き換える場合はむしろ URI は変わったほうがいい。要はあとでそのリソースにリンクを貼りたいとき、困るか困らないかが分かれ目だと思ってる。

2006年 03月 03日

コメントのポスト方法をちょっと変更

Ajax るようにした。UI がイマイチ。

  • Comments を押したらとりあえず消えて欲しい。
  • 投稿したあとガックンってなるのがちょっとキモイ。

なんかいい方法はないかなぁ。

Opera でおかしい。めんどいので Opera はじく。

なんだか、この今のスタイルがまずだめみたいで、Opera だと挙動不審になる。

クッキーに保存を実装しろといいたい。誰に。俺に。

Ajax のほうのフォームはクッキーに保存するようにした。Singleton Cookie オブジェクト

2006年 01月 31日

検索 UI の改善

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

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

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

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

2006年 01月 30日

適所適材

Ajax でコンテンツ全書き換えはブラウザの Back が使えなくなって嫌いだ。すなわちマウスジェスチャーが効かなくなるんだけど、これって Ajax によってユーザビリティが低下してる良い (悪い) 例なんじゃないかなぁ……

Flash もジェスチャ使えなくて嫌いなんだけど、Ajax だと表示自体はブラウザネイティブ (というのかな) だからか余計混乱する。まぁ俺の頭が悪いだけですね。本当にありがとうございました。

2005年 11月 30日

prototype.js

each 使えないから最新の RC を試したんだけど、思ったより使えない。Event.observe って、もうちょっとクロスブラウザに考慮していると思ってた。

軽くテストスクリプト書いてごちゃごちゃやってた script.aculo.us の effects.js を使ってみたかっただけとかなんとか。

Event.observe で function (e) {} とか渡しても IE では e にイベントオブジェクトが入らない。

_observeAndCache: function(element, name, observer, useCapture) {
var eEvent = function () {
this.type            = window.event.type;
this.target          = window.event.srcElement;
this.currentTarget   = this;
this.clientX         = window.event.clientX;
this.clientY         = window.event.clientY;
this.pageX           = document.body.scrollLeft + window.event.clientX;
this.pageY           = document.body.scrollTop + window.event.clientY;
this.shiftKey        = window.event.shiftKey;
this.altKey          = window.event.altKey;
this.ctrlKey         = window.event.ctrlKey;
this.which           = window.event.keyCode;
this.stopPropagation = function() { window.event.cancelBubble = true }
this.preventDefault  = function() { window.event.returnValue = false }
}
if (!this.observers) this.observers = [];
if (element.addEventListener) {
this.observers.push([element, name, observer, useCapture]);
element.addEventListener(name, observer, useCapture);
} else if (element.attachEvent) {
this.observers.push([element, name, observer, useCapture]);
element.attachEvent('on' + name, function () {
observer(new eEvent());
});
}
},

みたいに prototype.js を直接書き変えて使ってみた。けど、なんか楽しくない。

なんかわくわくしない。つまらない。

ちなみに prototype.js における each の break, continue の実装は、あらかじめ $break$continue にオブジェクトを代入しておいて、それを投げるというものだった。なるほど文字列投げるよりこっちのほうがいいな。

[1, 2, 3, 4, 2, 6].collect(function (v, i) {
if (v == 2) throw $continue;
if (i > 4) throw $break;
return v;
}); //=> [1, 3, 4]

なんで _each を定義させるんだろうと思っていたけどこれのためだね。_eachEnumerable.each からのみ呼び出される。Enumerable の各メソッドは each を使用する。

each_with_index 相当がねぇよとか思ったけど、each 自体がその役目を負ってる。[1].each(function (value, index) {}) とかける。

あー Event.element とか使うのか。