こちらのサイト『JavaScriptで継承やるときにprototype書きまくるのめんどい人は – あ、いしかわですね』で Function.apply を使って継承を記述する方法が紹介されていた。 apply と call の使い方を今一度復習しておく。 Function.apply function.apply(obj, args) function を obj のメソッドとして呼…続きを読む

Ubuntu 9.10 (karmic Koala) の Google Chrome で JavaScript, Canvas の putImageData を使ってイメージの書き戻しをしていたら、イメージの色がどんどん黒っぽく変化してきた。 こちらのサイト『りす穴さくら: lislis Paintの技術的説明まとめ』によると Google Chrome では putImageData によって色…続きを読む

DOM Storage 属性・メソッド length 格納されているデータの数(unsinged long)を返す、読込専用属性。 key(index) インデックス(unsinged long)を引数として、対応する格納データ文字列を取得する。 格納されているキーとデータのペアの数以上のインデックス値を渡すと null を返す。 getItem(key) キー文字列を引数として、対応する格納デー…続きを読む

JavaScript1.6、 1.8 で追加された、配列 (Array) の反復メソッドについて。 filter 配列を、引数として渡された関数でフィルタリングして、結果が真(true)となる要素からなる配列を作る。 filter に渡される関数は、要素の値、インデックス、配列の3つの引数を取る。 function(val, index, array) 配列内の偶数要素からなる配列を作る例。 va…続きを読む

このクロージャの使い方を忘れてしまうのでメモしておく。 ループ処理の中でイベントを割り当てる場合に、ループカウンタが回り切ったものが適用されてしまう問題の解決方法。 デモ JavaScript コード /* クロージャを使わない場合（カウンタが回り切った値 3 が表示される） */ for (var i = 0; i < 3; i++) { $(‘#action1-‘+i).click(fu…続きを読む

Processing.js で JavaScript を使って Drawing をしてみる。 processing.init.js をロードすることで type が application/processing の <script> タグの中に記述されたコードが Processing で実行できるようになる。 以下のコードのデモ <script src="./proce…続きを読む

Linux版の Google Chrome で拡張機能を作ってみた際のメモ。 Google のサンプルコードとチュートリアル (Google Chrome Extensions – Google Code) や "特集：先取り！ Google Chrome Extensions｜gihyo.jp … 技術評論社" の記事を参考にして Fastladder の未読記事…続きを読む

JavaScript でビット演算をするスクリプトを作ってみた。 Firefox, Safari, Google Chrome, Opera ではちゃんと動作している。 IE ではシフト演算がおかしくなってしまっている・・・ ビット演算スクリプト JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス posted with amazlet at 09.12…続きを読む

JavaScrip の実行効率を上げる方法のいくつかの例が "Let’s make the web faster – Google Code" （日本語訳：JavaScriptの最適化について、code.google.comの記事の適当訳 – それ図解で。・・・tohokuaikiのチラシの裏）に掲載されていた。 文字列の結合 + を使った文…続きを読む