![async.jsのいいところ
1:非同期でのループ処理
2:非同期処理共通の処理
他にも
async.parallel：並列実行
async.forEach：配列を処理
などなど。
var a = function(callback){
setTimout(function(){callback();},1000);
}
var b = function(callback){
//非同期処理B
setTimeout(function(){ callback();},2000);
}
var count = 0;
async.whilst(function(){
return count < 5;
},function(callback){
async.waterfall([function(next){
if(count ==0){
a(next);
}else{
b(next);
}
],function(e){
count++;
callback();
});
},function(e){
console.log(“finished”);
});](https://image.slidesharecdn.com/js-150208035347-conversion-gate02/85/Js-7-320.jpg)
Js祭り
- 2. 自己紹介 星野 善彦 / Yoshihiko Hoshino ３０歳 学生起業を経てWeb業界１０年目 シスウ株式会社 代表 Node.js 3年 Mongo/MySQL 3年 HTML/Javascript/CSS 8年 C# / Java / Objective-C etc 麻雀 adsense
- 7. async.jsのいいところ 1:非同期でのループ処理 2:非同期処理共通の処理 他にも async.parallel：並列実行 async.forEach：配列を処理 などなど。 var a = function(callback){ setTimout(function(){callback();},1000); } var b = function(callback){ //非同期処理B setTimeout(function(){ callback();},2000); } var count = 0; async.whilst(function(){ return count < 5; },function(callback){ async.waterfall([function(next){ if(count ==0){ a(next); }else{ b(next); } ],function(e){ count++; callback(); }); },function(e){ console.log(“finished”); });
- 8. フロントエンドのJavascriptでできるトリッキーなこと紹介 img var newImg = new Image(); newImg.onload = function(){ console.log(this.width); console.log(this.height); } newImg.onerror = function(){ this.src = “エラー画像のソース ”; } newImg.src = “画像のソース”;
- 11. ３つの特徴と用途 ・タテ・ヨコ比が違ってもきれいに並ぶ ガジェット、グルメ、バイラルメディアのデザイン性が向上 ・スクロールで多くの記事を推薦できる テキスト中心、画像中心、記事数が多いサイトのPV増 ・スマホ / PC / タブレットあらゆるサイズのデバイス対応 制作系、検索に強い等のPCでもアクセスされやすいサイトのPV増 3.特徴と用途
- 13. ご静聴有難うございました