Javascript・Ajaxのテクニックとトピックのまとめ

■ JavaScriptを高速化する6つのテクニック | エンタープライズ | マイコミジャーナル ■

2009/11/11 12:00:04 はてなブックマーク数329 ライブドアクリップ数26 del.icio.us数0 journal.mycom.co.jp [ この元コンテンツへ ]
JavaScriptを高速化する6つのテクニック | エンタープライズ | マイコミジャーナル

Thomas Fuchs, author of the script.aculo.us user interface JavaScript library, a member of the Prototype core team and a Ruby on Rails core alumnus.Thomas Fuchs氏が6 easy things you can do to improve yo...

[ ← 前の画面 ]  【 PR 】 デザインのまとめネタ [ ニコニコ風 ] [ 関連記事 ] [ Feeling Lucky ]
[ スポンサード リンク ]
■ この情報のコメント・メモ ■

だが断る!→「従来の{}といった生成方法ではなくnewを使って配列やオブジェクトを作成する。」  [ mattn ]

高速化  [ tsutomura ]

javascriptだけじゃなくあらゆる言語に有効!!なんて素敵なんだ!!  [ youshow ]

用途の違う物を比較してもあまり意味が無いと思うのだけど。  [ Rewish ]

RT@sbm2tw:JavaScriptを高速化する6つのテクニック|エンタープライズ|マイコミジャーナル  [ LittleLoro ]

レベル高いな・・・  [ araishi ]

わろた。  [ finalvent ]

パフォーマンス  [ hisasann ]

高速化について  [ sky_2007 ]

dev:JavaScriptを高速化する6つのテクニック|エンタープライズ|マイコミジャーナル:  [ bsiyo ]

newだと記述量増えるからなぁ  [ ynsyns ]

うーん展開とか。。。w  [ kno ]

tips  [ xiii8 ]

エンジン毎の比較とグラフ付きでわかりやすい  [ potato777 ]

こんな高速化に手を出さないといけないならJavaScriptは死んだ方がいい  [ teramako ]

ループを展開するとかテクニックにしないで欲しい。評価式の記述順序はIEが頑張ってくれればどうでもいいレベル  [ civicpg ]

ローカル変数にキャッシュするくらいかな  [ tester000 ]

IE  [ solidstatesociety ]

JSに限らずなネタだよねこれ。|ループ展開なぁ……譲りに譲って許せるのは5回分までだな。60回分とか書く気しねぇw|ローカル変数にキャッシュって知らなかった。  [ AmaiSaeta ]

JavaScript高速化  [ nre126 ]

ブラウザのために開発者が頑張るという話。つまりIEもFFも捨ててChromeを使え。そういうことですね。アホカ>(ノ゚Д゚)ノ┻━━┻  [ diveintounlimit ]

こういった高速化は、エンジンを改良するか、コンパイラ的なものを挟むべきだと感じる。  [ kazmaro ]

元スライドでもグラフでも「括弧で生成せずにnewを使う」は誤りで、「括弧を使う方(literals)が早い」ように見えますが  [ kotas ]

括弧で生成せず、は誤訳でしょう。/ループをやめれば、ってそんなこたあわかってんだよ!確かに「なんでこれをわざわざループに?」は見た事あるけど  [ ghostbass ]

アセンブラみたいな関数・ループの展開してまで速度をかせぐのはなぁ…もうそこしか手を入れるところがないって時だけかな。ローカルにキャッシュってのはかつてamachangさんが書いた一行で高速化できるテクですね。  [ fusionstar ]

ループの展開ワロタ・・・速いコード≠綺麗なコード  [ funnnon ]

コードの可読性を大幅に低下させると思うので、可読性を考えて書かれたコードから機械的にこのような最適化を行う仕組みがあると良いですね。  [ monjudoh ]

これ、ほとんどバッドノウハウなんじゃ・・?  [ ryochin ]

ないなぁ・・・  [ nori_17 ]

