本気でやるならonclick属性は避けてライブラリを活用すべき - id:HolyGrailとid:HoryGrailの区別がつかない日記 を読んで，思うところあって書いてみました（決してカウンターアーティクルではない）。 むかしむかし JavaScript を触っていた むかしむかしに書かれた JavaScript の本で勉強している／した 人向けに。大元記事（[Think IT] 第1回：そろそろ本気で学びませんか？ (1/3)）の想...
for 文を setTimeout に変換する - IT戦記の件。おもしろい。自分だったらこう書くかなと思いました。
先日の RHG 読書会で、牧さんがやっているという http://sourceforge.net/projects/jsthread/ の紹介があった。 JavaScript でプリエンプティブなスレッドをライブラリレベルで実装した、という話。 JavaScript というのは、ユーザレベルからはスレッドが一本しかなくて、処理の切り替えというのができない。だから、タイムアウト呼出や処理の終了のイベントを待って終了処理をする、ってなこ...
MochiKit は、JavaScript 用の便利な上位ライブラリーです。MochiKit は、Python や Python 標準ライブラリーが提供する多くの便利な機能から主な着想を得ており、また別の側面として、ブラウザーのバージョン間での違いを吸収してくれます。特に MochiKit.DOM は手軽なコンポーネントであり、これを使うことで、「生の」 JavaScript で処理する場合よりもずっと容易に DOM オブジェクトを処理...
『 和訳、出た。//2007-04-20追記:ブクマ時はv1.3.1だったらしい/現在:document.title==prototype.jsv1.5.0の使い方;jQuery（'h1'）.text（）==prototype.jsの開発者向けメモ;/→はてブタイトルを「prototype.jsv1.5.0_rc2」（b:id:komusubi123/20070212）から変更 』
Webプログラミングは，もはやJavaScriptを抜きには語れません。Webブラウザ上で動作する簡単なプログラミング言語として，あるいはサーバーサイドと連携するAjaxの一部として，またはオブジェクト指向スクリプト言語として…JavaScriptほど幅広い層に使われている言語はないでしょう。ここでは言語としてのJavaScriptに注目し，Part1ではJavaScriptを学習するうえで基本的な文法を，Part...
良質の記事だけに全訳したかったのだけど、時間もないので紹介と抄録。 ul.digital-web { list-style-image: url(http://www.digital-web.com/favicon.ico) } Digital Web Magazine - Seven JavaScript Techniques You Should Be Using Today サンプルコードは、適宜書き換えてあります。
「いやなブログ - JavaScript でソートアルゴリズムを可視化」より。何も考えずに再帰処理のクイックソートの様子を逐次描画しようとするとこうなります。 function quickSort(data, begin, end, log) { if (begin >= end) return data; var pivotPos = begin; var pivot = data[pivotPos]; for (var i = begin + 1; i < end; i++) { if (data[i] < pivot) { var temp = data[i]; data[i] = data[pivotPos + 1]; data[pivotPos + 1] = data[pivotPos]; data[pivotPos] = t...
このスコープの「レキシカルさ加減」が、実は言語によって結構違うので、この機会にちょっとつっこんでおくことにする。 ハタさんのブログ : javascriptを初めて学ぶ人についてのおさらい。その１変数で宣言したものには、参照先が決まっています。その参照の範囲はスコープとも呼びます。 続きを読む
『 コマンドラインから実行するJavaScript文法チェックツール。SpiderMonkey相当の構文解析エンジンを内蔵。 』
for 文で 100 項目とか 1000 項目とかあるテストケースを処理するとブラウザが固まる。 こんなダイアログが表示されます。 ということで for 文を setTimeout や setInterval に変換する事で定期的にブラウザに処理を戻すことができる。 // ここでは console.log のところでログを取ってますが // 通常は処理が入ります。 for (var i = 0; i < 3; i ++) { console.log('a' + i); } /* * 結果 * a0 * a1 * a2 */ これ...
ブラウザ上でのイベント処理の仕組みは DOM 2 Events および DOM 3 Events 草案にて規定されています。しかし、DOM 2 Events で言及されていない部分など、細かい動作はブラウザごとに異なっていることもあります。そうした仕様と実装の差異を、「作って納得! DOM 2 Events」で触れなかったものも含めて、いくつかまとめてみました。 ターゲットフェーズで呼び出されるリスナ DOM 2 Events の...
いうまでもない。昨今、GoogleやYahooをはじめとした多くの企業が積極的にJavaScriptを採用したリッチなユーザー・インターフェイスを公開し、これが「Ajax（Asynchronous JavaScript And Xml）」という名前とともに急速に注目を浴びたことが、その理由である（Ajaxについては拙稿「枯れた新しいUI革命「Ajax」をASP.NETで活用する」を参照いただきたい）。加えて、マイクロソフトは今年1月に...
Sorting Algorithmsのデモと言えば、Java Appletによる有名なものがあります。 Sorting Algorithms Demo これの一部をJavaScriptでやってみようという試みです。
『 iPhone3GのSafariでDatabaseオブジェクトを利用したプログラミングのチュートリアル。 』
（ぐだぐだと執筆中、現時点で読んでも意味不明だと思います。） 自分の知り合いに「まったくの未経験だけどプログラミングをやってみたい！」という人がいるので、プログラミングを始める前に必要な知識や心構えや準備などを書いておこうと思います。もちろん、最初に使う言語は JavaScript です。 この文章は、プログラミングまったくの未経験者が読んで分かる文章を目...
『 Web上で編集・実行できるJavaScriptエディタ。 』
『 javascriptのprototypeオブジェクトについて。javascriptのプロトタイプオブジェクトモデルの基本となるのでjavascriptを学ぶ方は一読をオススメします。 』
とある理由で僕主催の初心者向けのJavaScript勉強会 を14日行いました。とある理由はforestkさんのエントリーを参照ください(UK 主催の初心者向け Javascript 勉強会が生まれた経緯) 会場は株式会社ノッキングオン様にご提供いただきました。借りたい人ははてなキーワードのノッキングオンの会議室使いたい!を利用するといいと思います。東麻布でプロジェクター & ネット環境あり...
JavaScriptによる全文検索エンジンの最初のバージョンはAjaxではなく、Sjaxであった。その為、サーバへのリクエストが発生する毎にブラウザが固まってしまい、応答性が悪かった。なぜ、Sjaxで記述したかというと、連続してサーバへリクエストを送り、しかも、サーバからのレスポンスに応じてリクエストを変更するようなAjaxプログラミングが面倒だった為である。このようなSjax...
IEとFirefoxではwindow.onerrorを設定するとJavaScript全体のエラーを補足できます。さらに返値をtrueにすると標準のエラーダイアログを抑制できます。簡単なサンプルはこんな感じ。 window.onerror = function(mes,file,num){ alert([ "file : " + file, "line : " + num, "message : " + mes ].join("\n")); return true; } あまり細かい情報を取得できるわけではないので、例外処理に使ったりはできないのですが、エラーメッ...
![プログラム・フレームワーク系情報まとめ [ pg.feed ]](http://img.awasete.com/image.phtml?u=http%3A%2F%2Fpg.thumbnailcloud.net%2F)