[B! 20110223] pink_darkのブックマーク

for ループでの配列長の括り出しは JavaScript でも有効か - WebOS Goodies

「今週の話題」でもご紹介しましたが、先週、以下の記事が話題になっていました。 ActionScript3 最適化・高速化Tips 簡易まとめ ActionScript3 で効率の良いコードを書くための Tips がまとめられていて、私も興味深く読ませていただきました。その中に for ループで配列を操作する場合には配列長をあらかじめローカル変数に代入しておくと 147% 高速化されるという項目があり、このテクニックは JavaScript でも適用すべきである、となっていました。実は私もけっこう平気で Array.length を書いてしまうほうなので（C/C++ あがりの風上にも置けませんね＾＾；）、もし事実であれば今後は注意しなくてはいけません。しかし、実際のところ ActionScript と JavaScript では実行時の仕組みがだいぶ異なるはずで、 ActionScrip

pink_dark 2011/02/23

リンク

小粋空間: JavaScript の for 文のパフォーマンスを改善する

すでにご存知の方も多いと思いますが、for 文のパフォーマンス改善テクニックです。変更前 for (i = 0; i < elements.length; i++) { ： } 変更後 for (i = 0, len = elements.length; i < len; i++) { ： } 変更前は、ループ処理の i < elements.length つまり length プロパティの参照が毎回行われます。この、いわゆる「ドットつき比較計算」はコストが高い、ということです。変更後は初期化式で elements.length を保持しているので、ループ回数にかかわらず参照は1回だけになります。ただし、ネイティブな配列の場合は変更前後でそれほど差はないようで、NodeList オブジェクト（よくみかける document.getElementsByTagName() 等）では、le

pink_dark 2011/02/23

リンク

今後5年のあいだにIT業界に大きなインパクトを与えそうな5つの動向

先週の水曜日に、IBMのビジネスパートナーの方々が中心となって設立された団体「Open Source協議会 System i」のセミナーで「IT大変革。今、何にどう取り組むべきか！～知っておきたい技術動向とキャリアの描き方～」というセッションのスピーカーを、アイティメディアの藤村厚夫取締役と一緒に務めてきました。藤村さんからはセッションのテーマとして「お互いに、今後5年のあいだにインパクトがあると思われる動向を5つ挙げて説明しよう」という提案をいただいていたので、僕としては少し考えて次のような5項目を挙げることにしました。セミナーでこの5つについて話したことを、せっかくなのでこのブログでも紹介したいと思います。業務の定型化の波 1つ目の動向は「非コア業務、�バックオフィス業務の定型化の波」です。これによってこれまで以上に業務のパッケージソフトやサービスへの置き換えが進むと考えていま

pink_dark 2011/02/23

20110223
web

リンク

JavaScriptが遅い4つの原因とは？

1つ前の記事「JavaScriptをいかに高速化するか、IE9、Firefoxの取り組み」では、IE9とFirefoxにおけるJavaScriptの高速化について紹介しましたが、そもそもJavaScriptの実行速度はなぜ遅いのでしょう？その理由について、Mozilla Japanテクニカルマーケティング担当の浅井智也氏が、スライド「Trace Monkey」でポイントをまとめています（このスライドはタイトルから分かるとおり、Firefoxの当時の新しいJavaScriptエンジン「Trace Monkey」を紹介するために1年以上前に作成されたスライドですが、1つ前の記事を見ると、ここで示された課題はいまも変わっていないようです）。全67枚のスライドの20枚目から24枚目の5枚を以下に紹介します。 JavaScriptが遅い原因は、以下の4点にまとめられています。インタープリタ型言

pink_dark 2011/02/23

リンク

新型はてなブックマークボタンを速くする

遅い原因も調べてますがとりあえずその辺は後述ということで、先に新型はてブボタンの動作を速くする方法から書いていきます。まずはてブのボタン配信ページから貼り付けコードを取得します。こんな感じの HTML スニペットがもらえると思います。 <a href="http://b.hatena.ne.jp/entry/http://sakuratan.biz" class="hatena-bookmark-button" data-hatena-bookmark-title="さくらたんどっとびーず" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"> <img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリ

pink_dark 2011/02/23

リンク

CSS3の潜在能力から生みだされたニューレトロなウェブデザインのトレンド

CSS3の潜在能力をヒントにした、新しいレトロ・ヴィンテージなスタイルのウェブデザインのトレンドを紹介します。 Trends: the new retrò web design and the "CSS3 style" [ad#ad-2] 下記は各ポイント意訳したものです。 1. 明るいカラーとパステル 2. 円形のロゴ 3. テクスチャ 4. ジオメトリックなフォント 5. シェードしたテキストおわりに：トレンドの乱用はしない 1. 明るいカラーとパステルこのグラフィックスタイルは、Web2.0で使用されていた明るいカラーとは異なります。放射状のグラデーションやスポットライトなどには、もう居場所はありません。

pink_dark 2011/02/23

リンク