[B! jsx] InoHiroã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

InoHiro id:InoHiro

jsxã«é–¢ã™ã‚‹InoHiroã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ã¨ã‚ã‚‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžå‡¦ç†ç³»ã®ã‚»ãƒ«ãƒ•ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°åŒ–ã«æºã‚ã£ãŸ - wasabizã®æ—¥è¨˜
2013-12-15 ã¨ã‚ã‚‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžå‡¦ç†ç³»ã®ã‚»ãƒ«ãƒ•ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°åŒ–ã«æºã‚ã£ãŸ (ã“ã®è¨˜äº‹ã¯JSX Advent Calendar 2013ã®ä¸€éƒ¨ã¨ã—ã¦æ›¸ã‹ã‚Œã¾ã—ãŸã€‚) åƒ•ãŒJSXã¨ã„ã†ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã®é–‹ç™ºã«æºã‚ã£ã¦ã“ã®å†¬ã§æ—©1å¹´åŠã«ãªã‚Šã¾ã™ã€‚ã‚³ãƒ³ãƒ‘ã‚¤ãƒ©ã¨ã—ã¦ã®jsxã«ã¯ã“ã®1å¹´åŠã§å¹¾å¤šã®å‡ºæ¥äº‹ãŒã‚ã‚Šã¾ã—ãŸãŒã€ãã®ä¸ã§ã‚‚ä¸€ç•ªå·¨å¤§ãªã‚‚ã®ãŒã‚»ãƒ«ãƒ•ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã§ã—ã‚‡ã†ã€‚ã¤ã¾ã‚ŠJSXã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ©ã‚’JSXè‡ªèº«ã§æ›¸ããªãŠã™ã¨ã„ã†ã“ã¨ã§ã™ã€‚ ãƒ¡ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã®ã‚³ãƒ¼ãƒ‰ã‚’ã¾ã‚‹ã¾ã‚‹å…¥ã‚Œæ›¿ãˆã‚‹ã“ã®ã‚»ãƒ«ãƒ•ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã¯å¤§ããªè‹¦åŠ´ã‚’ä¼´ã„ã¾ã—ãŸã€‚å®Ÿéš›ã€é€šå¸¸ã®ãƒãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã¨ã¯é•ã„ã‚³ãƒ³ãƒ‘ã‚¤ãƒ©ãã®ã‚‚ã®ã‚’å…¥ã‚Œæ›¿ãˆã¦ã—ã¾ã†ã‚ã‘ã§ã™ã‹ã‚‰ã€ãƒã‚°ã®å‡ºæ–¹ãªã©ã‚‚ãªã‹ãªã‹å‘³ã‚ã„æ·±ã„ã‚‚ã®ã§ã™ã€‚ JSXã‚»ãƒ«ãƒ•ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã‚’è¡Œã£ã¦ã‹ã‚‰æ—¢ã«1å¹´ãŒçµŒéŽã—ã‚ˆã†ã¨ã—ã¦ã„ã¾ã™ã€‚ä»Šã¾ã§ã“ã®ä½œæ¥ã®è‹¦åŠ´ã«ã¤ã„ã¦å¤–ã§è©±ã—ãŸã“ã¨ã¯ç„¡ã‹ã£ãŸã®ã§ã™ãŒã€ã€Œãƒ—ãƒã‚°ãƒ©
InoHiro 2013/12/16
jsx

JavaScript
ãƒªãƒ³ã‚¯
JSX ã® Emacs ç’°å¢ƒã‚’æ•´å‚™ã—ã¦ã¿ãŸ ã€œ jsx-mode.el 0.1.0 ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸ ã€œ - ã‚ã‚‰ã³ãæ—¥è¨˜
ã“ã®è¨˜äº‹ã¯ abicky.net ã® JSX ã® Emacs ç’°å¢ƒã‚’æ•´å‚™ã—ã¦ã¿ãŸ ã€œ jsx-mode.el 0.1.0 ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸ ã€œ ã«ç§»è¡Œã—ã¾ã—ãŸ
InoHiro 2012/10/23
emacs

