Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Js祭り

3,267 views

Published on

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

Published in: Engineering
  • Be the first to comment

  • Be the first to like this

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. ご静聴有難うございました

×