â»ä½åº¦æç¨¿ãããã¨ãã¦ãBad Requestãåºã¦ãã¾ã£ãã®ã§gistã§æç¨¿ãã¾ãããäºæ¿ä¸ããã gist.github.com
2017å¹´9æ24æ¥ã«éå¬ããã HTML5 Conference 2017 ã®ãThe State of Web Componentsãã®ã»ãã·ã§ã³è³æã§ãã
10å¹´ã¶ããããã« Web éçºã«åããã¥ã¼ããªãã¦ã¯ãªããªããªã£ãçè ãè¦ããç¾ä»£ã®ããã³ãã¨ã³ãéçºã®åºæ¬ç¥èã«ã¤ãã¦ã¾ã¨ãã¾ãããã¬ã¼ã ã¯ã¼ã¯ã使ã£ãã·ã³ã°ã«ãã¼ã¸ã¢ããªã±ã¼ã·ã§ã³éçºã対象ã§ããè¥å¹²ã®ä¸æ£ç¢ºã«ã¯ç®ãã¤ãã£ã¦ãºããªè¨ãåãã¹ã¿ã¤ã«ã§æ¸ãã¦ããã¾ãã Node.js ç¾ä»£ã®ããã³ãã¨ã³ãéçºã«ã¯ Node.js ã使ãã¾ããããã³ãã¨ã³ãéçºãå¼·åã«ãµãã¼ãããããã¤ãã®ãã¼ã«ã Node.js ã§å®è£ ããã¦ããããã§ãã Web éçºã§è¨èªå¦çç³»ã¨ããã¨ãRuby on Rails ã®ãã㪠Web ã¢ããªã±ã¼ã·ã§ã³ãã¬ã¼ã ã¯ã¼ã¯ãæãæµ®ãã¹ãããããã¾ããããã¡ãã Node.js ã«ããã®ãããªãã¬ã¼ã ã¯ã¼ã¯ã¯ããã¤ãåå¨ãã¾ãããããã³ãã¨ã³ãéçºã§ä½¿ããã¼ã«ã¯ããã¨ã¯å ¨ç¶é¢ä¿ããã¾ããã ãããã®ãã¼ã«ã使ããã¨ã«ãã£ã¦è§£æ±ºããã®ã¯ã以ä¸ã®ãããªè¦æã§ã :
Intro textarea ãªã©ã«å ¥åãããæåæ°ããJS ã§æ°ãããå ´åãããã ããã§ .length ãæ°ããã ãã§ã¯ãã¡ãªçç±ã¯ãæåã³ã¼ãã JS ã®å é¨è¡¨ç¾ã®è©±ãçè§£ããå¿ è¦ãããã å¤è¨èªãçµµæå対å¿ãªã©ãè¸ã¾ããä¸ã§ãã©ãå¦çããã¹ããªã®ãã ããèªä½ã¯æ¯ãã話é¡ã§ã¯ããããè¿å¹´ ECMAScript ã«è¿½å ãããæ©è½ãªã©ã交ãã¦è§£èª¬ããã ãªããæåã³ã¼ãã®ä»çµã¿ã詳解ãããã¨èªä½ãç®çã§ã¯ç¡ããããBOM, UCS-2, Endian, æ´å²ççµç·¯ãªã©ããã®æã®è©±é¡ã«ã¤ãç©ãªè©±ã®ä¸é¨ã¯çããã¨ã¨ããã 1 æåã¨ã¯ä½ã Unicode ã¯å ¨ã¦ã®æåã« ID ãæ¯ããã¨ãç®çã¨ãã¦ããã ä¾ãã° ð (loudly crying face) ãªã 0x1F62D ã ã 1 ã¤ã®æåã« 1 ã¤ã® ID ãå²ãå½ã¦ããã¦ããã®ã ãããæåã®æ°ãæ°ããå ´åã¯ããã® ID ã®
ï¼è¨³è 注: ããã¯ãJavaScript Stack from Scratchã翻訳ããã¾ã¨ãã¦èªããããã«1ãã¡ã¤ã«ã«ãããã®ã§ããå ã®ç¿»è¨³ã¨å種ãã¡ã¤ã«ã«ã¤ãã¦ã¯ãæ¥æ¬èªè¨³forkãªãã¸ããªãåç §ãã¦ãã ãããã¾ããåæãæ´»çºã«æ´æ°ããã¦ããããã訳æã追å¾ãã¦æ´æ°ããã¾ãããäºæ¿ãã ãããï¼ ã¼ãããå§ããJavaScriptçæ´» ã¢ãã³JavaScriptã¹ã¿ãã¯ãã¥ã¼ããªã¢ã«ãã¼ãããå§ããJavaScriptçæ´»ã¸ããããã â ï¸ï¸ ãã®ãã¥ã¼ããªã¢ã«ã®ã¡ã¸ã£ã¼ã¢ãããã¼ãçã3æåæ¬ã«å ¬éããäºå®ã§ãããæå¾ ä¸ãã! ãã詳ãã(è±èª). ããã¯JavaScriptã¹ã¿ãã¯ã使ãå§ããããã®æçæéã®ã¬ã¤ãã§ãããã®ã¬ã¤ãã¯ä¸è¬çãªããã°ã©ãã³ã°ã®ç¥èã¨JavaScriptã®åºç¤ãåæã¨ãã¦ãã¾ãããããå ¨ã¦ã®ãã¼ã«ãä¸ç·ã«ã¤ãªãåããããã¨ã«ãã©ã¼ã«ã¹ãã¦ãããåãã¼ã«ã«ã¤
ãã®ä¸ãæåã®å¦ç¿ææãæ´çãããªãã¸ããªãä½ã£ãã®ã§ããã®ææã«ã¤ãã¦ã¾ã¨ãã¦ããã ä½ã£ããµã³ãã«ããã¸ã§ã¯ãã ããæè»½ã«æ¬²ãããã°ããã®ãªãã¸ããªã clone ãã¦ã»ããã taichi/js-boilerplate master ãã©ã³ãã«ã¯ããããã 㪠JavaScript éçºç°å¢ããµã³ãã«ã³ã¼ãä»ãã§å ¥ã£ã¦ãã frontend ãã©ã³ãã«ã¯ãReact/Redux/webpackãªã¦ã§ãã¢ããªã±ã¼ã·ã§ã³ç¨ã®éçºç°å¢ãå ¥ã£ã¦ãã ããã©ã«ããã©ã³ãã«ãã¦ãã electron ãã©ã³ãã«ã¯ãfrontend ãã©ã³ãã®å 容ã«å ãã¦Electronã§ã¢ããªã±ã¼ã·ã§ã³ãéçºããããã®ç°å¢ãå ¥ã£ã¦ãã ã¯ããã«â æè¿ã® JavaScript ã«ã¤ãã¦â åã¯ä»äºã¨ã㦠JavaScript ãæ¸ãã¦ãã訳ã§ã¯ãªããã©ãããã®åå¹´ãããã®éã«ã¡ãã£ã¨ãããã¼ã«ãªãããã¤ãä½ã£ãã
ECMAScript 2016ã®è¨èªä»æ§ãECMA Internationalãæ¿èªãæ£å¼çã¨ãã¦å ¬é ECMA Internationalã¯ãããããJavaScriptã®ææ°ã®è¨èªä»æ§ã¨ãªããECMAScript 2016ãï¼ECMA-262 7th Editionï¼ãã6æ14æ¥ã«è¡ããã第111åç·ä¼ï¼The 111th General Assemblyï¼ã§æ¿èªã仿§ãçºè¡¨ãã¾ããã JavaScriptã¯1995å¹´ã«æåã®ãã¼ã¸ã§ã³ãNetscape Navigator 2.0ã§å®è£ ããã1997å¹´ã«ã¯ECMA Internationalã«ããæåã®æ¨æºå仿§ã¨ãªãECMAScript 1st Editionãç»å ´ã1998å¹´ã«ECMAScript 2nd Editionã1999å¹´ã«3rd Editionã¨ãã¼ã¸ã§ã³ã¢ãããéãã¦ãã¾ãããã4th Editionã®æ¨æºåã«å¤±æ
Java8以éã§ã¯ãRhinoã«ä»£ãããNashornãJavaScriptã¨ã³ã¸ã³ã¨ãã¦å©ç¨å¯è½ã«ãªã£ã¦ãã¾ããããã§ãããã§ã¯ãNashornãå§ããã«ããããRhinoã¨ã®å·®ç°ãªã©ãã¾ã¨ãã¦ã¿ã¾ãã Nashornã®å®è¡ãã¡ã¤ã«åã¯ãjjsãã§ããJREããã³JDKã®binãã£ã¬ã¯ããªã«ãjjsãã¨ãããã¡ã¤ã«ãç¨æããã¦ãã¾ãããã®ãããç°å¢å¤æ°ãJAVA_HOMEããè¨å®ãããããjjsãã®ãããã©ã«ãã«ãã¹ãéããã¨ã§jjsãå®è¡ã§ããããã«ãã¦ããã¾ãããã Windowsã§ã¯ãç°å¢å¤æ°ã®è¨å®ãããJAVA_HOMEããè¨å®ãã¾ããããã¦ãNashornãå®è¡ããããããã¡ã¤ã«ã¯æ¬¡ã®ããã«ãªãã¾ãã "%JAVA_HOME%\bin\jjs" %* åè) http://qiita.com/tiibun/items/954580a1d840d5392032 Mac OS Xã§
ãWebAssemblyãã¯ãJavaScriptã®çã¿ã®è¦ªã®ãã©ã³ãã³ã»ã¢ã¤ã¯ããã²ã¼ã ãã§ã³ã¸ã£ã¼ãã¨è¡¨ç¾ããã»ã©æå¾ ããã¦ããã¦ã§ãåãã®ãã¤ããªãã©ã¼ãããã§ããã¢ãã¤ã«ç«¯æ«ãIoT端æ«ã®æ®åãè¦ãã¾ããä¸ããã·ã³ãã¯ã¼ã®å£ã端æ«ã§ãå¹çããå®è¡ã§ããããã«ãã¦ã§ãã®æ¨æºè¨èªã¨è¨ã£ã¦ããJavaScript以å¤ã®è¨èªãã³ã³ãã¤ã«ããããã®ã¦ããã¼ãµã«ãªãã¼ã¬ãã«ãã¤ãã³ã¼ããæ±ãããã¦ãã¾ãããããã©ã¦ã¶éçºè ã¯ããããç¬èªã«ãã¼ã«ãéçºããç¶æ³ã§ããã ãããªä¸ã2015å¹´6æã«MozillaãGoogleãMicrosoftãAppleãªã©ã®ã¦ã§ããã©ã¦ã¶ã®ä¸»è¦ãã¬ã¤ã¤ã¼ãæ¨æºãã©ã¼ãããã¨ãã¦éçºã«åæããã®ãWebAssemblyã§ãããã¸ã§ã¯ããæ¨é²ããWebAssembly Community Groupãçµæãããã¾ãã¯C/C++ãã³ã³ãã¤ã«ãã¦JavaScriptã¨
ã¯ããã« ãããã«ã¯æ§ã ãªæ å ±ãæº¢ãã¦ãããJavaScriptã«é¢ããæ å ±ã夿°åå¨ãã¦ããã¾ãã ãã®ä¸ã«ã¯ãã仿ãããªæ¸ãæ¹ããããâ¦ãã¨æããããã³ããå ¥ããããªããããªãæ¬å½ã«ãæ¬å½ã«å¤ãå 容ã«ã¤ãã¦æ¸ããã¦ãã夿æ¸ãåå¨ãã¾ãã ãããªç½ è¨äºã®æ å ±ã«åããã¦ãã¾ã£ã¦ããã¤ã¾ã§çµã£ã¦ãç¾ä»£çãªJavaScriptãæ¸ããªãçããã®ããã«ããã®ã·ãªã¼ãºã®è¨äºã§ã¯ãåã»ã¯ã·ã§ã³æ¯ã«åãã¦ãæ§ç³å¨æä»£ã®è¨è¿°ã¨ãç¾ä»£ã®è¨è¿°ãç´¹ä»ããå½¢ã§ãææéåããã¦ããããã¨ããæãã§è¨è¿°ããã æåã¯ãç¾å¨æ¯è¼çã¡ã¸ã£ã¼ãªãã©ã¦ã¶ã§ä¸éãåä½ãããECMAScript 5ãã¾ã§ã®å 容ã«é¢ãã¦ãã¨ã ãæ¸ãé£ãã¦ãããæçµçã«ã¯ä¸é£ã®å 容ãèªãã ãã§ãES6(ES2015)ãã«ããæ°æ©è½ããçµ¶è³ææ¡ä¸ã®ãES7ãã®ä¸é¨ææ¡å 容ã«ã¤ãã¦ãææ¡ããããããç¾ä»£äººãè²æãããã¨ãç®æ¨ã¨ããã â¦ãªãã¦ãã£
ãã®åããºããªãOS.jsãã¨ããJavaScriptã©ã¤ãã©ãªã§ãã 誰ãã®ã¤ã¿ãºã©ãã¨æãããã使ã£ã¦ã¿ãã¨ãã©ã¦ã¶ã®ä¸ã«ãã1ã¤å¥ã®ãã½ã³ã³ãèµ·åãã¦ãããããªæè¦ã«ãªãããã®å®æåº¦ã®é«ãã«é©ãããã¾ãã APIãæä¾ããã¦ããããOS.jsãã§èµ·åãããã¹ã¯ãããç°å¢ç¨ã®ã¢ããªã±ã¼ã·ã§ã³ãèªåã§éçºãããã¨ãå¯è½ã«ãªã£ã¦ããã®ã¯é¢ç½ãç¹ã§ãããã
æç¨¿æ¨é²é¨ã®å¤æï¼@hokacchaï¼ã§ãã ã¯ãã¯ãããããã°ã®éçºã§Railsä¸ã«ECMAScript6ãªã©ã®ã¢ãã³ãªJavaScriptéçºç°å¢ãå°å ¥ããçµé¨ãå ã«ãã¦ãã¦ãç´¹ä»ãããã¨æãã¾ãã Railsã¯Sprocketsã¨ããgemã§JavaScriptãCSSãã³ã³ãã¤ã«ããä»çµã¿ãæä¾ããã¦ãã¾ããSprocketsã«ããasset管çã®ä»çµã¿ã¯é常ã«ããã§ãã¦ãããAltJSã®ãã©ã³ã¹ãã¤ã«ããã¡ã¤ã«ã®çµåãminifyãªã©ãassetã®ã³ã³ãã¤ã«ã«å¿ è¦ãªæ©è½ãä¸éãåãã¦ãã¾ãã ããããJavaScriptã«ãããã¢ã¸ã¥ã¼ã«ã®ä¾åé¢ä¿ã®è§£æ±ºããã©ã¤ãã©ãªã®ç®¡çãªã©ã«ã¤ãã¦ã¯ã¢ãã³ãªJavaScriptéçºã¨ä¹é¢ãã¦ãã¦ããã®ãç¾ç¶ã§ããããã§ãRailsã§ã以ä¸ã®ãããªãã¨ãå®ç¾ã§ãããã¨ãç®æ¨ã«ç°å¢ãä½ãã¾ããã ECMAScript6ã®ã·ã³ã¿ãã¯ã¹ã使ã ã¢ã¸ã¥
ãã®ãã¼ã¸ã¯ã³ãã¥ããã£ã¼ã®å°½åã§è±èªãã翻訳ããã¾ãããMDN Web Docs ã³ãã¥ããã£ã¼ã«ã¤ãã¦ãã£ã¨ç¥ãã仲éã«ãªãã«ã¯ãã¡ãããã �Z�檪View in English Always switch to English åã®ãã¼ã¸ 次ã®ãã¼ã¸ JavaScript ã¯ããªãã¸ã§ã¯ããã¼ã¹ã®æ çµã¿ã§è¨è¨ããã¦ãã¾ãããªãã¸ã§ã¯ãã¯ããããã£ã®éã¾ãã§ãããããããã£ã¯åå (ãããã¯ããã¼ã) ã¨å¤ã¨ã®é¢é£ä»ãããæãç«ã£ã¦ãã¾ããããããã£ã®å¤ã颿°ã«ãããã¨ãã§ãããã®å ´åã¯ããããã£ã¯ã¡ã½ããã¨å¼ã°ãã¾ãã ä»ã®å¤ãã®ããã°ã©ãã³ã°è¨èªã¨åæ§ã JavaScript ã«ããããªãã¸ã§ã¯ãããç¾å®ä¸çã®ããã®ã (ããªãã¡ãªãã¸ã§ã¯ã) ã«ãªãããããã¨ãã§ãã¾ãã JavaScript ã§ã¯ããªãã¸ã§ã¯ãã¯ããããã£ã¨åãæã¤ç¬ç«ããåå¨ã§ããã³ãããä¾ã«èãã¦ã¿ã¾ãã
2018å¹´4æ25æ¥ããã¡ã¾ãã¦ã ãCodeIQãã®ããã°ã©ãã³ã°è 試ããµã¼ãã¹ãå¹´å確ç´ã¹ã«ã¦ããµã¼ãã¹ã¯ã ITã¨ã³ã¸ãã¢ã®ããã®å¹´å確ç´ã¹ã«ã¦ããµã¼ãã¹ãmoffers by CodeIQãhttps://moffers.jp/ ã¸ä¸æ¬åãããã¾ããã ããã¾ã§å¤ãã®ITã¨ã³ã¸ãã¢ã®æ¹ã«ãCodeIQãããå©ç¨ããã ãã¾ãã¦ã æ¹ãã¦å¿ããæ·±ã御礼ç³ãä¸ãã¾ãã ã¾ããã¨ã³ã¸ãã¢ã®ããã®Webãã¬ã¸ã³ãCodeIQ MAGAZINEãã¯ã ãªã¯ããNEXTã¸ã£ã¼ãã«( https://next.rikunabi.com/journal/ )ã«ä¸é¨ã®è¨äºã®ç§»è¡ãäºå®ãã¦ããã¾ãã ä»å¾ã¯ãmoffers by CodeIQãã«ã¦ã ITã¨ã³ã¸ãã¢ã®çæ§ã®ããè¯ã転è·ããµãã¼ãããããã«ãããä¸å±¤åªãã¦ã¾ããã¾ãã®ã§ã å¼ãç¶ããæé¡§ã®ã»ã©ä½åãããããé¡ãç³ãä¸ãã¾ãã ã¾ããCod
Canvasã§ã¯ãJPEGãPNGã¨ãã£ããã©ã¦ã¶ã«å¯¾å¿ããç»åã§ããã°ããããçµã¿è¾¼ããã¨ãã§ãã¾ãããã®ã³ã¼ãã¼ã§ã¯ãç»åã®çµã¿è¾¼ã¿æ¹æ³ã¨ãããã¤ãã®ãªãã·ã§ã³æ©è½ã«ã¤ãã¦ç´¹ä»ãã¦ããã¾ãã ç»åçµã¿è¾¼ã¿ã®åºæ¬ Canvasã§ç»åãçµã¿è¾¼ãããã«ã¯ãdrawImageã¡ã½ããã使ãã¾ããä¸ãã弿°ã«å¿ãã¦ãæç»ããç»åã®æ±ãæ¹ãéã£ã¦ãã¾ãã ctx.drawImage(image, dx, dy) ctx.drawImage(image, dx, dy, dw, dh) Canvasã®åº§æ¨ (dx, dy) ãå·¦ä¸ç«¯ã¨ãã¦ãimage ã«æ ¼ç´ãããImageãªãã¸ã§ã¯ããæç»ãã¾ããdw 㨠dh ãæå®ãããã¨ãç»åã¯ãdw ãæ¨ªå¹ ãdh ãç¸¦å¹ ã¨ãããµã¤ãºã«ä¼¸ç¸®ããã¾ãã ctx.drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh) å
JavaScript ã«ããã¤ãã³ãããªãã³ ã¢ã¸ã§ã³ã JavaScript ã®è¨èªã«ã¤ã㦠DOM ã«ã¤ã㦠ã¤ãã³ãã«ã¤ã㦠jQuery ã«ã¤ã㦠MVC ã¢ã¼ããã¯ãã£ã«ã¤ã㦠ã¾ãã¯ããã« Just moment! Web ã§ JS ã使ãã¨ããHTML ã®ç¥èãåæã¨ãªããã¨ãå¤ã http://www.kanzaki.com/docs/htminfo.html å°ãªãã¨ããç°¡åãªHTMLã®èª¬æãã¯æ¼ããã¦ããããã ç®ç è¬ç¾©æéã¯éããã¦ããã®ã§ JS ãå¦ã¶ä¸ã§ã¨ã£ããããã¤ãããã㨠ãªãã¡ã¬ã³ã¹ãæç¤ºãã¾ããæ¦å¿µãçè§£ è¨èªçé¨åãDOM åã³ã¤ãã³ãããªãã³ãªããã°ã©ãã³ã° è¦ãããã¨ããã¨ã¯ã½å¤ãã®ã§ãªãã¡ã¬ã³ã¹ã²ããé¨åã¯è¦ããªã JS ã¨ã¯ã©ããªè¨èªã§ããã? åºæ¬ã¯ã©ã¤ã¢ã³ããµã¤ã=ãã©ã¦ã¶ã§åã å®è£ ããããããã ã¯ã¦ãªã®ã¨ã³ã¸ãã¢ã¯ã¿ããªèª°ããããç¨
Code Faster.Tired of having to run your code to find bugs? Flow identifies problems as you code. Stop wasting your time guessing and checking. Code Smarter.It's hard to build smart tools for dynamic languages like JavaScript. Flow understands your code and makes its knowledge available, enabling other smart tools to be built on top of Flow. Code Confidently.Making major changes to large codebases
ã©ã³ãã³ã°
ãç¥ãã
ã©ã³ãã³ã°
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}