IT戦記 - 一行で IE の JavaScript を高速化する方法
以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date -
MOONGIFT: � 進化するJavaScript「Ajile」:オープンソースを毎日紹介
JavaScriptの進化が止まらない。もし、JavaScriptの欠点を挙げるとすれば、外部のファイルがロードできない点にあったと思う。やはりこれができないと他の言語の比べると弱い印象になってしまう。 だが、それをもJavaScriptは克服していく。本当にすごい。 今回紹介するオープンソース・ソフトウェアはAjile、外部スクリプトファイルの読み込み等多数の機能を実装したJavaScriptライブラリだ。 JavaScriptはあまり得意ではないので、これはあまり自信がない。ただ、すごいという事だけはお伝えしたい。まず、外部ファイルの読み込み。これはLoad(ファイル名)にて実装される。 さらにNameSpace。汚染の被害軽減のためには必須だろう。次がIncludeとImport。Importはアスタリスクをサポートしているようだ。さらにImportAsというものもある。 実際の実装
Google CalendarとGoogle Mapsをマッシュアップする「Traffik」がリリース | ネット | マイコミジャーナル
JupiterInformation Technology Solutionsは25日(米国時間)、Google Calendarのスケジュールに記載されているイベントとその場所をGoogle Mapsに表示するWebアプリケーション「Traffik」を公開した。既報の通り今月19日(米国時間)にGoogle Calendarのデータを編集するための新しいAPIが公開されたが、Traffikは同APIを活用したWebアプリケーションだ。 Traffikの動作例 - イベントとその場所がGoogle Mapsにマッシュアップされている 同社はTraffikを指して簡単なクライアントサイドJavaScriptだけで洗練されたアプリケーションを開発可能であることを示したもの。Traffikの動作は簡単に確認できる。同ページの[login]ボタンを押せばGoogle Calendarへのアクセスを
MOONGIFT: » 上品に入力チェック「JSValidate」:オープンソースを毎日紹介
※ 画面は公式サイトデモより 入力画面があったら、必ず入力チェックが必要になる。正しく入れてくれるはず、なんて考えは捨て去らなければならない。 Webシステムにおける入力チェックの基本はサーバサイドだが、ユーザビリティを高めるためにこうしたライブラリを導入しても良さそうだ。 今回紹介するフリーウェアはJSValidate、JavaScriptを使った入力チェッカーだ。JavaScriptなのでソースは閲覧できるが、ライセンスは明記されていないのでご注意いただきたい。 可能な入力チェックは、必須、数字（整数のみも可能）、英数字のみ、英語のみ、E-mail、USまたはカナダの郵便番号、USの州名、クレジットカード、社会保障番号、ドロップダウンリストが初期状態でないものが選択されているとなっている。 エラーが出た場合はサーバへデータは送られず、各項目の右側にエラーメッセージが表示される。どれがエ
最速インターフェース研究会 :: Mozilla24でしゃべってきました
9/15日にMozilla 24 出張Shibuya.js 24でしゃべってきました。 http://shibuyajs.org/articles/2007/08/24/Shibuya-js-24 資料はこちら。 http://ma.la/files/shibuya.js/mozilla24.html JavaScriptでBloom filterのデモ。今のところ実用性が無い。仕組みを理解するのには良いかも。 http://la.ma.la/misc/js/bloomfilter/ Bloom Filterについてはここら辺が詳しい。 http://chasen.org/~taku/blog/archives/2006/01/bloom_filter_1.html http://ja.wikipedia.org/wiki/%E3%83%96%E3%83%AB%E3%83%BC%E3%83
Bridge Word
This shop will be powered by Are you the store owner? Log in here
マークアップエンジニアはどこへ向かうべきか（を考えてたらカッとなって LL の資料公開） - IT戦記
はじめに このエントリはマークアップエンジニアに対する批判ではありません。不快な想いをした方がいましたら、申し訳ありません。 きっかけ ライブドア & サイボウズラボの数人でお昼ご飯を食べにいって、いろいろ話しながら考えたことを昼食後に Twitter に書き込みました。 濃い昼飯だた、(X)HTML+CSS しか出来ない人は真剣に第二の何かを探したほうがいいと思た。(X)HTML+CSS ではもうこれ以上すごいと呼ばれる人なんて増えないと思う。 http://twitter.com/amachang/statuses/191256222 「CSS 道」は道が短すぎるんだ。マーケティングの為に長く見せてるけど、実際覚えることは少ない。「デザイン」か「JavaScript」を職業に出来るくらいにしとかないとヤバいと思う。 http://twitter.com/amachang/statuse
MOONGIFT: » それJS「JSDB」:オープンソースを毎日紹介
Ajaxの台頭もあって、それまでWebの装飾に過ぎなかったJavaScriptが実は様々な用途で利用できることがわかってきた。実際、AjaxやJSONなど、利用範囲の拡大は目覚しい。 そうは言ってもJavaScriptはブラウザの中にとどまっている…そう思われてきた。だが、今後は「それJavaScriptでできるよ」と言える「それJS」時代がやってくる。 今回紹介するオープンソース・ソフトウェアはJSDB、ローカル内でのJavaScript実行環境だ。 とにかくJSDBはライブラリが凄い。ADODB/ODBCをサポートする事で、MySQLやAccessなどのデータベースに接続することができる。さらにメール送信もでき、HTTPサーバとして動作する事もできる。 他にもHTTP接続し、他のURLのHTMLファイルを取得したり、WindowsのText-to-speechを動作させて、話すことだっ
EfficientJavaScript - Dev.Opera - 効率的な JavaScript
EfficientJavaScript - Dev.Opera - 効率的な JavaScript 目次 この文書について 効率的な JavaScript ECMAScript eval や Function のコンストラクタを使うのはやめよう eval を書き換えよう 関数を使いたいなら function を使おう with を使うのはやめよう 性能を決める関数で try-catch-finally を使うのはやめよう eval と with は隔離しよう グローバル変数を使うのはやめよう 暗黙のオブジェクト変換に気をつけよう 性能を決める関数で for-in を使うのはやめよう 文字列は累積スタイルで使おう プリミティブの操作は関数呼び出しより速い setTimeout() や setInterval() には文字列でなく関数を渡そう DOM 再描画と再フロー 再フローの回数をでき
ブラウザのローカルストレージ - ヽ( ・∀・)ノくまくまー(2007-04-16)
● 結論 ├→ Flash9 はもう標準だよ派 (Macromedia工作員) │ └→ storage.js (or Dojo) └→ 顧客を逃がしたくないよ派 ├→僕の想定する顧客はIEのみだよ派 (保守本流) │ └→ UserData ├→ブラウザはIEだよ派 (ゲイツ原理主義) │ ├→ UserData │ └→ でも自分だけは開発にFirefox2を使うよ派 (ユダ) │ └→ rakuto式ストレージ ├→世の中はIEとFirefox2で95%だよ派 (希望的現実主義) │ └→rakuto式ストレージ └→その他 ├→ まだFirefox1のままだよ派 (メンド教) ├→ 俺マカーだよ派 (サファリパーカー) ├→ なんでみんなOpera使わないの派（ドンマイ！） └→ w3m だから JavaScript 動かないだよね！とか言ってｗ (舞美) └→で
継続を使ってSjaxをAjaxに簡単に変換する方法 - llameradaの日記
JavaScriptによる全文検索エンジンの最初のバージョンはAjaxではなく、Sjaxであった。その為、サーバへのリクエストが発生する毎にブラウザが固まってしまい、応答性が悪かった。なぜ、Sjaxで記述したかというと、連続してサーバへリクエストを送り、しかも、サーバからのレスポンスに応じてリクエストを変更するようなAjaxプログラミングが面倒だった為である。このようなSjaxのコード例を次に示す（prototype.jsを使用）。 // (Sjax)サーバからpathのデータをoffsetの位置からlengthバイト取得 function fetch(path, length, offset){ var range = ["bytes=" + offset + "-" + (offset + length - 1)].join(""); var options = { method: "
とても便利なJavaScriptカスタム関数集10個をまとめたライブラリ「common.js」:phpspot開発日誌
Top 10 custom JavaScript functions of all time とても便利なJavaScriptカスタム関数集10個をまとめたライブラリ「common.js」 読み込むことで、次のような便利関数が使えます。 addEvent - イベントの付与 addLoadEvent - onloadイベントの付与 getElementsByClass - classNameによってエレメントを得る。getElementById や getElementsByTagName のように使える ※ prototype.js にも実装されています。 cssQuery - cssのセレクタを元にエレメントを得る toggle - 表示、非表示を行う関数。 insertAfter - insertBefore という関数は標準でありますが、insertAfterというのはありません。
JavaScriptでMP3を扱えるライブラリ「SoundManager 2」:phpspot開発日誌
SoundManager 2: Javascript Sound For The Web - Schillmania.com A Javascript API was needed to achieve the kind of client-side flexibility I wanted, and access to sound was possible using Flash 8's ExternalInterface capabilities through a hidden movie. JavaScriptでMP3を扱えるライブラリ「SoundManager 2」。 次のように、JavaScriptで音声を再生したいな、と思ったことはないでしょうか。 soundManager.play('helloWorld','/hello-world.mp3'); 今回紹介するライブラリを
便利すぎて困る程のFireBug1.0系を使ってみよう:phpspot開発日誌
Firebug - Web Development Evolved 便利すぎて困る程のFireBug1.0系を使ってみよう、ということで、広く使われているであろう0.4系と変わった点をプレビュー。 Googleなどの検索エンジンで、addons.mozilla.org にUPされている0.4系が上に表示されているため、まだ1.0系を使っていない人も多いのではないでしょうか？(という私もそうでした) FireBug1.0系のインストール方法の紹介〜その追加された強力すぎる機能について見ていきましょう。 FireBug1.0系インストール http://www.getfirebug.com/ にてFireBug1.0系のインストール。 FireFox - DOMインスペクタのインストール FireFoxインストール時にDOMインスペクタが入っていない場合は、FireBug1.0系の機能を最大限
JavaScript編集に役立つEclipseプラグイン「JSEclipse」:phpspot開発日誌
Adobe Labs - JSEclipse JSEclipse is a new plugin for the Eclipse environment that helps developers code JavaScript faster and with no errors. JavaScript編集に役立つEclipseプラグイン「JSEclipse」 コード補完機能やアウトライン機能など、Eclipse同様、便利な編集機能を提供してくれます。 Dojo, prototype.js, script.aculo.us, yahoo ui library, Qooxdoo などの補完にも対応しているようです。 なかなか便利そうですね。 関連サイト PHPエディタ - フリーのwindows用php統合開発環境 - phpspot
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
We Ain't Seen Nothin' Yet. : [Rails meets jQuery] jQuery入門（+ prototype.js との比較）
Shibuya.JS の資料「The next genaration of browsers」公開 - IT戦記
http://e0166nt.com/blog-entry-243.html
amachang - JavaScript 入門
jsの未来