Upgrade to Pro — share decks privately, control downloads, hide ads and more …

TalkNote Vol.8「TalkNote × Frontrend」 - JavaScri...

TalkNote Vol.8「TalkNote × Frontrend」 - JavaScript開発の効率アップ -

http://talknote.me/vol8/event/

TalkNote Vol.8「TalkNote × Frontrend」のセッション2「JavaScript開発の効率アップ」の発表資料になります。

HIRAKI Satoru

June 24, 2013
Tweet

More Decks by HIRAKI Satoru

Other Decks in Programming

Transcript

  1. Chrome Developer Tool ⌘+Option+I DevTool起動 ⌘+O js/cssファイル選択 ⌘+Shift+O js関数選択 ⌘+L

    指定行移動 ⌘+Option+F js全体の検索 ショートカットを覚えると効率UP
  2. JSHint 1 (function (window, undefined) { 2 WIN = window;

    3 DOC = document; 4 5 doc.addEventListener(function(e) { 6 e.preventDefault(); 7 dd.style.display = 'none' 8 9 if (!!e.target) { 10 console.log('This target is ' + e.target); 11 } else { 12 console.log('This have no target.'); 13 } 14 15 for (var i = 0; i < e.touches.length; i++) { 16 e[i] = arguments.callee; 17 } 18 }); 19 20 }(this)); 21
  3. JSHint % jshint wrong_pattern.js wrong_pattern.js: line 2, col 3, Expected

    'WIN' to have an indentation at 5 instead at 3. wrong_pattern.js: line 3, col 3, Expected 'DOC' to have an indentation at 5 instead at 3. wrong_pattern.js: line 5, col 3, Expected 'doc' to have an indentation at 5 instead at 3. wrong_pattern.js: line 5, col 32, Missing space after 'function'. wrong_pattern.js: line 16, col 14, Avoid arguments.callee. wrong_pattern.js: line 17, col 5, Expected '}' to have an indentation at 9 instead at 5. wrong_pattern.js: line 18, col 3, Expected '}' to have an indentation at 5 instead at 3. wrong_pattern.js: line 2, col 3, 'WIN' is not defined. wrong_pattern.js: line 3, col 3, 'DOC' is not defined. wrong_pattern.js: line 5, col 3, 'doc' is not defined. wrong_pattern.js: line 7, col 5, 'dd' is not defined. 20 errors
  4. % brew install ruby % gem install compass % npm

    install -g yo grunt-cli bower % npm search yeoman-generator Yeoman