オフィシャルサイトで使う予定だった技術in work

 
date:2010.05.31   posted by:oikawa
 
download microsoft office 2008 for mac home & student edition old version

p>お世話になります。デザイニウムの及川です。
今回はオフィシャルサイトで使う予定だった並列リクエスト処理のサンプルを紹介したいと思います。

 

Mootoolsを使ったリクエスト処理


var dsn = {
  init: function() {
    this.requestFunc();
  },
  dominit: function() {
  },
  requestFunc: function() {
    var error = 0;
    var xhrs = [
      new Request.HTML({url: 'http://www.thedesignium.com/category/web', method: 'get', update: 'web', evalScripts: false,
        onComplete: function(){ $('request1').removeClass('loading').set('html', 'Web Complete!'); },
        onFailure: function() { $('request1').removeClass('loading').set('html', 'Request Error!'); error = 1; $('attention').set('html', 'Please reload again!'); },
        onRequest: function(){ $('request1').addClass('loading').set('html', 'Request ...'); }}),
      new Request.HTML({url: 'http://www.thedesignium.com/category/other', method: 'get', update: 'other', evalScripts: false,
        onComplete: function(){ $('request2').removeClass('loading').set('html', 'Other Complete!'); },
        onFailure: function() { $('request2').removeClass('loading').set('html', 'Request Error!'); error = 1; $('attention').set('html', 'Please reload again!'); },
        onRequest: function(){ $('request2').addClass('loading').set('html', 'Request ...'); }}),
      new Request.HTML({url: 'http://www.thedesignium.com/category/services', method: 'get', update: 'services', evalScripts: false,
        onComplete: function(){ $('request3').removeClass('loading').set('html', 'Services Complete!'); },
        onFailure: function() { $('request3').removeClass('loading').set('html', 'Request Error!'); error = 1; $('attention').set('html', 'Please reload again!'); },
        onRequest: function(){ $('request3').addClass('loading').set('html', 'Request ...'); }})
    ];
    var group = new Group(xhrs[0], xhrs[1], xhrs[2]);
    group.addEvent('onComplete', function() {
      if(error != 1) alert('All Completed!');
      else alert('Request Error!');
    });

    xhrs.each(function(xhr){
      xhr.send();
    });
  }
}

var stockHash = location.hash;
window.addEvent('domready', function(){ dsn.dominit() });
window.onresize = function() {};
window.onload = function() { dsn.init(); };

上記サンプルを使ったデモ: http://www.thedesignium.com/sample/request/

ただオフィシャルサイトでは、設置されているサーバの関係や、リクエストが複数あった場合にエラーが出る確立が高くなることから使用は止めて、擬似的な感じで処理しています。

 
"JavaScript"で関連する記事一覧 (シーケンスで表示する)
•2011.10.13-悩める漢のダイエットアプリ「漢のダイエット」リリース! in news
•2010.06.04-each関数を使ったテキスト上下中央揃え in work
•2010.05.31-オフィシャルサイトで使う予定だった技術 in work
•2010.05.31-オフィシャルサイトで使った技術その3 in work
•2010.05.31-オフィシャルサイトで使った技術その2 in work
•2010.05.25-オフィシャルサイトで使った技術その1 in work
•2010.02.16-JSパウワァ&ドラッグ機能の改善ついて in work
•2009.05.27-もっとがほしいDSN in work
•2009.04.16-Webページで角丸のボックスを作る方法あれこれ in work
•2009.04.03-AJAX Libraries API in work
 
 
"lab"で関連する記事一覧 (シーケンスで表示する)
•2010.07.05-iPadアプリ「Twin Striker」をリリース in news
•2010.06.06-The Css AwardsのSite of the Dayに選ばれました in work
•2010.06.06-iPhoneアプリ「TWIN STRIKER」をリリース! in news
•2010.06.04-each関数を使ったテキスト上下中央揃え in work
•2010.05.31-オフィシャルサイトで使う予定だった技術 in work
•2010.05.31-オフィシャルサイトで使った技術その3 in work
•2010.05.31-オフィシャルサイトで使った技術その2 in work
•2010.05.28-Androidアプリ「Twin Striker」をリリース! in news
•2010.05.26-リンク集 in development
•2010.05.26-事例(Twin Strikerのワークフロー) in development
•2010.05.26-Coronaトラブル対策 in development
•2010.05.26-Coronaと他Projectの比較 in development
•2010.05.26-Tips4. iPhone3GSとAndroid1.6の動作の違い in development
•2010.05.26-Tips3. iPhoneで気をつけるべきこと in development
•2010.05.26-Tips2. Androidで気をつけるべきこと in development
•2010.05.26-Tips1. Flashからの変換 in development
•2010.05.26-Coronaの環境構築編 in development
•2010.05.26-Coronaの紹介編 in development
•2010.05.26-『日本代表に応援メッセージを送ろう!』携帯版リリース in news
•2010.05.25-オフィシャルサイトで使った技術その1 in work
•2010.05.25-おっぱいw-cup携帯版をリリースしました! in news
•2010.05.24-会津大学 ソフトウェアスタジオ キックオフ編 in work
•2010.05.24-会津大学 ソフトウェアスタジオ 準備編 in work
•2010.05.22-サッカー日本代表に応援メッセージを送ろう! in news
•2010.05.21-DSNオフィシャルサイトリニューアル in news
•2010.05.17-Processing.jsを使った万華鏡デモ in work
•2010.05.14-CSS3のアニメーション機能 in development
•2010.05.07-複数打ったはずのマーカーが1つしか表示されない in work
•2010.05.07-TwitterSearchAPIのフィードをパースする in work
•2010.04.24-HTML5&CSS3のデモを作成しました in work
•2010.02.16-JSパウワァ&ドラッグ機能の改善ついて in work
•2010.01.08-Processingおもしろい&使えるライブラリ10 in work
•2010.01.04-HTML5を学ぶつもりならスマートフォンを買おう in work
•2009.12.02-マルチタッチディスプレイ vol.02 in work
•2009.10.23-「くままり」で使用したBox2D AS3テクニック in work
•2009.10.22-mixiアプリモバイル作成前に見ておくべき10のまとめ in work
•2009.10.21-mixiアプリの公開手順 in work
•2009.10.15-mixiアプリ「鉄血王女と待受騎士団」をリリース in news
•2009.10.14-mixiアプリのパズルゲームについて in work
•2009.09.07-雑誌ウェブデザイニングに掲載されました! in work
•2009.08.27-mixiアプリ「くままり」をリリース in news
•2009.08.26-くままるのmixiアプリ『くままり』登場 in work
•2009.05.27-もっとがほしいDSN in work
•2009.04.16-Webページで角丸のボックスを作る方法あれこれ in work
•2009.03.02-みんなが大好きjQuery in work
•2009.02.27-マルチタッチディスプレイ vol.01 in work
•2009.02.20-ニールセンのユーザビリティ10原則 in work
•2009.02.11-センサー講座 Spe.001 Wiimote Whiteboard in work
•2009.02.06-センサー講座 Lec.003 Phidgetsインストール in work
•2009.02.06-エラスティックレイアウト in work
•2009.02.05-Jakob Nielsen博士 in work
•2009.01.30-固定幅レイアウト vs. リキッドレイアウト その2 in work
•2009.01.29-センサー講座 Lec.002 phidgetsの購入 in work
•2009.01.24-固定幅レイアウト vs. リキッドレイアウト その1 in work
•2009.01.20-センサー講座 Lec.001 どれを選ぶ? in work
 
 
Copyright © TheDesignium inc. powered by WordPress & mootools.
Relative Keyword|JavaScript lab