Help us understand the problem. What is going on with this article?
ããçã¡ãããTypeScriptã«èå³ãæã¤ ããããï¼ä»¥ä¸ããï¼Â ãããæ §ã¡ãããä½ãã£ã¦ããã®ï¼ æ®äº æ §ï¼ä»¥ä¸ãæ §ï¼Â å®ã¯ãTypeScriptã«èå³ããã£ã¦ããã£ã¦ã¿ãããã¨æã£ã¦ã ã ã¸ã¼ãæ¥ã«ã©ãããã®ï¼ æ §Â åããæ°ã«ãªã£ã¦ããã ãã©ãæè¿ããã°ã¼ã°ã«ãAngularJS 2ããã¤ã¯ãã½ããã®TypeScriptã§éçºãã¨ããã¥ã¼ã¹ã§ãããè¦ãããããã«ãªã£ã¦ããã£ã¦ã¿ãããªã¼ã£ã¦ãããããããã¯ãTypeScriptã«è©³ããã®ï¼ï¼ ã ãã¼ã詳ããâ¦â¦ã¨ããã«ã¯ã¡ãã£ã¨æ°ãå¼ãããã©ãTypeScriptã¯åºã¦ããã¨ãããã¦ã©ãããã¦ããããä»ã¯ä»äºã§æ®éã«ä½¿ã£ã¦ããããªã æ §Â ããããç§ã«æãã¦ï¼ ã æããâ¦â¦ã£ã¦ããã¨ãä½ã ããããã¾ãããã©ããã£ããã ãããä¸ç·ã«ãã£ã¦ã¿ããï¼
TypeScriptã好ããªã®ã§ãªã¹ã¹ã¡ããçç±ãèãã¦ã¿ãã 2015/03/30 - P33ã«åèã«ããã¦ããã ãããµã¤ãã®URLãæ¿å ¥ãã¾ãã
JSX ã®é²åé度ãå端ãªã - ããããï½ ã§ç´¹ä»ãã¦ããã ãã¦ããã¨ãããææ°ã® JSX ã§ã¯ function expression ã®å宣è¨ãçç¥ã§ããããã«ãªã£ã¦ãã¾ãããããå©ç¨ãã¦ããã¨ãã°é åã®åè¨ãæ±ããå ´åã var sum = 0; [ 1, 2, 3, 4, 5, 6, 7, 8 ].forEach(function (n) { sum += n; }); ã®ããã«ãJavaScript 㨠100% åæ§ã«æ¸ããã¨ãã§ããããã«ãªãã¾ãããçç¥å½¢ãå©ç¨ã㦠[ ... ].forEach((n) -> { sum + n; }); ã§ãããã§ãã ã¨ããã§ãã®ã³ã¼ããè¦ãç®ã¯åããªãã§ãããå®ã¯ JSX ã 㨠JavaScript ãããï¼å以ä¸éãåããã§ããã¾ã æé©åããã¾ãã¨ãããããã®ã«ã ãªãããJavaScript ã® Array#forEach ã¯é
ããã«ã¡ã¯ã TypeScript Advent Calendar 23æ¥ç®ã®è¨äºã¨ãªãã¾ãã æ¨æ¥22æ¥ç®ã¯mizchiããã§ããã 仿¥ã¯ãã¾ã TypeScriptã使ã£ã¦ããªã人ãç¹ã«ããæ®æ®µJavaScriptããã触ã£ã¦ãã¦ãaltJSã«èå³ã¯ãããã©ããã¾ãã¡æ°ããè¨èªãè¦ããã»ã©ã®ã¢ããã¼ã·ã§ã³ã¯ãªããã¨ãã人ã«åãã¦ãåãTypeScriptã使ãã¯ããã¦æãããã¨ãæ¸ãã¦ã¿ããã¨æãã¾ãã çè ãTypeScriptã使ãå§ããã¾ã§ã®ããã°ã©ãã³ã°è¨èªéæ´ è©±ãå§ããåã«ãã¾ãã¯çè ãããã¾ã§ã«ä½¿ã£ã¦ããããã°ã©ãã³ã°è¨èªãæ¯ãè¿ã£ã¦ã¿ã¾ãã JavaScript (2000ãç¾å¨) HSP (2001ã2003) PHP (2004ã2009) Python (2009ãç¾å¨) â¦ã¨ããããã«ãã¾ã¨ãã«è§¦ã£ããã¨ããã£ã¦ããããªãã«ä½¿ããããã«ãªã£ãããã°ã©ãã³ã°è¨èªã¯
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ã©ããããã«ã¡ã¯ãããã§ãã ãã®è¨äºã¯TypeScript Advent Calendarã®1æ¥ç®ã®è¨äºã§ãã ãªããAdvent Calendarã¯ã¾ã 6æ¥ã»ã©ç©ºããããã®ã§çæ§ããããããªããã¨ã調ã¹ã¦ã¿ãï¼ã¨ãæ¥ã ã®çæ´»ã§çºè¦ããå°ãã¿ã¨ãèªã¿å¿ãã®ããè¶ å¤§ä½ã¨ããªããã§åå ãã¦ãã ããï¼ãããããé¡ããã¾ãï¼ åæ¥ã¨ããã¨ããã§æåçãªè¨äºãæ¸ãããã¨ããã§ããã11ææ«ãåã®å¬ã³ãã®å稿ãï½¶ï¾ï¾ï½¶ï¾ï¾æ¸ãã¦ããSANå¤ã¾ã§ï½¶ï¾ï¾ï½¶ï¾ï¾è¡ã£ã¡ã¾ã£ã¦ä¸å®ã®çæ°å¯¸åã§ãããã¾ããããããæ¸ãã¾ãããã ãã¦ã仿¥ã¯ä½æ TypeSc
TypeScript ã«ã¤ã㦠(1) å©ç¨ããã¡ãªãã Java ã C# ã®ãããªææ³ã® altJS ã§ããä¸è¨ã«å½ã¦ã¯ã¾ãå ´åã¯æåãªé¸æè¢ã§ãã æ¢åããã¸ã§ã¯ãã altJS ã«ç§»è¡ãããã¨ã JavaScript ã®ææ³ãã®ã¾ã¾ã³ãã¼ãã¦ä½¿ç¨ã§ãããã éçåä»ãããããã¨ã ç¾ç¶ TypeScript 䏿ã§ã æ°è¦ã®ä¸ã»é·æã«æ¸¡ãå¤§è¦æ¨¡ããã¸ã§ã¯ãã®ã¨ã éçåä»ãã¤ã³ã¿ã¼ãã§ã¼ã¹ãå©ç¨ã§ãããã (2) å©ç¨ä¸ã®æ³¨æ ãã ã TypeScript ãå©ç¨ããä¸ã§æ³¨æããç¹ãããã¾ãã ã³ã³ãã¤ã«ãé ã åãã§ãã¯çããããããaltJS ã®ä¸ã§ãç¹ã«é ãã§ã this ã®ç¨æ³ãå¢ãã ã¯ã©ã¹ã®ã¡ã³ã夿°ã®åç §ã«ã¯ this.foo ã¨è¨è¿°ãã¾ã (3) ãµã³ãã«ã³ã¼ã // sample.ts module Saying { export class Greeter {
æ°è£½åã®WEB UIãä½ããã¨ã«ãªãã¾ããã ãfunctionã£ã¦æ¸ãã®ãã«ããããCoffeeScriptã«ãã¾ããããã ãã§ãCoffeeScriptã£ã¦ããããããªã¯ã³ã³ãããªããï¼ã ãã¡ãã£ã¨å¾ ã¦ããããããES6ï¼ECMAScript6ãJavaScriptã®æ¬¡ææ¨æºãå¾è¿°ï¼ã使ããããã«ãªã£ã¦ãããããªããï¼ï¼ã ããæã£ã¦ES6ã調ã¹ã¾ãããããã£ã±ãCoffeeScriptã使ãã¹ãã ã¨ããçµè«ã«éãã¾ããã CoffeeScriptã¨ES6ã®ãããã CoffeeScriptã¯ããããAltJS é·æ ãfunctionã®ä»£ããã«->ãããã¼ã«ã«å¤æ°ã«varãä¸è¦ãã¨ãã£ãã¤ã±ã¦ãææ³ã使ãã¾ãã äºåã«JavaScriptã«ã³ã³ãã¤ã«ãã¦ä½¿ãã*1 Ruby on Railsã対å¿ãã¦ãããªã©ãããªãæ®åãã¦ããããã§ãã çæ äºåã³ã³ãã¤ã«ãå¿ è¦ãªã®ã§è£½åã®ã
ã¾ããJQueryã§ã¯ãã£ã¡ã«ã±ã¼ã¹ã§ã¡ã½ããåãããããã£åãªã©ãå®ç¾©ããã¦ãã¾ãããOpalã§ã¯Rubyã®æåã«åããã¦ã¹ãã¼ã¯ã±ã¼ã¹ã§å®ç¾©ããã¦ããããã§ã(*9)ã Nativeãªã³ã¼ãã®å®è¡ ã`ï¼ã¢ã¯ãµã³ã°ã©ã¼ãï¼ãã使ããã¨ã§ãNativeãªJavaScriptã®ã³ã¼ããå®è¡ãããã¨ãã§ãã¾ã(*10)ã `window.open("http://example.com", "example")` windowãªãã¸ã§ã¯ãã®ã»ããååã¾ã§ã«ä½¿ç¨ããWebSocketãEventSourceãªã©ã¸ã¢ã¯ã»ã¹ããéã«ããã®æ§æã使ããã¨ã«ãªãã¾ãããã`ãã®ä¸ã¯JavaScriptã®ææ³ã«ãªãããOpalã使ãã¡ãªããã忏ãã¦ãã¾ãã¾ãã ãã®ãããªã±ã¼ã¹ã®ããã«ãOpalã§ã¯Kernel#Nativeãç¨æããã¦ãã¾ãããã®ã¡ã½ããã使ããã¨ã§Rubyã©ã¤ã¯ã«JavaScrip
â»ãããã®è¨èªããã«ããã©ãããã©ã¼ã ã§ãããWindows, Mac OS Xã¨ãã«ã©ã¡ãã§ãå©ç¨ãããã¨ãã§ãã¾ãã æ¯è¼å¯¾è±¡ã®ãµã³ãã« ãµã³ãã«ã¨ãã¦ã·ã³ãã«ãªã¹ã©ã¤ãã·ã§ã¼ã®Webã³ã³ãã³ããç¨æãã¦ãã¾ããããããã®è¨èªã§ã©ã®ããã«è¨è¿°ãã¦å®è£ ããã®ããã¾ãçæãããJavaScriptãã©ã®ãããªãã®ã§ããã確èªãã¦ããã¾ãããããã®ãµã³ãã«ã§ã¯è¨èªã®ç¹æ§ãç´¹ä»ããããã«ãå®ç¨çãªè¦ç´ ã¨ãã¦ãã¯ã©ã¹æ§é ã®å©ç¨ããæ¢åJSã©ã¤ãã©ãªã®å©ç¨ããã¦ã¼ã¶ã¼æä½ããå«ãã¦ãã¾ãã ãã¢ãéã ãChange Photoããã¿ã³ãã¯ãªãã¯ããã¨åçãåãæ¿ããã¾ããCSS3ã®3D TransformsãjQueryãç¨ãã¦å¶å¾¡ãã¾ãï¼ç¢ºèªã®éã«ã¯ãCSS3ã®3D Transformsãå©ç¨ã§ãããã©ã¦ã¶ããå©ç¨ä¸ããï¼ æ¦è¦ TypeScriptã¯ãã¤ã¯ãã½ãããéçºãããªã¼ãã³ã½ã¼ã¹ã®è¨
TypeScriptã¨ã¯ ãã®é£è¼ã®ç®çã¯TypeScriptã®åºæ¬çãªã³ã¼ãã®æ¸ãæ¹ãåæ©ããå¦ã¶ãã¨ã§ãããããã°ã©ãã³ã°ã®çµé¨ããªãèªè ã対象ã¨ãã¦ããã®ã§ããã½ã³ã³ã®åºæ¬æä½ãã§ãããããã®åæç¥èãããã°èªã¿é²ããããããã«ã§ããã ããããã解説ãã¦ãããã¨ã¨ãããç¾å¨ãTypeScripté¢é£ã®è³æã«ã¯JavaScriptã®ç¥èãåæã¨ãã¦ãJavaScriptã¨ã®å·®åãæ²è¼ãã¦ãããã®ãå¤ãããããã§ã¯ãããã£ãåæãè¨å®ããã«1ããTypeScriptï¼ã¨JavaScriptï¼ãå¦ã¶ãã¨ã¨ããã ååã®æä¾ã¨ãã¦ãTypeScriptã®æ¦è¦ããã®å¾ã«ç¶ãã®ã ããè½æ¸ãã¯ããããã¨ã«ãããã£ã¦ã¿ããã¨ããæ¹ã¯ããã®å ãé£ã°ãã¦ããã¡ã°ãç°¡åãªTypeScriptã®ããã°ã©ã ãã«é²ãã§ããã£ã¦æ§ããªãã ãã¦ããã®ãTypeScriptã¨ã¯ããªã®ã ããã²ã¨è¨ã§è¡¨ããªããJava
ãããªè¨³ã§ãCoffeeScript ã触ãå§ãã¦åå¹´å¼±ãTypeScript ã触ãå§ãã¦1ã¶æå¼±ã»ã©çµã¡ã¾ãããã¾ã ã¾ã æ¥ã¯æµ ãã§ããããã¡ãã両æ¹ã¨ãå®åæ¡ä»¶ã«ã¦ä½¿ç¨ããã¨ãããã¨ã§ããããã§åæ¹ã«å¯¾ããæ¯ãè¿ããç°¡åã«ãã¦ããã¨ãã¾ãã CoffeeScript ã«ã¤ã㦠http://coffeescript.org/ å¦ç¿éå§ææ: 2014å¹´1æé å§ãããã£ãã: Middleman ã Ruby on Rails ãæ¨æºãµãã¼ããã¦ãããããé¢åãªç°å¢æ§ç¯çãããªãã¦æ¸ãã ãã Ruby ã Haml ã®ãããªããã¹ãéã®å°ãªãææ³ã好ã¿ã ã£ããã ãããªè¨³ã§ã¨ã£ãããã¨ãã¦ã®åºç¤å¦ç¿æéã¯ã ããã2ãï¼æ¥ãããã§ãããããæ¢åã®ãããã¯ã·ã§ã³ã³ã¼ãã CoffeeScriptÂ ã«æ¸ãæãã¤ã¤å®æ¡ä»¶ã«åãå ¥ãã¦ããã¾ããã ããã¾ããªç¹å¾´ è¦ã¯ JavaScript ãã
GoogleããJavaScriptãããåªããWebè¨èªã¨ãã¦éçºä¸ã®ãDartãããã®Dartã®æ¨æºåãECMA Internationalãéå§ããã¨ãThe Chromium Blogã®ã¨ã³ããªãEcma forms TC52 for Dart Standardizationãã§å ±åããã¾ããã Dartã¯å æãæåã®æ£å¼çã¨ãªããDart 1.0ãããªãªã¼ã¹ãããã°ããã ECMA Internationalã¯JavaScriptã®æ¨æºåãè¡ã£ã¦ããå£ä½ã§ãããï¼JavaScriptã¯æ£å¼ã«ã¯ECMAScriptã¨ããåç§°ï¼ãDartã¯Googleç¬èªã®è¨èªããæ¨æºåãããè¨èªã¸ã¨æåã®ã¹ããããè¸ã¿åºãããã¨ã«ãªãã¾ããECMAã¯ä»ã«ãC#ã®æ¨æºåãè¡ã£ã¦ãã¾ãã Webãã©ã¦ã¶ã«DartVMãæè¼ãããã¨ãç®æã㦠æ¨å¹´ã®10æã«GoogleãDartãçºè¡¨ããã¨ããJava
JavaScript ã§é«éãªã³ã¼ããæ¸ããã¨ããéã«ãã¯ã¾ããã¡ãªç½ ã¨ãJSX ã®ã³ã³ãã¤ã©ã§ã©ã®ããã«å¯¾å¦ãã¦ããã®ããç´¹ä»
ç¾å¨ã®Webããã³ãã¨ã³ãã®ç¾ç¶ã¨æç´ã¨ãããã«å¯¾ããHaxeããã³ãã¨ã³ãã©ã¤ãã©ãªMageã«ã¤ãã¦
ãUnite Tokyo 2019ã大éã®ãªãã¸ã§ã¯ããå«ãåºãã¹ãã¼ã¸ã§ã大ä¸å¤«ãããDOTSãªãã
(εã»âã»)з o O ( JSXã¯æ¥æ¬èªããã¥ã¡ã³ããã»ã¼ãªãã®ã§ã (εã»âã»)з o O ( æ¸ãæºãã¨ãã奴ãå ¬éãããã¼ (εã»âã»)з o O ( ã§ããè²ã ã¨ç«¯æã£ã¦ãã®ã§ (εã»âã»)з o O ( ä¸è¶³ãã¦ãé¨åã¯ãããã³ãæ¥è¨ ã wiki ã JSXå ¬å¼ããã¥ã¡ã³ã ãåããã¦ã覧ãã ããã (εã»âã»)з o O ( ææ°ã® JSX ãã¿ãåããã¦ãç´¹ä» http://d.hatena.ne.jp/gfx/20130726/1374890217
RedScriptã¯Rubyãçä¼¼ã¦éçºããã¦ããJavaScript代æ¿è¨èªã§ãã å¥ãªè¨æ³ã§è¨è¿°ãã¦å¤æãè¡ã£ã¦JavaScriptãçæããã¿ã¤ãã®è¨èªã¯å¹¾ã¤ãããã¾ããä»åã¯Rubyãªã©ãåèã«éçºãããRedScriptãç´¹ä»ãã¾ãã ã¤ã³ã¹ãã¼ã«ãã¾ãããnode.jsã®ã©ã¤ãã©ãªã§ãã ãã¡ã¤ã«ç£è¦æ©è½ãããã®ã§èªåã§çæããã¾ããrsã¨ããæ¡å¼µåã«ãªã£ã¦ãã¾ãã @ã§thisã«ãªãã¾ããRubyé¢¨ï¼ ã«ã¼ãå¦çã ããã·ã¥ã®å¦çã ifã«ããåå²å¦çã requireã使ãã¾ãã switch/caseæã ææ³çã«ã¯Rubyã«ä¼¼ã¦ããç®æãå¤ãã§ãããå®å ¨ã«ããã¨ãã訳ã§ã¯ãªããRubyã¨JavaScriptãããã¯ã¹ããããããªææ³ã«ãªã£ã¦ãã¾ããdoã使ã£ãããã§ãã¾ãããã®è¾ºãã¯å¥½ã¿ãåãããã¨ããããç¥ãã¾ããã RedScriptã¯node.js/JavaScr
ã©ã³ãã³ã°
ã©ã³ãã³ã°
ã¡ã³ããã³ã¹
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}