第4回 JSDeferredを使いJSアプリのパフォーマンスを最適化する | gihyo.jp
前回まででJSDeferredの基本的な使いかたを説明しました。 今回は「非同期処理を簡単にする」から一歩進んで、既存アプリケーションの「非同期処理でパフォーマンス改善する」ことや、その他応用できる部分について説明します。 UIスレッド JavaScriptが担当するアプリケーションユーザインターフェイスの「はやさ」とはなんでしょうか？ 単純に、最速で処理が終わることというのも一つですが、それを含めて最も重要なのは、ユーザにストレスを与えないことでしょう。多少実行速度が遅くても大抵待っていられますが、インターフェイスがなんの反応もしないと大きなストレスになります。 JavaScriptを実行するブラウザには、UIスレッドを呼ばれる、システム入出力を処理する流れがあります。JavaScriptは、その性質上どうしてもUIスレッド上で動かす必要があります（JavaScriptを実行中にページの
YUI CompressorとGoogle Closure圧縮比較 | エンタープライズ | マイコミジャーナル
The Closure tools help developers to build rich web applications with JavaScript that is both powerful and efficient. Googleは9日(米国時間)、GmailやGoogle DocsなどGoogleが提供しているWebアプリケーションの開発に利用しているツールやJavaScriptライブラリをClosure Toolsとして公開した。Closure ToolsにはJavaScriptライブラリやテンプレート、Firebugエクステンションのほかに、JavaScriptをよりコンパクトで高性能なコードへ変換するコンパイラも含まれている。 JavaScriptソースコードを最適化するミニファイアツールとしてはYUI Compressorが有名。YUI CompressorとC
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 your JavaScript runtime performanceにおいてJavaScriptの実行パフォーマンスを改善するための6つのテクニックを紹介している。Thomas Fuchs氏はscript.aculo.usの開発者であるとともにPrototypeコアチームのメンバーも務めている。またRuby on Railsでコアチームで開発を担当していたこともある。 JavaScriptエンジン
YUI 3.0.0: First GA Release of YUI's Next-Generation Codeline
YUI Blog Development YUI 3.0.0: First GA Release of YUI's Next-Generation Codeline YUI 3.0.0: First GA Release of YUI's Next-Generation Codeline YUI().use("node", function(Y) { Y.one("#message").setContent("Hello, World!"); }); We're pleased to announce today the general-availability release of YUI 3.0.0. YUI 3's core infrastructure (YUI, Node and Event) and its utility suite (including Animation,
【ハウツー】jQuery on iPhone - jQTouchを使ったWebアプリ開発 (1) jQTouchとは | エンタープライズ | マイコミジャーナル
iPhone向けWebアプリケーションの開発において、jQuery使いなら見逃せないプロダクト「jQTouch」のベータ版がリリースされた。同プラグインを使用すれば、ネイティブアニメーションを伴うWebアプリケーションでも簡単に開発できるようになる。jQueryベースのため、強力なAjaxアプリケーションだって可能だ。本稿ではjQTouchを使ったWebアプリ開発方法を紹介しよう。 David Kaneda氏は8月30日(米国時間)、jQTouchの最新版であるjQTouch 1.0(beta)をリリースした。jQTouchはThe MIT Licenseのもとで公開されている、iPhone上で動作するWebアプリケーション開発に特化したjQueryプラグイン。デベロッパはjQTouchを使用することで、テーマやネイティブアニメーションをともなうiPhone用Webアプリケーションを簡単に
HTML5で実装される予定（だった）videoタグを旧ブラウザでも·video4all MOONGIFT
各ベンダーの意向が揃わず、HTML5での仕様策定が断念されたvideoタグではあるが、オンラインでの動画閲覧がこれだけ広まっているのであればやはり何らかの仕様が欲しいだろう。そんな企業の思惑を越えて動けるのが開発者だ。 Safari4の場合 videoタグはHTML5をサポートしたブラウザでしか動かないが、旧来のブラウザでも可能にするのがvideo4allだ。 今回紹介するオープンソース・ソフトウェアはvideo4all、多数のブラウザでvideoタグを利用可能にするJavaScriptだ。 video4allはvideoタグを各ブラウザの仕様に合わせて表示を変更するJavaScriptライブラリだ。対応するのはFirefox 3.0/2.0、IE6〜8、Opera、Safari2、Chromeとなっている。Safari4やFirefox3.5についてはvideoタグがそのまま使われる。
【レビュー】Google Chrome使用のデベロッパへ - GUI JavaScriptデバッガを試してみた! (1) Google Chromeに実装された2つの強力なデバッガ | エンタープライズ | マイコミジャーナル
Google ChromeでデバッグをおこなうWebデベロッパに朗報だ。Chromeの開発者向けツールに、待望のJavaScriptのフル機能デバッガ「Scripts」とサンプルベースの「Profile」が実装された。Devチャンネル(開発版)限定の同機能だが、なにはともあれ一足お先にその新機能をチェックしてみよう。 より強力になったGoogle Chromeのデバッガとは Google Japan Blogは2日(日本時間)、Google Chromeの開発者向けツールとして「Scripts」と「Profiles」タブが追加されたことを発表した。Google Chromeを使用しているWebデベロッパは同機能を使用することで、より強力なJavaScriptデバッギングとプロファイラを簡単に使用できるようになる。 今回あたらしく実装された「Scripts」と「Profiles」タブはDev
Ajaxフレームワークを選ぶ、Decision Center登場 | エンタープライズ | マイコミジャーナル
Technology decisions - Athenz.com AjaxフレームワークやRIA開発フレームワークは有名なものにしぼってもかなりの候補がある。開発も活発で、どのフレームワークを採用すればいいのかの検討は常に頭の痛い問題だ。これからAjaxフレームワークの採用を検討しているのなら、Athenz.comの提供している意思決定支援システムAjax Frameworks Decision Centerの活用を検討してみるといいかもしれない。 Ajax Frameworks Decision Center - Athenz.com Ajax Frameworks Decision Centerはベータ提供されているAjaxフレームワーク向けの意思決定支援システム。110ほどのプライオリティを設定し、Ajaxフレームワークごとに評価して求めているフレームワークはどれかを決定する作業を
InfoQ: JsUnitとJSMockを使ったJavaScriptのテスト駆動開発
テスト実行部上の最も重要な部分はページの上部にあるファイル参照用のフォーム部品になります。この部品はテスト・ページまたはテスト・ページのスイート・ファイルへのパスを保持します。ではJsUnit用のテスト・ページの簡単な例を見てみましょう。 <html> <title>A unit test for drw.SystemUnderTest class</title> <head> <script type='text/javascript' src='../jsunit/app/jsUnitCore.js'></script> <script type='text/javascript' src='../app/system_under_test.js'></script> <script type='text/javascript'> function setUp(){ // perfor
BrowserCouch、CouchDBのJavaScript実装 ブラウザに適したDB API | エンタープライズ | マイコミジャーナル
BrowserCouch Atul Varma氏が自身のブログにおいてCouches in Browsersのタイトルのもと興味深いエントリをあげている。Webコンテンツに対してSQLを使うことはどうかと思うというVladimir Vuki?evi?氏のブログHTML5 Web Storage and SQLに触発されたもので、Apache CouchDBをJavaScriptで実装し直し、ブラウザでデータベースを使えるようにしようという試みだ。 Atul Varma氏のこの取り組みはBrowserCouchと呼ばれている。Apache CouchDBが提供しているAPIはブラウザから扱うのに適したAPIであり、また使われているMapReduceパラダイムがマルチコアの恩恵を受けやすいものであることから、今後のブラウザDBとして真似して実装する価値があるというわけだ。 現状はまだ取り組みが
Canvasを使った複雑なグラフも描画するライブラリ·Protovis MOONGIFT
※ 画像は公式サイトのサンプルより 個人的にはあまり複雑なグラフは好きではない。複雑であればあるほど、本質が遠ざかってしまうような気がするからだ。とは言え、複雑にせざるを得ない場合や複雑さの中からはじめて価値ある情報が見いだせることもあるだろう。 サンプル1。このような複雑な描画も可能とする 簡易的なグラフを描くライブラリを使っていて苦労した経験があるならば、複雑なグラフをも描けるProtovisを使ってみてよう。 今回紹介するオープンソース・ソフトウェアはProtovis、JavaScript + Canvasによるグラフライブラリだ。 大は小をかねる。Protovisは簡単なグラフから、複雑なグラフまで難なくこなせるライブラリだ。欠点としてはCanvasを使っていることでFirefox3、Chrome、Safari4のみがサポート対象となってしまうことだろう。 サンプル2 使う場面は選
第2回 Firebugによるデバッグの基本、Console APIとその活用 | gihyo.jp
Firefox 3とFirebugで始めるJavaScript開発 第2回Firebugによるデバッグの基本、Console APIとその活用 さて、前回はインストールからFirebugのタブの基本的な部分について紹介をしてきました。今回は、Firebugに実装されているConsole APIの紹介と、Console APIを利用したデバッグ手法について解説していきます。 Firebugで利用できるAPI Firebugには、デバッグに活用できる2つのAPIが実装されています。今回は、その2つあるAPIのうちConsole APIについて解説していきます。 Console API Console APIはFirebugのタブだけでなく、コンテンツ側のJavaScriptから呼び出すことのできるAPIです。デバッグのために便利な関数があらかじめたくさん用意されています。これらの関数を以下
ECMAScript 4 → JavaScriptトランスレータ、Mascara 1.0登場 | エンタープライズ | マイコミジャーナル
Mascara: ECMAScript 4 → JavaScript translator 28日(米国時間)、Mascaraがついに1.0として公開された。MascaraはPythonで開発されたECMAScript 4/クラシックJavaScriptトランスレータ。ECMAScript 4で開発したソースコードをJavaScript 1.2などより古いバージョンのJavaScriptのコードに変換できる。 ECMAScript 4の機能は大規模アプリケーションの開発においては魅力的なものが多い。コンパイル時の型チェックが実施できることやクラスの継承がシンプルに記述できることの利点は大きい。しかし次期JavaScriptとなるJavaScript 2ではベースとしてECMAScript 4ではなくECMAScript 3.1をベースに進められることになった。これでJavaScriptの手
JsDecoder - javascript decoder - decode obfuscated script
var base_code='';var jsdecoder;var jscolorizer;var code='';var time=0;function decode() {code='';base_code='';jsdecoder=new JsDecoder();jscolorizer=new JsColorizer();if($('msg').innerHTML.length){do_clean_init();}else{jsdecoder.s=$("a1").value;do_decode_init();}} function do_decode_init() {$('msg').innerHTML+='Decoding .. ';setTimeout(do_decode,50);} function do_decode() {time=time_start();tr
JavaScriptテストをスケールさせるファイナルウェポン"TestSwarm" | エンタープライズ | マイコミジャーナル
John Resig - JavaScript, Programming, and Web Applications Webアプリケーションの開発において複数のブラウザとOSで組合試験を実施するのは容易な作業ではない。クロスブラウザに対応したJavaScriptライブラリを利用することでこの問題の軽減をはかることができるが、そもそもJavaScriptライブラリの開発ではどうやって試験が実施されているのだろうか。jQueryの開発者であるJohn Resig氏がJavaScript Testing Does Not ScaleにおいてjQueryにおける試験の方法と問題点、問題を解決するために現在取り組んでいるプロジェクトを紹介している。試験のアイディアはWebアプリケーションにも適用できるため開発者やテスターはチェックしておきたい。 jQeuryにはいくつも試験ツールがあるが、少なくとも
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
syboos.jp
Getting Started with JavaScript Unit Testing and YUI Test » Yahoo! User Interface Blog
diaspar.jp
http://www.kylehayes.info/blog/index.cfm/2009/3/29/Survey-Results-JavaScript-Frameworks
http://japan.internet.com/developer/20090320/26.html