IT戦記

プログラミング、起業などについて書いているプログラマーのブログです😚

2006-05-01から1ヶ月間の記事一覧

excanvas.js でクロスブラウザ canvas を使ってみた。

excanvas.js は Google が作った js ライブラリで、これを使うと IE でも canvas 要素が使えるようになる。VML に canvas のインタフェースを持たせた感じです。 ためしに使ってみた。。。 http://sample.ecmascript.jp/20060531.html …しかし excanvas.js …

Graffitiリニューアルオープン!

愛すべき我がチーム(僕以外)が、Graffiti Web という SNS をオープンさせました。 Tokyo Graffiti という雑誌と連携しているだけあって、オシャレでかわいい女の子が多いです^^^ 実名、実写が義務付けれられてる招待制 SNS です。興味があるかたは、seijro…

Script.aculo.us の Effect をちょっと簡単に書く方法

普通はこういう風に書く new Effect.Opacity($('id'), {from: 1, to: 0});こういう、インスタンスを取得しない new は JavaScript では一般的に使われる。 関連するプロパティを this にまとめ、イベントを this に bind して分かりやすくするためである。 …

FireBug に JavaScript デバッガが付いて便利すぎる件について

Firebug を更新したら、またもや凄いことになってました。 まずはこれを見てください。 http://sample.ecmascript.jp/20060526.htm 要は JavaScriptをステップ実行しながら結果を確認できる。 変数の値をウォッチできる。 適当にブレークポイントを貼ってス…

Prototype.jsの$のちょっと変わった使い方

引数に全部$したい場合。 arguments = $A(arguments).map(function(e){ return $(e); });これより arguments = $.apply(null, arguments)こうすると楽チンだし、ちょっと速い。 え?当たり前? すみません。今日気が付きました。

ScriptaculousのEffect実行順序を管理するJSを作ってみた。

仕事で使おうと思って作ったら意外といい出来だったので公開してみる。 だうそろーど たとえば、こう書くと var element = $('block'); var planner = new EffectPlanner( [ { Move: [element, {x: 200, y: 200}] }, { Move: [element, {x: 0, y: 300}] }, {…

mozillaのjavascript2.0を書いてみた(自分用)

Mozilla があっちこっちで発表している JavaScript 2.0 http://developer.mozilla.org/presentations/xtech2006/javascript/ http://ajaxian.com/downloads/presentations/eich-ajax-experience-2006/ 一つ一つ読んでみて、自分が使うと思う箇所だけ、ソース…

JavaScript OOP におけるクラス定義方法

クラスを定義する方法です。考え付くだけでも、これだけたくさんの方法があります。やっぱり、 JavaScript って柔軟であり複雑な言語ですね。ちなみに、以下のすべての例はこのクラスを定義しています。 ちなみに、僕は一番下の書き方ですね。 皆さんはどの…