マイクロベンチのわりに効果微妙過ぎ  [ yau ]

Firefoxはjitじゃないの?/Fxは得意な処理と苦手な処理があって面白いな  [ yukikeiichi ]

メモメモ  [ tsubasa0723 ]

JavaScriptの高速化テクニック。時間計測の比較グラフもあり。  [ misshiki ]

とか{}より、newの方が早いのか。逆だと思ってた。。。  [ seiunsky ]

ループ展開とかもろにSNES時代のコンシューマゲーム機での高速化手法、自分もこの手の悩みを経験したことがあるが、結局賢いコンパイラが自動でやってくれるようになった。  [ wordi ]

ループの中身をコピーしまくります。  [ suVene ]

JavaScriptを高速化する6つのテクニック|エンタープライズ|マイコミジャーナル  [ cool_ni_ikou ]

高速化の手をいろいろ尽くした後、最後の最後に使おうかと思ったけどやっぱりやめておくかと言う感じのテクニック  [ lizy ]

『ループを展開する』までネタ記事かと思った。  [ kokogiko ]

ループ展開て  [ dyamashiro ]

はい今死んだ!君の可読性死んだよ!  [ h_narazaki ]

そして、これを見た俺はコードを書き直させるのであった。関数を使い、{}でオブジェクトを作り、ループにまとめる。無限ループってコワイ。  [ taku-o ]

結論IEを捨ててChromeを使う。  [ gami ]

やりすぎな感  [ mgng ]

どれもこれもバッドノウハウすぎる。ブラウザ側が頑張るべき問題だな。  [ justgg ]


[ ← 前の画面に戻る ]

膨大なAjax,Javascriptをコピペで使えるサイトだけど英語。だったら英語サイトを70%くらい使えるようになるYamada式翻訳でいきましょう。*ホームページを作る人のネタ帳膨大なAjax,Javascriptをコピペで使えるサイトだけど英語。だったら英語サイトを70%くらい使えるようになるYamada式翻訳でいきましょう。*ホームページを作る人のネタ帳 [ 情報元へ ]
ネタ帳は、売れない、人が来ないホームページにならない為の、インターネットの知識とブログネタに使えるエントリを書いています。 英語サイトの突破方法を公開 ダイナミックドライブ(Dynamic Drive)というサイトはご存知でしょうか。 Dynamic Drive ここはとにかくすごい。 Ajaxに...

暴満館 » JavaScriptでCSSを弄る際のメモ暴満館 » JavaScriptでCSSを弄る際のメモ [ 情報元へ ]
俺の探し方が悪いんだろうが、JavaScriptでCSSを弄るリファレンスが中々見当たらなかったので、メモも兼ねて書く。 結構適当に書いてる部分もあるので鵜呑みにしないように。あと、Operaは知らね。 スタイルシートのルールを弄る div内の全要素をgetElementsByTagNameで拾っ...

IT戦記 - JavaScript で遅延評価IT戦記 - JavaScript で遅延評価 [ 情報元へ ]
ぶっちゃけ 僕は遅延評価のことたぶんあんまり理解してないと思います。 でも、とりあえずこんなの作ってみた こうやって使う これが遅延評価ですか?? >< 教えて!エロい人! でも、関数作るときに意識しないといけないから違うのかな。 もう一個、こんなの作ってみた こうやって使う これが遅延評価ですか...

IEでjavascriptのエラーをデバッグする方法 - bits and bytesIEでjavascriptのエラーをデバッグする方法 - bits and bytes [ 情報元へ ]
FirefoxであればFirebugで簡単に問題の場所をみつけられますが、IEでjavascriptのエラーが出ると、素っ気ないうえに意味不明な日本語のエラーメッセージが出てきてお手上げなので、エラーが出ている場所の特定すら困難です。 そんなときでもOfficeについているスクリプトデバッガを使う...

