Badass JavaScriptA showcase of awesome JavaScript that pushes the boundaries of what's possible on the web, by @devongovett. You have probably seen face detection at work in programs like iPhoto and Picasa, but what if you could do that performantly in JavaScript?  Chinese developer Liu Liu has done the honors, and implemented the algorithm using the canvas element. The algorithm is implemented on
ããªãã¯å®æ¿é·å®ã«ãªã£ã¦ãªããæ¥æ¬ã®ãã¡ãã¡ããããä¸ãã£ã¦ããæµåºãããªãYâuTubeã«ã¢ãããã¼ããããªãããã«æ³å¾ãã¼ã ã§åãç· ã¾ã£ã¦ãã ããã æ³å¾ãã¼ã ã¯ã²ã¼ã ç»é¢å ã§ãã¦ã¹ãã¯ãªãã¯ããã¨çºå°ããã¾ãããã ããæ代ã«ããããªããåçºã§ãã å®æ¿é·å®ã¯ãã¦ã¹ãåããã¨ä¸ä¸ã«åãã¾ãã ãã®ã²ã¼ã ã¯ããªã¼ãªã®ã§ã³ãã¼ãã¦ç»åãæ¸ãæãããããã°ã©ã ãæ¹é ãããªããã¦æ¥½ããã§ãã ããã ãè¦ããã©ã¦ã¶é ï¼Google Chromeãï¼ãSafari 5ãï¼ãFirefoxãï¼ãOperaãï¼ãIE ãã®ã²ã¼ã ãããä¸å±¤æ·±ãï¼ï¼ï¼æ¥½ããã«ã¯å°é£è«¸å³¶ãããªã§æ¤ç´¢ãã¦ã¿ãã¨ããã§ããããYouTubeã§å°é£è«¸å³¶ã®ãã¼ã¯ã¼ãã§æ¤ç´¢ããã¨ããããããã¾ããã 2010å¹´11æ5æ¥ãåå¾10æ00å ï¼è¿½è¨ 11æ10æ¥ã«ITmediaã«ãåæ¥ã«mixi newsã«æ²è¼ã11æ17æ¥ã«ãµã³ã¹ã
RequireJSã£ã¦ä½? å ¬å¼ãµã¤ã RequireJS ã¹ã©ã¤ã jQueryRequireJS.pdf æ¥æ¬èªè¨äºã ã¨ãã®è¾º? http://zudolab.net/blog/?p=451 è¦ã¯JavaScriptã®ä¾åæ§è§£æ±ºããã¦ãããã©ã¤ãã©ãªã§ããããªæãã§ä½¿ãã¾ãã require( [ 'lib/a' ,'lib/b' ,'lib/c' ], function(){ // lib/a.js,lib/b.js,lib/c.jsãèªã¿è¾¼ã¾ãã¦ãããã¨ãä¿è¨¼ããã¦ããcallback require( [ 'lib/d' // lib/a.jsã«ä¾åãã¦ããã©ã¤ãã©ãª ,'lib/f'// lib/b.jsã«ä¾åãã¦ããã©ã¤ãã©ãª ], function(){ // lib/a.js,lib/b.js,lib/c.js,lib/d.js,lib/e.jsãèªã¿è¾¼ã¾ãã¦ãããã¨ãä¿
é½å ææã«è¬ã®ã¯ã©ãªããããã©ã¶ã¼ãºãåºç¾ï¼èª°ããç¥ããã®åæ²ãã¯ã©ãªãããã¢ã³ãµã³ãã«ã§å¥ã§ã¾ããæããã¦å½¼ãã¯ãã¼ã姫ãå©ãããã¨ãã§ããã®ãï¼ï¼ã¡ãã£ã¨ã³ã¤ã³åããããããªãã®ãï¼ï¼ãâ»ããããã®ã³ã¡ã³ããããã¨ããããã¾ãï¼ã¢ããã¥ã¢å¥è ã«ããçµå©å¼ã®ä½èã§ãã®ã§ãç¬ã声ã¯ãäºæ¿ãã ããããâ»2014ver.â https://youtu.be/XHmqGLB-KEw
Yahoo! JAPANãä¸å¿ã«åã£ã¦ããæ¥æ¬ã®ã¤ã³ã¿ã¼ãããçã 2008å¹´1æã«ãYahoo! JAPANããããã¼ã¸ã®æ¨ªå¹ ã950pxã«ãªã£ãæã1000pxå¼±æ代ã®Webãã¶ã¤ã³ã«çªå ¥ãã¾ãããYahoo! JAPANã®ãããã¨ããã®ã¯çµ¶å¤§ã§ãããã¦ã¼ã¶ã¼ã顧客å ããæå¥ãè¨ãããã¨ãã¦ããYahoo! JAPANã¨åãä»æ§ã§ãããªãã°ã Yahoo! JAPANã ã£ã¦ââã ãï¼ ã¨è¨ãã ãã§çä»ããããããã絶大ãªåãæã£ã¦ãã¾ãã ãã¦ããããªYahoo! Japanããä»åº¦ã¯Internet Explorer 6ï¼IE6ï¼ã®ãµãã¼ããçµäºãããããã§ãã IE6ã§Yahoo! JAPANããããã¼ã¸ã«ã¢ã¯ã»ã¹ããã¨æ¬¡ã®ããã«è¡¨ç¤ºããã¾ãã ã客æ§ã®ãã©ã¦ã¶ã¯Internet Explorer6ã§ãã 12æä¸æ¬ãããYahoo! JAPANããããã¼ã¸ãæ£ããåä½ããªããªãå ´
ææã§è©±é¡ã¨ãªã£ã¦ãããç»åãä¸å使ããã« CSS3ã ãã§ãã©ããããæãã¦ã¿ãï¼ãã«å½±é¿ãåãã¦ãåãäºãHTML5ã®Canvasæ©è½ã§å®é¨ãã¦ã¿ãã³ã¼ãã§ãã ã¡ãªã¿ã«ãã®ã³ã¼ããåãã©ã¦ã¶ã§ã®è¡¨ç¤ºæ¯è¼ã¨ãã¦ãã¹ã¯ãªã¼ã³ã·ã§ããã並ã¹ããã®ãã¢ãããã¦ã¿ã¾ããããèå³ããæ¹ã¯è¦³ã¦ã¿ã¦ãã ããã http://twitpic.com/1m0oh9/full onload = function () { drawCanvas(); }; function drawCanvas() { var canvas = document.getElementById("myCanvas"); if (!canvas || !canvas.getContext) { return false; } var ctx = canvas.getContext("2d"); // èã®éè²é¨åã軽ãã°ã©ãã¼ã·
ãããã¹ã®è¾»ã§ãã ä»ãªã«ãã¨è©±é¡ã®HTML5ãå æ¥ã¯cache manifestï¼ãã£ãã·ã¥ãããã§ã¹ãï¼ã®ã話ããã¾ãããã HTML5ã®cache manifestï¼ãã£ãã·ã¥ãããã§ã¹ãï¼ãå°å ¥ãã¦ã¿ããï¼ HTML5ã®ä¸ã§ãä»ãã£ã¨ã注ç®åº¦ã®é«ãæ©è½ã«ãcanvasï¼ãã£ã³ãã¹ï¼ãã¨ãããã®ãããããã®ã¿ã°ã使ãã¨ãjavascriptã¨çµã¿åããã¦ç°¡åã«å³å½¢ãæ¸ããããã¢ãã¡ã¼ã·ã§ã³ããããã§ãã¾ããFlashã§ã¯ãã©ã°ã¤ã³ã¨ããå½¢ã§Flash Playerãå ¥ããªããã°ããã¾ããããcanvasã¯ãã©ã¦ã¶å´ãæ¢ã«å®è£ ãã¦ããã®ã§ä½ãå¿ è¦ããã¾ããã ä»åã¯ä»ãã£ã¨ãç±ãcanvasï¼ãã£ã³ãã¹ï¼ã¿ã°ã使ã£ã¦ãé¤æ²¹ã©ã¼ã¡ã³ãæãããã¨æãã¾ãã canvas使ã£ã¦ã¢ãããï¼ã§ããã®åã«ã»ã»ã» ãããcanvas使ã£ã¡ããï¼ãã®åã«canvasãåããã©ã¦ã¶ã®æºåã§ãã 20
ã¯ããã« Canvasã®ããã©ã¼ãã³ã¹ã測å®ãããã³ããã¼ã¯ããã°ã©ã ã¯ãããä¸ã«è»¢ãã£ã¦ãã¾ãããã»ãã®ä¸é¨åã®æ¸¬å®ã ã£ãããéã«ä¸èº«ãè¤ééãããã¨åãå¸æãããããªãã®ãè¦å½ãããªãã£ãã®ã§ãèªåã§ä½ã£ã¦åãã©ã¦ã¶ã§æ¸¬å®ãã¦ã¿ã¾ããã 測å®ãããã©ã¦ã¶ã®ãã¼ã¸ã§ã³ã¯ä»¥ä¸ã§ãã Chrome Firefox Safari Opera 9.0.570.1 dev 3.6.12 5.0.2 10.63 ãã³ããã¼ã¯ ä½æãããã³ããã¼ã¯ããã°ã©ã ã¯åä½æéã§æç»é¢æ°ãä½åç¹°ãè¿ãã¦å®è¡ã§ãããã¨ããåç´ãªãã®ã§ããå®è¡ä¸ã«æç»ãããçµµã®ããã¤ããè¼ãã¦ããã¾ãã hlinebezierfill_arcfill_starsimage_scaleradial_gradient 以ä¸ã«å ¨æ¸¬å®é ç®ã®æ¦è¦ãè¨ãã¾ãã hline ã²ãããæ°´å¹³æ¹åã®ç´ç·ãæãã¾ãã vline åç´æ¹åã®ç´ç· lin
æ¨æ¥ããã¬ãªã«ã±ã³ã¡ã¤æ°ã¨ä¸æåå¾æ°ã®twitterã§ãã°ãããã¶ã¤ã³è³ãããã¼ãã«ããåãããã¦ãã¾ããã â»ãäºäººã¯è·è½ã¯éãã©ãã¨ã¦ãèåãªãã¶ã¤ãã¼ èå³æ·±ã話ã ã£ãã®ã§ãããå°ãè°è«ãåã¿åã£ã¦ãã¾ããã§ããããããå«ãã¦ãããããã£ãã®ã§ããªãåã¿åããªãã£ãã®ããèå¯ãã¦ã¿ã¾ãã ã»ã°ãããã¶ã¤ã³è³ http://www.g-mark.org/ â ã¾ããã©ããã£ãããåããè¡ãããã®ããã£ããå¼ç¨ãã¾ããã¿ã¤ã ã©ã¤ã³ã®ç´°ããæéã¯æ°ã«ãã¾ããã ãã¬ãªã«ããï¼ ã°ãããã¶ã¤ã³è³ãAKB48ãã©ããã¦ã°ãããã¶ã¤ã³ã¨ããããé岡ã®å寸大ã¬ã³ãã ãããªããã°ãããã¶ã¤ã³ãªã®ãããµããããªã£ã¦ãæããããªãã§ããï¼é¸ãã 審æ»å§å¡ã«åãããããã¯ããã°ãããã¶ã¤ã³ã®å½¢ãå¤æ§åãã¦ããã¨ãè¨ãããã ãã©ãçæ§ã®ã¢ã¤ãã¢ãæµè¡èªå¤§è³ãããªããã ãã ä¸æããï¼ ã¬ã³
Facebookã«ãã°ã¤ã³ãã¦ãåéã家æã¨åçãè¿æ³ãã·ã§ã¢ãã¾ãããã
以ä¸ã®URLããç¡æãã¦ã³ãã¼ãå¯è½ã Adobeå ¬å¼ãµã¤ã http://www.adobe.ca/jp/products/flashmediaserver/flashmediaencoder/ ãã³ãã³çæ¾éãã«ã http://help.nicovideo.jp/live/2010/04/post-46.html
Applestã¯ã½ããã¦ã§ã¢éçºã¨æ åå¶ä½ã®è±å¯ãªçµé¨ã¨ç¥èããã¨ã«ããããã課é¡è§£æ±ºã®ãææ¡ããããã¾ã
ãã¯ã³ã´ã¯11æ9æ¥ã15æ³ã®é«æ ¡çã¨ã³ã¸ãã¢ãæ¡ç¨ããã¨çºè¡¨ãããã¢ã«ãã¤ãã¨ãã¦æµçºã«ãããã¯ã³ã´ã®ãªãã£ã¹ã«éãããã³ãã³åç»ã®éçºã®ä»äºã«å¾äºããã æ¡ç¨ãããã®ã¯ãé³¥å± ã¿ãã£ããã¨åä¹ããã³ãã³åç»ã®ã¦ã¼ã¶ã¼ã ããã³ãã³åç»é¢¨ã®ã¤ã³ã¿ã¼ãããæ¾éãµã¤ãããã³ãã£ã¹ãããéå¶ãã¦ããä»ãandroidç¨ããã³ãã³å®æ³ããã©ã¦ã¶ã¢ããªããç°¡æã¡ã¢ãµã¼ãã¹ãMeMoPaããªã©å¤ãã®ã½ãããçºè¡¨ãã¦ããã ãªãã15æ³ãæ¡ç¨ããã®ãï¼ããã£ããã©ããªäººç©ãªã®ãï¼ãä»åã¯ãã¯ã³ã´äººäºé¨ã»æ¡ç¨æ å½ãæ½ååºè¡æ°ã¨ããã³ãã³äºæ¥æ¬é¨ã»æ¬é¨é·ã®åéè£å¸æ°ãããã¦æ¬äººé³¥å± ã¿ãã£ãæ°ã®ï¼äººã«è©±ãèããã â 人äºé¨ãæ½åæ° ââã©ããã¦15æ³é«æ ¡çã®æ¡ç¨ãï¼ ãã¾ã¾ã§å¼ç¤¾ã§ã¯å¤§å¦ã«è¡ã£ã¦ãªããæè¡åãé«ããããæ¡ç¨ãããï¼ã¡ããããæ¡ç¨ãããçæ¾éã§èªåãPRãã¦ããããä¸è¸æ¡ç¨ããªã©ãè¡ã£ã¦ãã¾ããã
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}