jsx
ãƒªãƒ³ã‚¯
JavaScripterã‹ã‚‰è¦‹ãŸJSX
ç§ã¯2001å¹´ã‹ã‚‰JavaScriptã‚’å°‚é–€ã«ã—ã¦å®Ÿè£…ã‚’ã—ã¦ãŠã‚Šã€ã‹ãªã‚Šé•·ã„é–“JavaScriptã‚’ä½¿ã„ç¶šã‘ã¦ãã¾ã—ãŸã€‚ExGameã‚’ã¯ã˜ã‚ã¨ã—ã¦ã€ç•°å¸¸ãªã»ã©ã«JavaScriptã‚’ä½¿ã„å€’ã—ãŸãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ä½•å€‹ã‹å®Œé‚ã•ã›ã¦ã„ã¾ã™ã€‚å‰ã®ä¼šç¤¾ã€Œãƒ–ãƒãƒ¼ãƒ‰ãƒ†ã‚¤ãƒ«ã€ãŒDeNAã«è²·åŽã•ã‚ŒãŸã®ã¯ã€JavaScriptã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã ã‘ã§ãªãã€ç§ãŸã¡ã®JavaScriptã®ã‚¹ã‚ãƒ«ã‚’ç”Ÿã‹ã—ãŸã„ã¨ã„ã†å´é¢ã‚‚å¤§ããã‚ã£ãŸã¨æ„Ÿã˜ã¦ã„ã¾ã™ã€‚ ãã‚“ãªç§ã§ã™ãŒã€æ£ç›´ã«è¨€ã†ã¨JSXã®é–‹ç™ºã«ã¯ã»ã¨ã‚“ã©é–¢ã‚ã£ã¦ã„ã¾ã›ã‚“ã€‚JSXã¯åŸºæœ¬çš„ã«ä¸€ç©‚ã•ã‚“ãŒä¸»å°Žã—ã€gfxãŒãƒ•ã‚©ãƒãƒ¼ã—ã€a_bickyãŒãƒ‰ãƒƒã‚°ãƒ•ãƒ¼ãƒ‰ã‚’é£Ÿã¹ã‚‹ï¼ˆè‡ªåˆ†ãŸã¡ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚’ã¾ãšè‡ªåˆ†ãŸã¡ã§çŽ‡å…ˆã—ã¦ä½¿ã†ï¼‰ã¨ã„ã†å½¢ã§é€²ã‚“ã§ãã¾ã—ãŸã€‚ç§ãŒå¼·ãã‹ã‹ã‚ã£ãŸã®ã¯ã€ä¸»ã«3æœˆã®è¨€èªžä»•æ§˜ã‚’æ±ºã‚ã‚‹ã¨ãã®è°è«–ç¨‹åº¦ã§ã™ã€‚ãªã®ã§JSXã«ã¤ã„ã¦ãã“ã¾ã§è©³ã—ã„è¨³ã§ã¯ãªã„ã®ã§ã™ãŒã€ãã°ã§é–‹ç™ºã‚’è¦‹ã¦ããŸ
InoHiro 2012/06/07
jsx

JavaScript
ãƒªãƒ³ã‚¯
JSX ã®ã‚¢ãƒ¬ãªæ‰€ - ãã‚‹ãã‚‹ï½ž
æ³¨æ„ï¼ã“ã®ã‚¨ãƒ³ãƒˆãƒªã¯æ—¢ã«å¤ã„ã®ã§ã€JSX ã®é€²åŒ–é€Ÿåº¦ãŒåŠç«¯ãªã„ - ãã‚‹ãã‚‹ã€œã‚‚ã‚ã‚ã›ã¦èªã‚“ã§ãã ã•ã„ã€‚æœ€æ–°ã®ã‚³ãƒ¼ãƒ‰ã‚’å‚ç…§ã™ã‚‹ã®ãŒæ‰‹ã£å–ã‚Šæ—©ã„ã§ã™ã€‚ JSX ãªã‚‹è¨€èªžãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ ã“ã®è¨€èªžãŒè¬³ã£ã¦ã„ã‚‹ã®ãŒã€ é«˜é€Ÿ å®‰å…¨ ç°¡å˜(ç”Ÿç”£æ€§ãŒé«˜ã„ã€ã¨ã‚‚) ã¨ã„ã† 3 ç‚¹ã§ã™ã€‚ é«˜é€Ÿã¨å®‰å…¨ã¯ã¾ãã„ã„ã§ã—ã‚‡ã†*1ã€‚ å•é¡Œã¯ã€ã¯ãŸã—ã¦ã“ã®è¨€èªžã¯ç°¡å˜ãªã®ã‹ï¼Ÿã¨ã„ã†ç‚¹ã§ã™ã€‚ ç°¡å˜ã‹ã©ã†ã‹ã¯äººã«ã‚ˆã‚‹ã®ã§ã‚¢ãƒ¬ãªã®ã§ã™ãŒã€ã¾ãä¸€éƒ¨ã®äººã«ã¨ã£ã¦ã¯ç°¡å˜ã¨ã¯è¨€ãˆãªã„ (ã¨ã„ã†ã‹æ›¸ãæ°—ãŒã—ãªã„) æ›¸ãæ–¹ã‚’å¼·åˆ¶ã•ã‚Œã‚‹ã®ã§ã™ã€‚ é–¢æ•°åž‹ æ•°å€¤ã‚’å—ã‘å–ã£ã¦æ–‡å—åˆ—ã‚’è¿”ã™é–¢æ•°ã‚’è¡¨ã™åž‹ã¯ã€JSX ã§ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«æ›¸ãã¾ã™ã€‚ function(:number):string ã“ã‚Œå˜ä½“ã§è¦‹ã‚‹ã¨åˆ†ã‹ã‚Šã‚„ã™ãã†ãªæ°—é…ã¯ã—ã¾ã™ã€‚ ã§ã¯ã€ã“ã‚Œèªã‚ã¾ã™ã‹ï¼Ÿ function f(g: function(:number):number):
InoHiro 2012/06/04
jsx

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
DeNAé–‹ç™ºã€é«˜é€ŸãªJavascriptã‚³ãƒ¼ãƒ‰ã‚’ç”Ÿæˆã§ãã‚‹æ–°è¨€èªžã€Œjsxã€ã¸ã®åå¿œã¾ã¨ã‚ - Togetter
Kazuho Oku @kazuho å…¬é–‹edï¼ã€€ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ JavaScript ã‚ˆã‚Šé€Ÿãå‹•ä½œã™ã‚‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã§ã™ã€‚ã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™ m(__)m / â€œJSX - a faster, safer, easier alternative to Javaâ€¦â€ http://t.co/UdsmdvI3 2012-05-31 07:52:09 Takuto Wada @t_wada DeNA ãŒé–‹ç™ºã—ãŸã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ã€é™çš„åž‹ä»˜ã‘ã€(ã»ã¨ã‚“ã©)åž‹å®‰å…¨ãªãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã€‚ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚‹ã¨ JavaScript ãŒç”Ÿæˆã•ã‚Œã‚‹ã€‚ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯ MIT. / â€œJSX - a faster, safer, easier â€¦â€ http://t.co/eONyUpS8 2012-05-31 08:15:41
InoHiro 2012/05/31
jsx