JavaScript で、画像本来のサイズ(幅, 高さ)を取得する方法 - latest logJavaScript で、画像本来のサイズ(幅, 高さ)を取得する方法 - latest log [ 情報元へ ]
JavaScriptrhino.jpg(幅:300px, 高さ:227px) を、 と、100 x 75 で表示している場合を例に、画像本来のサイズを取得する方法をご紹介します。Firefox, Safari, Google Chrome ならimage.naturalWidth と image....

JS のコードを短かくする Tips - 冬通りに消え行く制服ガールは、夢物語にリアルを求めない。 - subtechJS のコードを短かくする Tips - 冬通りに消え行く制服ガールは、夢物語にリアルを求めない。 - subtech [ 情報元へ ]
■ JS のコードを短かくする Tips 14:02 可読性を犠牲にしてコードサイズを減らす簡単な方法のメモ。ゴルファーな人はもっとちゃんと知ってそうだなぁvar を消すそもそもグローバルを汚染していいならいりませんが、そうでなくても関数の仮引数に書くことで普通に消せます(function(a){...

llameradaの日記 - ユーザがページに滞在した時間をサーバに記録するJavaScriptllameradaの日記 - ユーザがページに滞在した時間をサーバに記録するJavaScript [ 情報元へ ]
Ajaxの普及に伴い、ページ当たりのユーザの滞在時間が注目されるようになっている。従来、サービスがユーザに与えるインプレッションの指標としてページ・ビューが広く用いられている。しかし、Ajaxを利用するとページの移動があまり発生しないため、ページ・ビューが低くなってしまう。そこで、インプレッション...

Kazuho@Cybozu Labs: JavaScript から Flash の便利な機能を使う方法Kazuho@Cybozu Labs: JavaScript から Flash の便利な機能を使う方法 [ 情報元へ ]
先月・今月と新しいメンバーが加わったサイボウズ・ラボですが、いま社内でfont-familyが密かなブームです。ということで、ブラウザで使用できるフォント名一覧をJavaScriptで取得する方法について調べてみました。 (中略) ■ 2. Flash の TextField.getFontLis...


[ ← 前の画面に戻る ]
[ スポンサード リンク ]
[ 今日のWebデザイン ]
追加
[ 追加された期間を表示 ]
ユーザー
[ コメントの多いユーザー ]
ピックアップ
library』 の注目情報
Web制作会社が作った!超使えるJavaScriptライブラリ Javascript・Ajaxのテクニックとトピックのまとめ

「Webサイトを作るときに本当によく使う機能を、自分で作らずにさくっと実装したい」――。そんなワガママな願望をかなえてくれる JavaScriptライブラリが登場した。ミツエーリンクスが今月オープンソースとして公開した「MJL(MITSUE-LINKS JavaScript Library)」は、...

2008/10/28 12:02:06
   javascript web制作 library ライブラリ webデザイン
Webアプリに使えるAjaxライブラリ8選! ― @IT Javascript・Ajaxのテクニックとトピックのまとめ

どのようなプログラミング言語でもライブラリが存在するように、Ajaxにおいてもライブラリが存在します。 初めにAjaxライブラリの必要性について見ていきたいと思いますが、ここではAjax開発ならではのライブラリの必要性を2点取り上げます(ほかの言語のライブラリと共通する必要性はあらためて取り上げま...

2007/12/20 6:30:01
   Ajax JavaScript Library まとめ ライブラリ
JavaScript-XPath をリリースしました!さあ、あなたも XPath を使おう!(解説付き) - IT戦記 Javascript・Ajaxのテクニックとトピックのまとめ

JavaScript-XPath とは JavaScript-XPath は、 DOM 3 XPath を実装していないブラウザに対して、実用的な速度で動作する DOM 3 XPath のエンジンを追加します。 一言で乱暴に言ってしまえば、どのブラウザでも document.evaluate って...

2007/12/21 6:30:01
   javascript xpath library xml DOM
人気のタグ
ブックマーク
RSS配信中
Javascript・Ajaxのテクニックとトピックのまとめ | Summary.Js