レベルエンター山本大のブログ

面白いプログラミング教育を若い人たちに

BLOCKVROCKリファレンス目次はこちら

JavaScript

JavaScriptコードモードを使って物体をアニメーションさせる

BLOCKVROCKには、コードモードという機能があります。 コードモードでは、JavaScriptを使ったプログラミングが可能です。 BLOCKVROCKで作った物体や世界は、Webで使われるHTMLとJavaScriptで出来上がっているためJavaScriptを使うことで自由に操作することが…

jQueryを使う7つの理由

JavaScriptに本腰を入れ始めて日が浅いのですが、よく悩むのは、どのライブラリを使うか?です。 とりあえずナマのJavaScriptだけでゴリゴリ書くのはちょっと限界があるので、 ライブラリを使おうと思うのですが、一度ライブラリを決めると 他のライブラリに…

IEのamachang技を使ってDOM操作のパフォーマンスを比較

id:tatsuparuさんに教えてもらって、id:amachangさんのすげぇ技を知りました。■一行で IE の JavaScript を高速化する方法 http://d.hatena.ne.jp/amachang/20071010/1192012056JavaScriptの世界って奥が深いなぁ、、、と思いつつ。じゃあ、パフォーマンス測…

FireFox3とIE6で、Elementの取得において最高速なのは?

昨日の続きで、FireFox3とIE6でのJavaScriptのパフォーマンス比較をやってみる。Dom操作の中でも、基本的なElementの取得について、以下の2つのパターンで検証した。 document.getElementById() document.all() 結果は、以下。 回数 対象 FF3 IE6 100回 docu…

document.createElement()を10000回やると、FireFox3はIE6より30倍以上速い。

IEとFirefoxで利用できるアプリを作ってる。あまりにもIEが遅いのでどんなもんか計ってみた。divを動的に繰り返して作るだけの以下のような検証アプリを作った。繰り返しの回数を変えて検証してみた。 <html><script type="text/javascript"> </html>

わずか数行で"ものすごいテーブル"に! - jQueryプラグイン「Flexigrid」

■わずか数行で"ものすごいテーブル"に! - jQueryプラグイン「Flexigrid」 via マイコミジャーナル ここではテーブルで組んだリストに対して、まるで表計算ソフトのような操作性を提供するFlexigridライブラリを紹介したい。 マイコミジャーナル ・(1) ドラッ…

JavaScriptのDate型に日本の祝休日を判定するメソッドを追加するJS(極小OSS)

タイトルどおりです。極小なOSSです。 制度改正などにより管理が必要なので、SourceForgeにプロジェクトを作りました。 ■以下でダウンロードできます。 http://sourceforge.jp/projects/holiday-js/ ■こんな感じで使います。 alert(new Date("2008/1/14").is…

FireFoxでonblurイベント中にfocus()が効かない。

JavaScriptにはまってるけど、FireFoxでonblurイベント中にfocus()が効かないのは、バグらしい。■Calling this.blur() in onfocus handler or this.focus() in an onblur handler do not work https://bugzilla.mozilla.org/show_bug.cgi?id=53579めちゃくち…

JavaScript + Canvasの参照サイト集

あとでなんかつくる。■Canvasチュートリアル canvasはスクリプト(一般的に JavaScript)を使って図形を描くために使われる新しい HTML 要素です。 http://developer.mozilla.org/ja/docs/Canvas_tutorial ■canvasタグ リファレンス このページはHTMLタグのタ…