ã‚ã¨ã§èªã‚€

togetter
ãƒªãƒ³ã‚¯
JSX
JSX is a strictly-typed object-oriented programming language that is compiled to JavaScript. It aims to provide higher productivity than JavaScript through strong typing while generating code that runs faster than plain JavaScript. Some key points: - JSX code is compiled to optimized JavaScript using type information for performance gains - It has classes and functions like Java but compiles to Ja
InoHiro 2012/05/31
jsx

DeNA
ãƒªãƒ³ã‚¯
JSX - a faster, safer, easier JavaScript
JSX is a statically-typed, object-oriented programming language designed to run on modern web browsers. Being developed at DeNA as a research project, the language has following characteristics. faster JSX performs optimization while compiling the source code to JavaScript. The generated code runs faster than an equivalent code written directly in JavaScript. The gain may vary, but even the optimi
InoHiro 2012/05/31
DeNA

JavaScript

jsx
ãƒªãƒ³ã‚¯
JSXã‹ã‚‰jQueryã‚’ä½¿ã£ã¦DOMã®æƒ…å ±ã‚’å–å¾— - è¥¿å°¾æ³°å’Œã®ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼
jQueryãªã©ã®ã‚ˆã†ãªé™çš„åž‹ä»˜ã‘ã®ã“ã¨ã‚’ä½•ã‚‚è€ƒãˆã¦ã„ãªã„ã‚µãƒ¼ãƒ‰ãƒ‘ãƒ¼ãƒ†ã‚£è£½ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’JSXã‹ã‚‰ä½¿ãˆã‚‹ã‹ï¼Ÿ ä½¿ãˆãŸã®ã§å ±å‘Šã€‚ ã‚‚ã£ã¨ãƒãƒžã‚‹ã‹ã¨æ€ã£ãŸã‘ã©æ„å¤–ã¨ç´ ç›´ã«æ›¸ã‘ãŸã€‚mainã®æœ€åˆã®1è¡Œã¨æœ€å¾Œã®2è¡Œã§ã€ŒjQueryã§æœ€åˆã®pã‚¿ã‚°ã‚’å–å¾—ã—ã¦ãã®innerTextã‚’å–å¾—ã—ã€æ–‡å—åˆ—ã¨ã—ã¦ç·¨é›†ã—ã¦ã‹ã‚‰ã‚³ãƒ³ã‚½ãƒ¼ãƒ«å‡ºåŠ›ã€ã‚’ã‚„ã£ã¦ã„ã‚‹ã€‚é–“ã®5è¡Œã®logã¯ç”ãˆã«ãŸã©ã‚Šç€ãéŽç¨‹ã‚’æ®‹ã—ã¦ã‚ã‚‹ã€‚ import "js.jsx"; class _Main { static function main(args : string[]) : void { var jQuery = js.global["$"] as function(:string):variant; log jQuery; log jQuery("p"); log (jQuery("p") as __noconvert__ Map.<var
InoHiro 2012/05/31
jsx

jQuery
ãƒªãƒ³ã‚¯
1