Bite-Sized Screencasts for Web Developers that Hate Long Boring Videos
JavaScript ã®ãã¹ã æ¸ããªãã¨æãããããæ¸ãããã¨ã¯æã£ã¦ããããæ¸ãã¾ã§ã®æ·å± ããããã¨é«ããªã£ã¦ãã¾ã£ãæ°ããã¦ãã人ã¸ã æå°ã®ãã¹ã æ¬è³ªçã«ãã¹ããæ¸ãã®ã«ãã¬ã¼ã ã¯ã¼ã¯ã¯ãããªãã assertion ã ãããã°ããã isomorphic ã«ããããªãã node ã® assert ã¢ã¸ã¥ã¼ã«ãã使ãã console.assert ã ãã§æ¸ããã // assert function assert(actual, expected) { console.log('.'); console.assert(actual === expected, '\nact: ' + actual + '\nexp: ' + expected); } function TestSum() { assert(1+2, 3); } // exec TestSum(); ãã¨ã¯æ®éã«
ã¦ããããã¹ãããã«ããç¶æ ã¨ãªã£ã¦ãã³ã¼ããTestiumã使ã£ãE2Eãã¹ããæ¸ãã¦ãªãã¡ã¯ã¿ãªã³ã°ãã¦ã¿ã話ã§ãã ä¾ãã°ã以ä¸ã®ãããªjQueryã§æ¸ããã³ã¼ãã¯å¤(ãã¹ãã³ã¼ã)ããåãåºããã¤ã³ãããªãã®ã§ãã¦ããããã¹ããæ¸ãã®ã¯é£ããã¨æãã¾ãã(ããããViewã®ã³ã¼ããªã®ã§) ç¹å®ã®ãã¼ã¸ã§ã³ã§ã®å¤æ´ç¹ãç°¡åã«ç¢ºèªã§ããããã ãAã®åã®ã©ã¸ãªãã¿ã³ãé¸ã¶ã¨åãè¡ããä¸ã¤ä¸ã«ããBã®åã®ã©ã¸ãªãã¿ã³ãèªåã§é¸ã¶ã ã¨ããè£å©æ©è½ $(document).ready(function () { // seq: ã·ã¼ã±ã³ã¹çªå· $.each(["new_version", "old_version"], function () { $("input[name='" + this + "']").each(function (idx, elem) { if (idx == 0
ç¶æ é·ç§»è¡¨ããã²ãªåã³ã¼ããçæãã ãã®ç¶æ é·ç§»è¡¨ããã³ã¼ããèµ·ããããã§ãããç¶æ é·ç§»ã®å®è£ ã«ã¤ãã¦ã¯ãStateãã¿ã¼ã³ã§CSVãèªãããæ¸ãã¾ããããã¶ã¤ã³ã»ãã¿ã¼ã³ã®ä¸ã¤:Stateã«ããå®è£ ã§ããä»åã®å®è£ ã¯Cãç¶æ¿ãä»®æ³é¢æ°ã使ããªãã¨ããå©ãè ãå°ããããæ¡ä»¶ãªã®ã§æ¦è¡ã大ããå¤ãã«ããªããã§ãã ç¶æ é·ç§»ã®å®è£ ã¯è¦ããã«ãï¼1ï¼ç¾ç¶æ 㨠ï¼2ï¼åçããã¤ãã³ã ã®çµãã«å¯¾å¿ãããï¼3ï¼ã¢ã¯ã·ã§ã³ 㨠ï¼4ï¼é·ç§»å ï¼æ°ããªç¶æ ï¼ããå¼ãå½ã¦ããã¨ã«ä»ãªãã¾ããããªãã°ä¸è¨ï¼1ï¼ï½ï¼4ï¼ã®ä¸¦ã³ãã¬ã³ã¼ãã¨ãããã®ã¬ã³ã¼ãåï¼ï¼ç¶æ é·ç§»è¡¨ï¼ãããï¼1ï¼ç¾ç¶æ 㨠ï¼2ï¼åçããã¤ãã³ã ã®çµãã«ä¸è´ããã¬ã³ã¼ããæ¢ãåºãã¦ãï¼3ï¼ã¢ã¯ã·ã§ã³ ãå®è¡ã㦠ï¼4ï¼æ°ããªç¶æ ã«é·ç§»ãããã°ããã ç¶æ é·ç§»è¡¨ããã²ãªåã³ã¼ãã®çæã«ã¯ä½¿ãæ £ãããT4-templateããç¨ãã¾ãã
ããã«ã¡ã¯ä¸¸å±±@h13i32maruã§ãã ES6ã§ã¢ããªã³ã¼ãããã¹ãã³ã¼ããæ¸ãã¦ãã¹ããããããã®ç°å¢ãä½ã£ãã®ã§ããã®ã¡ã¢ã§ãã ç®æ¨ ES6ã§æ¸ããã¢ããªã³ã¼ãã¨ãã¹ãã³ã¼ããnpm run testã§ãã¹ããã æçµçãªç°å¢ æçµçã«ã¯ãããªç°å¢ã«ãªã£ãããªãã¸ã㪠ECMAScript6 Google Chrome Travis CI npm traceur-compiler mocha espower-cli karma karma-cli karma-mocha karma-chrome-launcher bower power-assert ä»åã¯grunt/gulpã®ãããªãã«ãã·ã¹ãã ã¯å ¥ãã¦ããªããnpm runãã¿ã¹ã¯å®è¡ã®ããã³ãã¨ãããã¨ã§ã¿ã¹ã¯èªä½ã¯ãæè»½ã«shã§æ¸ãããshã ã¨windowsãå³ãããã©ãã¾ãã¨ããããèªåã®ç°å¢ç¨ã ãããããªã¨ã 以éã§
DalekJS is an open source UI testing tool written in JavaScript, it will: launch & automate your browserfill & submit formsclick & follow linkscapture screenshotsrun your functional tests⦠and it works on Windows, Linux & Mac QuickstartCreate a package.jsonInstall DalekJSWrite your first testRun this beast!
One framework for all platforms Mobile webTest on your web apps on real mobile devices, and scale easily by connecting to cloud grids Native mobileTest your native iOS and Android apps with Nightwatch Real desktop browsersTest on real browsers which accurately reflect your usersâ environment Searching for bugs just got easy PinpointIdentify the source with the built-in HTML reporter with test stat
æéè¦ãã¼ãã¯ããã¹ãã«é©ããã³ã¼ãã®ä½æã¨ä¿å®ããæ¬æ¸ã¯è¤æ°ã®ã¢ããã¼ãã§ããã¹ãã«é©ããã³ã¼ãã«è¿«ãã¾ããã¾ãè¤éãã«ã¤ãã¦èå¯ããç¶ãã¦è¤éããçµåã軽æ¸ã§ãããããªã¢ã¼ããã¯ãã£ãæ¤è¨ãã¾ãããããåºç¤ã¨ãã¦ãæ©è½ã¬ãã«ã¨ã¢ããªã±ã¼ã·ã§ã³ã¬ãã«ã§ã®ãã¹ãã«ã¤ãã¦ã®è§£èª¬ã«é²ã¿ã¾ããã«ãã¬ãã¸ããããã°ã«ã¤ãã¦ååãªç¥èãå¾ã¦ãæå¾ã«èªååã«é¢ããè§£èª¬ã§æ¬æ¸ã¯ç· ãããããã¾ããæå¾ã¾ã§èªãã°ããã¹ãã«é©ããJavaScriptã®æ¬è³ªã¨å®è·µã«ã¤ãã¦æ¼ãã®ãªãçè§£ãå¾ãããã§ããããèè ãYahoo!ãGoogleã§å¹ã£ããã¹ããå質管çã«ã¤ãã¦ã®ãã¦ãã¦ãJavaScriptã«é©ç¨ããWebéçºè å¿ æºã®ä¸åã ã¾ããã 1ç« ããã¹ãã«é©ãã JavaScript 1.1ãä»ã¾ã§ã®ææ³ 1.1.1ãã¢ã¸ã£ã¤ã«éçº 1.1.2ããã¹ãé§ååéçº 1.1.3ãããã¤ãã¢é§ååéçº 1.1.4ã
TL;DR - æåã®ä¸äººã¯ã¤ãããã©å¾ç¶ã¯ããã§ããªãã®ã§å é§è ã¯èªè¦ã¨èªããæã£ã¦ãªã¼ã«ã°ãªã¼ã³ãç¶æããã ãã®ã¨ã³ããªã¯Marionette.js ãã¼ã¹ã§3ã¶æéçºããã¢ããªã®ã«ãã¬ãã¸æ¨ç§»ãã¾ã¨ãã¦ã¿ã - @kyanny's blogã¨ããã¨ã³ããªã®ç¶ãã«ãããã¾ããæªèªã®æ¹ã¯å ã«ãã¡ããä¸èªããããã¨ããããããã¾ãã Marionette.js ãã¼ã¹ã§3ã¶æéçºããã¢ããªã®ã«ãã¬ãã¸æ¨ç§»ãã¾ã¨ãã¦ã¿ã - @kyanny's blogã®çµè«ã§è§¦ããããã«ãä»åãã¹ããæ¸ããã¨ã«ãã ãã£ãã®ã¯ããã¯ã©ã¤ã¢ã³ããµã¤ã JavaScript (AltJS) ã®ãã¹ããæ¸ãã®ã¯æ¬å½ã«é£ããã®ãï¼ãã¨ããåãã«å¯¾ããèªåãªãã®åçãå®è·µãã¦æ¤è¨¼ãã¦ã¿ããã£ãã¨ããçç±ããã£ãããã ã 以åãããã¯ã©ã¤ã¢ã³ã JavaScript (CoffeeScript ãä»ã® AltJS ã
The powerful, easy-to-use JavaScript testing framework.Get Started View the Docs Easy Zero configuration and setup for any Node.js project, and minimal setup for Browser-based projects. Universal QUnit can run anywhere; web browsers, Node, SpiderMonkey, even in a Web Worker! Test your code where it runs.
ãã¹ãããããªãã§ãããããã¹ãããããªãã§ãããã ããã¾ããã¡ãã¨ç°å¢ãæ´ã£ã¦ãããã¹ãæ¸ãã®ãããã¨æ¥½ã ããããã°ã©ã æ¬ä½æ¸ãã¦ããã¨ãã®å®å¿æãå ¨ç¶éãã®ã§ããããªãã®è¦æ¨¡ã®ããã°ã©ã ãæ¸ãæã¯è¯ããã ãã©ãã§ãã2ã3æ¥ã§æ¸ããããªã¡ãã£ã¨ãããã©ã¦ã¶å´ã ãã®JavaScriptããã°ã©ã ã¨ããéçºç°å¢ãã¤ã³ã¹ãã¼ã«ããã¦ããªãPCã§ãæ°è»½ã«ãã¹ãã§ããªãããªãã¨ããã®ãä»åã®ãã¼ãã ããã ãã¡ã¸ã£ã¼ãªJavaScriptãªãã ãããã¹ããç°¡åã ããã¨æã£ã¦èª¿ã¹ãã¨ãããã°ã¨ãã®ãµã³ãã«ãè¦ã¦ãNode.jsåæã ã£ãããMochaãè¯ãããã ã¨ä½¿ããã¨ãããã¢ãµã¼ã·ã§ã³ã©ã¤ãã©ãªã¯å¥ã ã¨ããUIã¯browserifyããã®ï¼ãããªãã®ï¼ã¨ããããããããããã¤ã¯ã®æ¯ã«ããã¾ã£ã¦å¿ æ»ã§åãé²ããæãããã¹ãåå¿è ã®äººã«ãã¹ãã³ã¼ãã®æ¸ãæ¹ã説æããã¨ããªããããã©ãã¤ãã¾ã§ãã
ããã«ã¡ã¯ãkintoneéçºãã¼ã ã®å¤©é (@ama_ch) ã§ãã æè¿ã¯JavaScriptã®ãã¹ããã¼ã«ãèãã鲿©ããæ¥ã æ°ãããã¼ã«ãç»å ´ãã¦ãã¾ããkintoneã®éçºããããã®ãã¼ã«ã«ãã£ã¦æ¯ãããã¦ãã¾ãã kintoneéçºãã¼ã ã§ã¯ãæ¨å¹´æ«é ãããã¹ãç°å¢ã®æ¹åã«åãçµã¿ãã¢ãã³ãªãã¼ã«ã»ããã«ä¹ãæãã¾ãããä»åã¯ãç¾å¨ã®kintoneã®JSã¦ããããã¹ãç°å¢ã«ã¤ãã¦ç´¹ä»ãã¾ãã kintoneã¨JSã¦ããããã¹ã æ°å¹´åããã¦ããããã¹ãã¨èªååã®ä»çµã¿ã¯ãã£ãã®ã§ãããããä¸é¨ã®ã¦ã¼ãã£ãªãã£é¢æ°ã«æ¸ããã¦ããã®ã¿ã§ãæ®æ®µã®éçºã«ã¯æ´»ç¨ããã¦ãã¾ããã§ããã ãã1,2å¹´ã»ã©ã§ ãã¹ãã¹ã±ã«ãã³ãçæããã¸ã§ãã¬ã¼ã¿ã¹ã¯ãªãããä½ã ãã¹ãã®æ¸ãæ¹ãã¾ã¨ããããã¥ã¡ã³ããç¨æãã MTGã§ãã¦ããããã¹ããæ¸ããªãã¦ããã®ã¯å°å¦çã¾ã§ããªã©ã¨ç ½ã ã³ã¼ãã¬ãã¥ã¼
ã£ã¦sinonã®ã¹ã¿ãæ¼ããæ¢ããªããä½åº¦ç®ãããããªãæãã«ãã¬ã¦ãã ã¨ã«ããä»äºã§JSã®ãã¹ãæ¸ãã®ãè¾ãã®ã§èãã¦ã¿ããæ¯è¼çJSã®ãã¹ãã«æ £ãã¦ãèªåã§ããè¾ãã®ã ãããä¸çã¯ãã£ã¨è¾ãã«ééããªãããµã¼ãã¼ãµã¤ãã®node.jsã®è©±ã§ã¯ãªãã JavaScriptã§å®çµããªã æ§é ãHTMLã®æ§é ã¨å¯çµåãã¦ãããè£ é£¾ãä½ç½®ã表示/é表示ã¯CSSã«ãã£ã¦å¶å¾¡ããã¦ããã ã¯ã©ã¤ã¢ã³ãJSã¯HTMLã¨å¯çµåãã¦ãããCSSãããã¥ã¼ã¯å½±é¿ãåããããããããããã¯ã¼ã¯ã®çµæãåãéåæã«æ¯ãèãã帰ãããã®æçµçãªå¤ãåå¾ããã®ãé£ããã ãã¡ãããµã¼ãã¼ãµã¤ãã ã£ã¦DBããããã¯ã¼ã¯ã¨ããå¤é¨ãªã½ã¼ã¹ãæ±ãããã¢ãã¯ã®ææ³ã確ç«ãã¦ãããã屿çãªè¤é度ã¯ãJSã®æ¹ãã¯ããã«å¤ãã è¨èªä»æ§ãè²§å¼± mochaãjsmineã¯rspecãçä¼¼ã¦ããã©ãæ¬è³ªçã«JavaScript
2013å¹´4æ27æ¥ãå æ¬æ¨ãã«ãºæ£®ã¿ã¯ã¼ã®ã°ã¼ã°ã«ã«ã¦ã第38åHTML5ã¨ãåå¼·ä¼ããéå¬ããããHTML5ã¨ãåå¼·ä¼ã¨ã¯ãHTML5ã«é¢å¿ã®ããã¨ã³ã¸ãã¢ãWebãã¶ã¤ãåãã®åå¼·ä¼ã ãä»åã®ãã¼ãã¯JavaScriptã®ãã¹ããã¬ã¼ã ã¯ã¼ã¯ãå¥å®¤ã®ãµãã©ã¤ãä¼å ´ãç¨æããªãã¦ã¯ãªããªãã»ã©ä¼å ´ã¯å¤ãã®åå è ã§ããµããããã¼ãã¸ã®é¢å¿ã®é«ããããããããããã¹ããã¬ã¼ã ã¯ã¼ã¯ã使ãããªãç¾å ´ã®ãããã¡ã®è§£èª¬ã«ããããã®ææ°äºæ ã¨åºæ¬çãªä½¿ãæ¹ãåãã£ãã JavaScriptãã¹ãã®å¿ è¦æ§ã¨ææ°äºæ ãµã¤ãã¦ãºã®ä½è¤éå¹³æ°ã¯ãJavaScriptã®ãã¹ãã®åºç¤ç¥èã¨å ¨ä½åã«ã¤ãã¦èªã£ãã å ¬éã¹ã©ã¤ã ä½è¤æ°ã¯ãçµåãã¹ããã¦ãããï¼åä½ï¼ãã¹ãããã®ã»ãã«ã¦ã¼ã¶ããªãã£ãã¹ããªã©ããããããã¹ãã«ã¯ã©ããªç¨®é¡ãããã®ãã解説ããå¾ãã¦ããããã¹ãã®éè¦æ§ã強調ãããæè¡é¢ã§éçºãã¼
ãã¹ããæ¸ãç®ç èªåã®æ¸ããã³ã¼ããæå³ããéãã«åãã¦ãã確èªããããã«æ¸ãã®ã§ãããèªåãæ¥½ãããããã¨ä»ã®äººã®ããã«æ¸ãã¦ã¾ãã èªåãæ¥½ãããã Webã¢ããªã®å ´åãå®è£ ããæ©è½ãã¡ããã¨åä½ãããã確èªããããã«ä½åº¦ããã©ã¦ã¶ãããããã¦ã¨ããã®ã¯æéããããã¾ãããªã®ã§ãã®åæ°ããªãã¹ãæ¸ããããã«ãã¹ãã¨ãã¦æ¸ããã¨ããã¯ãªãã¹ããã¹ãã§ç¢ºèªãã¦ããã©ã¦ã¶ããããããåæ°ãå¿ è¦æä½éã«ãããã¨æã£ã¦ãã¾ãã ãã©ã¦ã¶ããããããã®ãç«æ´¾ãªãã¹ãã ã¨æã£ã¦ãã¾ããåç¾æ§ã®ãªãã ä»ã®äººã®ãã ãã¹ãããªãã¨ä»ã®äººããã®æ©è½ã«é¢é£ããæ©è½ã夿´ãããã¨ããæã«å¤æ´ã®å½±é¿ããªãã®ã確èªãããã¨ãåºæ¥ãããã®æ©è½ã«å¯¾ãããã¹ããæåã§è¡ããã¦ãã¾ããã¨ã«ãªã£ã¦ãã¾ãã¾ãã ãã¹ãæ¸ãæéããªãåé¡ ãã¹ãã®è©±ãããã¨æ¸ãæéããªãã¨è¨ãããããã¾ãããæ¢åã®éçºã®æµãã«ãã¹ãæ¸ãã
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}