Js祭り

2,846 views

Published on

2015/2/7のJavascript祭用のスライドです。

Published in: Engineering
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,846
On SlideShare
0
From Embeds
0
Number of Embeds
2,085
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Js祭り

  1. 1. フロントエンド祭り LT 〜フロント/サーバをJavascriptで〜 シスウ株式会社 星野 善彦 2015年2月7日
  2. 2. 自己紹介 星野 善彦 / Yoshihiko Hoshino 30歳 学生起業を経てWeb業界10年目 シスウ株式会社 代表 Node.js 3年 Mongo/MySQL 3年 HTML/Javascript/CSS 8年 C# / Java / Objective-C etc 麻雀 adsense
  3. 3. Javascriptの魅力 即効性
  4. 4. Node.jsを使う恥ずかしい理由 金が無い
  5. 5. 流行ってない メリット その2
  6. 6. デメリット メモリ管理しないとゴミが残る コールバック地獄
  7. 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. 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 = “画像のソース”;
  9. 9. Node.js / Javascriptで開発したプラグイン デモ:http://www.cinemawith-alc.com/2014/11/Interstellar12.html
  10. 10. 2.対応プラットフォームやデバイス等
  11. 11. 3つの特徴と用途 ・タテ・ヨコ比が違ってもきれいに並ぶ ガジェット、グルメ、バイラルメディアのデザイン性が向上 ・スクロールで多くの記事を推薦できる テキスト中心、画像中心、記事数が多いサイトのPV増 ・スマホ / PC / タブレットあらゆるサイズのデバイス対応 制作系、検索に強い等のPCでもアクセスされやすいサイトのPV増 3.特徴と用途
  12. 12. 4.製品ページのご案内 Milliard関連ページ http://bit.ly/1DViZ1M
  13. 13. ご静聴有難うございました

×