やぁ、みなさん。徹夜な日々をいかがお過ごしでしょうか？
もっぱらturmtableで音楽を聴きながら作業をしているkaminalyです。

さて、なにやら米国からのアクセス以外はじくようになってしまったturntableですが、
そんなの串させばよいだけなので、その事にはふれませんｗ

今回の変更で実装も少し変ったようで、
海外製のクロームのエクステンション/ブックマークレットがエラー吐きまくりで
主に使っていた自動イイネが使えなくなってもうた。

しょうがないので、自前でブックマークレットを用意した。
海外のは色々と機能があったんだけど、
使うのはAuto Awesomeだけなので、それだけの機能しか付けてない。

javascript:(function(){
	$("#top-panel + div a").each(function(){
		if($(this).position().left == 370){
		var t, a = $(this),e = $.Event("click");
		e.pageX = 400;
		e.pageY = 600;
		setInterval(function(){
		var s = $("#songboard_title").text().split("-");
			if(s.length == 2){
				s = s[0];
			} else if(s[1].search(/^[0-9 :]$/) != -1) {
				s = s[2] + s[0];
			} else {
				s = s[1];
			}
			if(t != s){
				t = s;
				a.trigger(e);
			}
		},60000);
		}
	});
})();

仕様変更があったらすぐに動かなくなりそうですが（汗
その時はまた書いたらいいのさｗ

AutoAwesomeなブックマークレット
上のリンクをブックマークして、ルームに入ったらブックマークしたリンクを押すだけです。
部屋を移ったりしたら切れるので、再度押してください。

ではでは。

こんばんはムーチョです。
PC用のサイトをスマートフォンで見る時ってありますか？
私はPCが使える環境ならスマートフォンのブラウザを使ってみることはしないんですが、
目の前にパソコンがありながらも携帯でブラウジングって方も中にはいるでしょう。
また、携帯でブラウジングしなきゃならない時、私は快適なブラウジングはできないもんだと
諦めていますが、快適になるならその方がいいでしょう。

携帯にもちょっと対応したページを作ろうとする時に
マウスとタッチインターフェースの差というのがひとつのネックになってきます。
というわけでタッチインターフェース用の分岐処理を実験してみました。
やっつけやっつけサンプルがこちら。ドラッグで左右にスクロール。

キモな部分だけ抜粋するとこんなソース。要jQuery。

// タッチデバイスかを判別
var isTouch = (document.ontouchstart !== undefined)? true : false;

$('#hoge').bind({
	'touchstart mousedown': function(e) {
		preventDefault(e);
		this.pageX = eventX(e);
		this.pageY = eventY(e);
	},
	'touchmove mousemove': function(e) {
		preventDefault(e);
		var pageXold = this.pageX;
		var pageYold = this.pageY;

		this.pageX = eventX(e);
		this.pageY = eventY(e);
	},
	'touchend mouseup': function(e) {
	}
});

// デフォルトの処理を無効にする
var preventDefault = function(e){
  if(e.preventDefault){
    e.preventDefault();
  }
  else if(window.event){
    window.event.returnValue = false;
  }
}

var eventX = function(e){
	return (isTouch)? event.changedTouches[0].pageX : e.pageX;
}
var eventY = function(e){
	return (isTouch)? event.changedTouches[0].pageY : e.pageY;
}

一応、IE6,7,8、FF3.6,4、Chrome、iPhone、Androidで動作確認。
にしてもこう対応ブラウザが増えると、ひとつのギミックを入れるのに、
どんどん工数が増えてそれはそれで問題な気もしないでもない今日この頃。

ユーザビリティ的にはやらない方がいいと思いますが、
右クリックを無効にしたい時もありますよね。(要JQuery)

$(document).ready(function () {
	$(document).bind("contextmenu",function(e){ return false; });
});

問題その１　Ajaxの読み込みは同じドメインからでないとNG（まぁ当たり前）

対処：サーバサイド（phpなど）で別ドメインxmlを読み込んで、それをAjaxで読み込む（まぁ当たり前）
※当たり前なんだけど、サーバと通信が必要な（まさに）Ajaxは偶にしか使わず、
忘れていることが多い。その際に必ず焦る。

問題その２　IE+jQueryでxmlにコメント有りの時に動かない事がある

対処：phpでヘッダにContent-Type: text/xmlを設定しなければなるまい。
やらないで、戻り値を$(data)などとすると、データがプレーンテキストで渡って、
コメントの所でパース失敗するっぽい。（未確認ですが・・・）
タグのみのテキストだと、jQueryが内部でエレメント生成してくれるので、問題が起きない。

追記：
クロスドメインでなくてもだけど、jsonだったら、
Content-Type: application/x-javascript; charset=utf-8
だな。