Speed up your JavaScriptシリーズ全4回、ブラウザには止めさせない | エンタープライズ | マイコミジャーナル
NCZOnline NCZOnlineにおいてNicholas C. Zakas氏が興味深い記事を掲載している。全4回に渡ってJavaScriptコードを高速化するためのテクニックを説明するというものだ。JavaScriptデベロッパは記事を一度チェックしておきたい。公開されている記事は次の通り。 Speed up your JavaScript, Part 1 Speed up your JavaScript, Part 2 Speed up your JavaScript, Part 3 Speed up your JavaScript, Part 4 Part 1では多くの処理を実施しているループに関するテクニックについて、Part 2では多くの処理を実施している関数に関するテクニックが、Part 3では深く実行される再帰処理に関するテクニックが、Part 4では頻繁に行われるDOM
JavaScriptで遅延ロードをする方法についてのおさらい
先日リリースした Extractor の Bookmarklet(コメントをチェック(浮き出る版))のデザインや仕様を変えました。主な変更点としては、「マウスでドラッグできる機能」が付いたのとデザインをがらっと変えました。 その際にma.laさんの最速インターフェース研究会で紹介されていたJavaScriptでの遅延ロードのテクニックを拝借させて頂きましたので、覚え書きのつもりで今回どのようにしてそれを使ったのかについて書いておきます。 まず、先に紹介した Extractor の Bookmarklet がなにをやっているかというと、現在見ているページに script タグのエレメントを生成して、他のドメインのJavaScriptのソースを読み込んでいます。Bookmarklet を分解すると下記になっています。具体的には createElement で script タグを生成して、各プ
動的スクリプトローディング（さんざん既出だと思うけど - IT戦記
なんか、既出な予感もするんですけど 私製版を作ったので コード var load = function(src, check, next) { check = new Function('return !!(' + check + ')'); if (!check()) { var script = document.createElement('script') script.src = src; document.body.appendChild(script); setTimeout(function() { if (!check()) setTimeout(arguments.callee, 100); else next(); }, 100); } else next(); }; 考え方は、 このエントリ と同じです。 使い方 以下の場合 // 処理 1 // ← ここで jQu
JavaScript難読化処理のためのヒント
※ ただのサンプルですので、実際には、データがサーバに送信されることはありませんが、JavaScriptによる入力チェックはなされます。 ↑上のフォームは、よく見かける入力フォームです。JavaScriptによるチェックを入れています。下記のようなソースになりますが、これを題材に難読化処理のためのヒントをいくつかご紹介していきたいと思います。 （※ なお、本題とはずれますが、JavaScriptによる入力チェックはあくまでもユーザーに便宜を与えるものであり、ここでOKになったからといって、サーバ側のプログラム（Perl/PHP/JSP/ASPなど）での入力チェックが必須であることは言うまでもありません。 ※ また、実際には、JavaScriptでlengthチェックを行ったり、「フリガナ」に使用できる文字を限定させたりする処理を追加することは可能ですが、冗長になり、サンプルとしては不適なた
L'eclat des jours(2006-12-24) - RHG
_ MSDNの更新がわかりにくかった（継続中） 最近、オープンライセンスというのが1ライセンスから購入可能になったので、そっちに移行しようと考えた。というのは、複数年（個人の場合は2年）一括払いなんだがその代わりに普通のパッケージ価格の半額弱の計算になるからだ。と思う（と付け加えるくらいにいま一つ良くわからない）。 で、新規のオープンライセンスのVS Pro Premium（キャンペーン中）と継続のVS Architect Premiumがほぼ同じ値段で、現在VS Architectのおれは、ランクダウンになるProではなくArchitectに移行できると思うんで発注してみたが（でもProキャンペーン中はすごく安価なのでそれはそれで魅力的ではある）、その後でリンクをクリックすると5ライセンスから（これは以前の条件のはず）と書いたページとか、なんか不安になる情報しか出てこない。まともにWeb
L'eclat des jours(2007-01-14) - JavaScriptのおもしろさ
_ JavaScriptのおもしろさ 前回の続き。（少しずつ足してく） 表示内容を答えよ。 function false_check(x) { if (x) { alert('true'); } else { alert('false'); } } false_check(false); false_check(0); false_check(Number(0)); false_check(new Number(0)); var x; false_check(x); false_check(Boolean(false)); false_check(new Boolean(false)); false_check(Boolean(new Boolean(false))); 表示内容を答えよ。（先にタネ明かしをしておくと、IEで動かしても何がポイントかさっぱりわからないと思います） funct
Ten Javascript Tools Everyone Should Have
Filed: Sun, Mar 04 2007 under Programming|| Tags: toolbox javascript popular list Javascript frameworks have exploded on the scene over the last few years but they're no replacement for a good toolbox: those little snippets of code you seem to include in every single project. Here's my list of 10 essential Javascript tools everyone should have at their fingertips! #0 - Trim. Trim is one of th
JavaScriptの巧い書き方 - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 Webに言語は数あれど、特に玉石混淆の激しいJavascriptの書き方について纏めてみた。間違い指摘大歓迎！ 発端はYahoo!の Eric Miraglia による、YUI 式モジュールの作り方をまとめた記事。ざっくりまとめると、以下の手順になる。 YAHOO.myProject.myModule = function () { //"private" variables: var myPrivateVar = "I can be accessed only from within YAHOO.myProject.myModule."; //"private" m
[暴満館] JavaScriptによるCSSの操作
またFirefoxは短縮形で取得しようとすると、設定していないプロパティにデフォルト値が入った状態で返ってくるので注意する。 getStyleValue( "div.hoge", "background" ) //Mozilla : rgb(17, 34, 51) none repeat scroll 0% 0% ルールを削除する function deleteRule( index, sheetindex ) { if( sheetindex == undefined ) sheetindex = 0; document.styleSheets[ sheetindex ].deleteRule( index ); } 全てのルールにはインデックスが振られており、それを指定することでルールから消すことができる。 ただ、同じセレクタで上書きするのとほとんど変わらないので、あまり必要にならない
Opera The Fastest Browser on Earth: menu.iniのカスタマイズその３を訂正
９月１９日の記事Opera The Fastest Browser on Earth: menu.iniのカスタマイズその３ を訂正します。 本当は記事を訂正した上で「訂正しました。」とだけ書く予定でしたが、javascriptがうまく表示できなくて、こういう記事になりました。 訂正箇所は（10月2日追記）bookmarkletの「引用する」と「アンカー」のjavascriptの中のシングルクォーテーションをダブル～に変更しました。必要な方は続きをお読みください。 投稿してから、menu.iniを試したところ、うまく動きませんでした。調査中です。bookmarkletにすれば動くんですけど。どなたかコメントしてくださると助かるんですが。 ▼ [Hotclick Popup Menu]以下に Item, "引用する"= Go to page,"javascript:void(prompt('
記事一覧: JavaScript - 徒書
スマートキーワードでCSS 2.1仕様書を直接参照 2009年1月29日 言及: 3 再編集可能なbookmarklet 2009年1月22日 言及: 4 id, name属性を表示するbookmarklet 2008年1月9日 言及: 3 jQueryでブロック要素の高さを揃えてみる 2007年8月1日 言及: 7 JavaScriptでロールオーバー 2007年6月22日 言及: 1 あれこれポップアップとprototype.jsを同時に使うには 2006年8月17日 言及: 2 Elementオブジェクトの変数名のつけ方 2006年6月5日 言及: 0 bindとbindAsEventListenerについての疑問 2006年5月13日 言及: 0 bigpresen.rbでtable要素を使わないように 2006年2月10日 言及: 0 引用マークアップを生成 2005年9月2日
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
