置いてみたいけど、置きたくないjQueryプラグインのご紹介。

お世話になっております、たかおファンです。

最近Twitterが面白いです。
なにもしなくとも色々な情報が落ちてくるし、ある意味世の中の動向を知るのにはニュースサイトよりも優れている点があります。
電話やメールより気軽に他の人とコンタクトできる点も良いですね。

そんな中、発見したjQueryプラグインがこれ。

人の嫌がることを進んで出来るプラグイン jDTGnoKyouhu.js【グロ注意】 | labs.yusukenakanishi.com

すでにタイトルからして危険な匂いがプンプンしますが、本当に使い方を誤ると危険ですね。

とりあえずリンク先でdemoを見てください。
「置いてみたいけど置きたくない」この気持ちがきっとわかっていただけると思います。

しかしjQueryの発展は留まるところを知らないですね。
HTML5＋CSS3が普及すれば需要は減るとは思いますが、厄介者のIEが居座る限りはちょっとしたことでもｊQueryの世話にならざるを得ない現状をどうにかしたいです。

おまけ

大阪府の電子申請が先進ブラウザの使用を足止めしてます。

http://www.nyusatsu.pref.osaka.jp/keiyaku/e-nyusatsu/pasocon.html

Vistaと7を認めないという時代に逆らったシステム。
こないだまではIE5.5とネスケが推奨ブラウザでした。
行政がこんなことしてたらだめだろ。。。

Tweet

お世話になっております。たかおファンです。
最近ネタもなければ気力もなくなってきました。

ということで昨日起きたJavaScript問題でも書いておきます。

次のようなコードを書いたとき、

var ary = [
	{ name:'りんご' },
	{ name:'ほげ' },
	{ name:'ふが' },
];

for (var i = 0; i < ary.length; i++) {
	alert(ary[i].name);
}

Firefoxとかだと「りんご」、「ほげ」、「ふが」と表示されて終わるんですが、
IEだとループが4回になり4回目はundefinedになってしまいます。

調べたところIEではary.lengthが4にしまっていました。
その原因は最初に配列を定義しているところで、「ふが」のあとにカンマが入っていることです。
こうするとブラウザによって挙動が違うようで、Firefoxでは最後の要素にカンマが付いていても、次があるとは認識されないのですが、
JScriptはどうも勝手にnullが入るようです。
配列の定義部分はテンプレートエンジンを利用し、単純にループして出力したので
最後の行にもカンマがついてしまっていたのです。

結局ループの最後にはカンマを付けないという条件を入れたら対処できましたとさ。

Tweet

今週も火曜日がやってきました！

毎週火曜はプリッキアがサービスをリリースする日です！

今回ご紹介するのは……

http://www.priqia.com/service/modx/index.html

Modx運用マニュアル！

http://www.priqia.com/service/modx/index.html

Modxについてもっと知りたいのに、あまり情報がない！

誰かに聞きたいけど、まわりに詳しい人がいない！など

プリッキアがサポートいたします！マニュアルで有効使用！

名刺デザインサービス

http://www.priqia.com/service/card/index.html

なんと、なんと、弊社では名刺が100枚まで、

デザイン料込で9800円でやらせていただきます。

もちろんオリジナルデザイで作成します！

予約管理システム

http://www.priqia.com/service/reservation/index.html

こちらのサービスは、ネイルサロン、美容室、歯医者、整体院など

事前予約が必要なサービスのホームページなどに導入すれば、

らくらく予約管理ができます！

あなたに合ったサービスはありましたか？

是非ご活用ください！

Tweet

お世話になっております、たかおファンです。

最近はJavaとは全然違うくせに名前の似ているJavaScriptの開発で四苦八苦しました。
この苦行を通して得たノウハウをざっと紹介しようかと。
主にjQuery使ってるのでそれ前提にはなしますよ、と。

イベントリスナのthisをめぐる物語

クリックとかのイベントにリスナ関数を設定するじゃないですか～

function Hoge() {
	this.ten = 100;
	$('#hoge').click(function(){
		alert(this.ten);
	});
}

なんかうっかりこんなコード書いちゃって、100が表示されると思うじゃないですか。
しかし、イベントリスナなんでthisの参照先はHogeじゃ無くて、#hogeのオブジェクトなんですよね。
イベントリスナでHogeを参照したい～～ってどうしても思ったときにひらめいた姑息な手段。

function Hoge() {
	this.ten = 100;
	var self = this;
	$('#hoge').click(function(){
		alert(self.ten);
	});
}

thisの参照をselfにコピーすればいいとか。
でもなんだかjQuery1.4ではこれを解決するproxyなる新機能が現れたとか。。。

idで勝手にグローバル変数になるIEのステキ仕様

PHPでいうregister_globalsみたいな厄介な仕様。

<div id="hoge">Hoge!</div>

hoge = new Hoge();

こうやるとIEでは怒られます。divのidと変数名が被ってしまったためです。
この場合IEではhogeという変数はdivオブジェクトを指しています。なんで、だめらしいです。明示的にvar付けて別変数として定義するか、なんらかの対策が必要だそうで。

うっかり落とし穴！jQuery.wrap()に気をつけろ！

$("<span>hoge</span>").wrap('<p></p>');

ぐぎゃーーー！いくらやってもpタグで囲われないっっっ！！
。。。ともがいていましたが、実はwrap()はDOMツリー上に存在する要素にしか使えないそうです。つまり、

$("<span>hoge</span>").appendTo("#hoge").wrap('<p></p>');

ならばうまくいくとか。

とりあえずこんだけ！

本日の初音ミク

初音ミク。。。もとい「はちゅねミク」とユカイな仲間達（ナイツとVF-25S）です。
ワタクシの机を守護する者たちであります。

そういえば今日は3月9日で「ミクの日」つまり初音ミクの日だそうで。感謝祭ソロコンサートするそうです。ZeppTokyoとか、どんだけ。。。

「初音ミク・ソロコンサート～こんばんは、初音ミクです。～」WEB　LIVE – ニコニコ生放送

ニコニコ動画でも生放送するそうですが、1500円とか高すぎでしょ。
39曲とかすさまじい曲数ですが、どうなることやら。

Tweet