JSX - Qiita Advent Calendar 2013 - Qiitaclass _Main { static function main(args : string[]) :void { log "Hello, JSX!"; } }
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
zlib.js ã® Inflate 実装を JSX-lang ã«ç§»æ¤ã—ã¾ã—㟠: document
5月1 zlib.js ã® Inflate 実装を JSX-lang ã«ç§»æ¤ã—ã¾ã—㟠ã¯ã˜ã‚ã« JSX 速ã„ã¨ã„ã†è©±ã‚’èžã„ãŸã®ã§ã€zlib.js を移æ¤ã—ãŸã‚‰ã©ã†ãªã‚‹ã®ã‹èˆˆå‘³ãŒã‚ã£ãŸã®ã§è©¦ã—ã¾ã—ãŸã€‚ https://github.com/imaya/zlib.jsx ãŠè©«ã³ JSXãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸç›´å¾Œã«å°‘ã—触ã£ã¦ã¿ãŸã®ã§ã™ãŒã€æœ€åˆæœŸã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã¯ç´ ã®JSã¨ã®é€£æºãŒå–ã‚Šã«ãã‹ã£ãŸã®ã§ã€è‡ªåˆ†ã®ç”¨é€”ã«ã¯å°‘ã—マッãƒã—ãªã„ãªã¨æ•¬é 気味ã§ã—ãŸã€‚ ãã®èªè˜ã¯æœ€è¿‘ã¾ã§ç¶šã„ã¦ã„ãŸã®ã§ã™ãŒã€ç¾åœ¨ã¯ export ãªã©ã‚‚出æ¥ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã®ã§ãƒ©ã‚¤ãƒ–ラリãªã‚“ã‹ã‚‚ç°¡å˜ã«ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã¾ã™ã€‚ （ãŠãらã実装ã•ã‚ŒãŸã®ã¯ 2013-04-30 ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸ v0.9.27 ？） 何度ã‹é£²ã¿ä¼šãªã©ã§ã€Œç´ ã®JSã¨ã®é€£æºãŒå–ã‚Šã«ãã„ã‹ã‚‰ãªãƒ¼ã€ã¨ã‹è¨€ã£ã¦ã—ã¾ã£ã¦èª¤è§£ã‚’与ãˆã¦ã—ã¾ã£ãŸã®ã‚’ã“ã“ã§ãŠè©«ã³ã—ã¾ã™ã€‚ (exp
DeNA Engineering - DeNAエンジニアã®ãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆ
技術を活ã‹ã—ã€æ–°ã—ã„ä¾¡å€¤ã‚’å‰µé€ ã™ã‚‹ DeNAã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¯ã€æƒ³åƒã‚’超ãˆã‚‹Delightを届ã‘ã‚‹ãŸã‚ã«ä½•ãŒã§ãã‚‹ã‹ã‚’考ãˆã€æŠ€è¡“力ã¨ç™ºæƒ³åŠ›ã§æ–°ã—ã„価値を生ã¿å‡ºã—ã¦ã„ã¾ã™ã€‚ 多様ãªå°‚門性をæŒã£ãŸã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒåˆ‡ç£‹ç¢ç£¨ã—ã€äº’ã„ã«åˆºæ¿€ã—åˆãˆã‚‹ç’°å¢ƒã‚„制度ãŒã•ã‚‰ãªã‚‹æˆé•·ã¸ã¨ã¤ãªã’ã¾ã™ã€‚
JavaScriptã®å°†æ¥ã¨ã€JSXã®é–¢ã‚ã‚Š
※ã“ã®è¨˜äº‹ã¯ã€JSX Advent Calendar 2013ã®ä¸€éƒ¨ã§ã™ã€‚ JSX Advent Calendarã¯æŠ€è¡“ç³»ã®ãƒã‚¿ãŒå¤šã„ã§ã™ãŒã€ã¡ã‚‡ã£ã¨æŠ€è¡“ã®è©±ã‹ã‚‰é›¢ã‚Œã¦ã€JSXãŒå°†æ¥çš„ã«ä½•ã‚’目指ãã†ã¨ã—ã¦ã„ã‚‹ã®ã‹ã«ã¤ã„ã¦èªžã£ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ ãªãŠã€ç§ã¯JSX自体ã®é–‹ç™ºã«ã¯ç©æ¥µçš„ã«é–¢ä¸Žã—ã¦ãŠã‚‰ãšã€ã“ã®è¨˜äº‹ã®å†…容ã«ã¤ã„ã¦JSX開発陣ã¨ã®åˆæ„ã‚’å–ã£ãŸã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“。ã“ã‚Œã¯ã‚ãã¾ã§ã‚‚個人ã®å‹æ‰‹ãªäºˆæƒ³ãƒ»æ€ã„è¾¼ã¿ã«ã‚ˆã‚‹è¨˜è¿°ã§ã‚ã‚‹ã¨ã„ã†ã“ã¨ã‚’念ã®ãŸã‚ã«å¼·èª¿ã—ã¦ãŠãã¾ã™ã€‚ ブラウザやJavaScriptã¯ã“ã“近年大変注目ã•ã‚Œã¦ãŠã‚Šã€ç•Œéšˆã§ã¯ãã‚Œã«ã¾ã¤ã‚る技術ãŒå¤šæ•°ç™»å ´ã—ã¦ã„ã¾ã™ã€‚asm.jsã€PNaClã€WebGLã€GWTãªã©ãªã©ã€ã‚‚ã¡ã‚ã‚“JSXã‚‚ãã®ä¸€ç’°ã¨ã—ã¦è€ƒæ…®ã•ã‚Œã¦ã„ã¾ã™ã€‚ã“ã‚Œã¨ã„ã†ã®ã‚‚ã€ãƒ–ラウザãŒå…¥ã£ã¦ã„ãªã„パソコンã¯ã»ã¼ãªã„ãらã„ブラウザãŒå½“ãŸã‚Šå‰ã«æµ¸é€ã—ãŸã“ã¨ã¨ã€ãƒ–ラウザã®ä¸ã§å‹•ã唯一
socket.io.jsxを作りã¾ã—ãŸã€‚ - from scratch
ã“ã®ã‚¨ãƒ³ãƒˆãƒªã¯ã€JSX Advent Calendar 2013ã®18日目ã§ã™ã€‚ socket.ioã®1.0ãŒå‡ºã‚‹ã¨è¨€ã‚ã‚Œã¦ã€å‡ºãªã„ã¾ã¾æ—©ä¸€å¹´åŠçµŒã¡ã¾ã—ãŸã€‚æ—©ã„ã§ã™ã。 ã¾ãã§ã‚‚socket.ioã¯Node.jsã®ãƒ ーブメントを起ã“ã—ãŸãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®ä¸€ã¤ã§ã‚ã‚‹ã“ã¨ã«ç–‘ã„ã¯ãªã〠socket.ioã‚’JSXã‹ã‚‰ä½¿ã„ãŸã„ã¨ã„ã†ãƒ‹ãƒ¼ã‚ºã‚‚ãã‚ãã‚弊社ã‹ã‚‰ä¸ŠãŒã‚‹é ƒã§ã¯ãªã„ã‹ã¨æ€ã„ã€socket.io.jsxを作りã¾ã—ãŸã€‚ socket.io.jsx https://npmjs.org/package/socket.io.jsx https://github.com/yosuke-furukawa/socket.io.jsx 使ã„æ–¹ 何ã¯ã¨ã‚‚ã‚ã‚Œ npmã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‹ã‚‰ã€‚ $ npm init $ npm install socket.io socket.io.jsx --saveã‚ã¨ã¯ã€ã“ã‚“ãªæ„Ÿã˜ã§
ã¨ã‚るプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžå‡¦ç†ç³»ã®ã‚»ãƒ«ãƒ•ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°åŒ–ã«æºã‚ã£ãŸ - wasabizã®æ—¥è¨˜
2013-12-15 ã¨ã‚るプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžå‡¦ç†ç³»ã®ã‚»ãƒ«ãƒ•ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°åŒ–ã«æºã‚ã£ãŸ (ã“ã®è¨˜äº‹ã¯JSX Advent Calendar 2013ã®ä¸€éƒ¨ã¨ã—ã¦æ›¸ã‹ã‚Œã¾ã—ãŸã€‚) 僕ãŒJSXã¨ã„ã†ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã®é–‹ç™ºã«æºã‚ã£ã¦ã“ã®å†¬ã§æ—©1å¹´åŠã«ãªã‚Šã¾ã™ã€‚コンパイラã¨ã—ã¦ã®jsxã«ã¯ã“ã®1å¹´åŠã§å¹¾å¤šã®å‡ºæ¥äº‹ãŒã‚ã‚Šã¾ã—ãŸãŒã€ãã®ä¸ã§ã‚‚一番巨大ãªã‚‚ã®ãŒã‚»ãƒ«ãƒ•ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã§ã—ょã†ã€‚ã¤ã¾ã‚ŠJSXã®ã‚³ãƒ³ãƒ‘イラをJSX自身ã§æ›¸ããªãŠã™ã¨ã„ã†ã“ã¨ã§ã™ã€‚ メインラインã®ã‚³ãƒ¼ãƒ‰ã‚’ã¾ã‚‹ã¾ã‚‹å…¥ã‚Œæ›¿ãˆã‚‹ã“ã®ã‚»ãƒ«ãƒ•ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã¯å¤§ããªè‹¦åŠ´ã‚’ä¼´ã„ã¾ã—ãŸã€‚実際ã€é€šå¸¸ã®ãƒãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã¨ã¯é•ã„コンパイラãã®ã‚‚ã®ã‚’入れ替ãˆã¦ã—ã¾ã†ã‚ã‘ã§ã™ã‹ã‚‰ã€ãƒã‚°ã®å‡ºæ–¹ãªã©ã‚‚ãªã‹ãªã‹å‘³ã‚ã„æ·±ã„ã‚‚ã®ã§ã™ã€‚ JSXセルフホスティングを行ã£ã¦ã‹ã‚‰æ—¢ã«1å¹´ãŒçµŒéŽã—よã†ã¨ã—ã¦ã„ã¾ã™ã€‚今ã¾ã§ã“ã®ä½œæ¥ã®è‹¦åŠ´ã«ã¤ã„ã¦å¤–ã§è©±ã—ãŸã“ã¨ã¯ç„¡ã‹ã£ãŸã®ã§ã™ãŒã€ã€Œãƒ—ãƒã‚°ãƒ©
JSXã§Canvasを使ã†æ–¹æ³•
※ã“ã®è¨˜äº‹ã¯ã€JSX Advent Calendar 2013ã®ä¸€éƒ¨ã§ã™ã€‚ JSXã¯åž‹ä»˜ã言語ãªã®ã§ã€JavaScriptã§ç°¡å˜ã«æ›¸ã‘る内容ãŒè¤‡é›‘ã«ãªã£ã¦ã—ã¾ã†ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚Canvas周りã§ã¯ç‰¹ã«ãã®å‚¾å‘ãŒå¼·ã„ã®ã§ã€ã“ã“ã§ã¯JSXã§Canvasを扱ã†æ›¸ã方を簡å˜ã«ã”紹介ã—ã¾ã™ã€‚ ã¾ãšCanvasã®ä½œæˆã§ã™ã€‚Canvasã®åž‹ã¯HTMLCanvasElementã¨ãªã‚Šã¾ã™ã€‚ var canvas = dom.document.createElement("canvas") as HTMLCanvasElement; JSXã«ã¯ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°ã¯å˜åœ¨ã—ã¾ã›ã‚“。JavaScriptã®ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°ï¼ˆæ£ç¢ºã«ã¯ã‚°ãƒãƒ¼ãƒãƒ«ã‚ªãƒ–ジェクトã®ãƒ—ãƒãƒ‘ティ）documentã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ãŸã‚ã«ã¯ã€JSXã§ã¯domã®ãƒ—ãƒãƒ‘ティã¨ã—ã¦ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã™ã€‚dom.window.documentã¨ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã‚‚åŒã˜ã§ã™ã€‚
JSX 速ã•ã®ç§˜å¯† - 高速ãªJavaScriptを書ã方法
JavaScript ã§é«˜é€Ÿãªã‚³ãƒ¼ãƒ‰ã‚’書ã“ã†ã¨ã™ã‚‹éš›ã«ã€ã¯ã¾ã‚ŠãŒã¡ãªç½ ã¨ã€JSX ã®ã‚³ãƒ³ãƒ‘イラã§ã©ã®ã‚ˆã†ã«å¯¾å‡¦ã—ã¦ã„ã‚‹ã®ã‹ã‚’紹介
JSXã®è¤‡æ•°è¡Œæ–‡å—列リテラル - Islands in the byte stream (legacy)
JSX v0.9.62 より複数行文å—列*1ãŒã‚µãƒãƒ¼ãƒˆã•ã‚Œã¾ã—ãŸã€‚構文ã¯Pythonライク㪠"""..."""ã§ã™ã€‚ã¾ãŸã€'''...''' ã‚‚åŒã˜ã§ã™ã€‚ class _Main { static function main(args : string[]) : void { log """ Hello, world! """; // => "\n Hello, world!\n " } } 複数行文å—列ã¯é–‹ç™ºå½“åˆã‹ã‚‰è°è«–ã¯ã•ã‚Œã¦ã„ãŸã‚‚ã®ã®ã€å¤šç”¨ã™ã‚‹ã¨ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ã‚’è‘—ã—ãè½ã¨ã™ã‚‚ã®ã¨ã—ã¦ä¿ç•™ã«ãªã£ã¦ã„ãŸã®ã§ã™ãŒã€ã‚ˆã†ã‚„ãè°è«–ãŒè½ã¡ç€ã„ãŸã¨ã„ã†ã¨ã“ã‚ã§ã™ã€‚Perlãªã©ã®heredoc構文ã§ã¯ãªãPythonライクãªtriple quotedã«ãªã£ãŸã®ã¯ã€heredoc構文ã¯ã‚¨ãƒ‡ã‚£ã‚¿ã«ã‚ˆã‚‹syntax highlightãŒé›£ã—ã„ã“ã¨ã¨æœ«å°¾ã®\nãŒå¼·åˆ¶ã•ã‚Œã‚‹ã“ã¨ã‹ã‚‰triple quoted
続・JSXã§ãƒ€ãƒƒã‚¯ã‚¿ã‚¤ãƒ”ング(型消去)ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã£ãŸè©± - wasabizã®æ—¥è¨˜
2013-08-29 続・JSXã§ãƒ€ãƒƒã‚¯ã‚¿ã‚¤ãƒ”ング(型消去)ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã£ãŸè©± 先日JSXã§ãƒ€ãƒƒã‚¯ã‚¿ã‚¤ãƒ”ング(型消去)ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã£ãŸè©±ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªã‚’書ã„ãŸã®ã ã‘ã‚Œã©ãã‚Œã«ã¤ã„ã¦Twitterã§è³ªå•ã‚’å—ã‘ãŸã®ã§ã“ã“ã§æ”¹ã‚ã¦è©³ç´°ã«è§£èª¬ã™ã‚‹ã“ã¨ã«ã™ã‚‹ã€‚ ダックタイピングã¨ã¯ä½•ã‹ "If it walks like a duck and quacks like a duck, it must be a duck" （もã—ã‚‚ãã‚ŒãŒã‚¢ãƒ’ルã®ã‚ˆã†ã«æ©ãã€ã‚¢ãƒ’ルã®ã‚ˆã†ã«é³´ãã®ãªã‚‰ã€ãã‚Œã¯ã‚¢ãƒ’ルã§ã‚る） ãã‚‚ãã‚‚ã€ãƒ€ãƒƒã‚¯ã‚¿ã‚¤ãƒ”ングã¨ã¯ã€ä½•ã‹ã€‚Wikipediaã«ã‚ˆã‚Œã° オブジェクトãŒã‚るインタフェースã®ã™ã¹ã¦ã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚’æŒã£ã¦ã„ã‚‹ãªã‚‰ã°ã€ãŸã¨ãˆãã®ã‚¯ãƒ©ã‚¹ãŒãã®ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’宣言的ã«å®Ÿè£…ã—ã¦ã„ãªãã¨ã‚‚ã€ã‚ªãƒ–ジェクトã¯ãã®ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’実行時ã«å®Ÿè£…ã—ã¦ã„ã‚‹ã¨ã¿ãªã›ã‚‹ã€ã¨ã„ã†ã“ã¨ã§ã‚る。 らã—ã„。
JSX - 公開ã‹ã‚‰ï¼‘å¹´ã‚’è¿Žãˆã¦
Persuasion Engineering - Training handout المادة التدريبية لدورة هندسة الإقناع
JSX ã®ä½¿ã„æ–¹ 自分メモ - latest log
(ε・◇・)з o O ( JSXã¯æ—¥æœ¬èªžãƒ‰ã‚ュメントãŒã»ã¼ãªã„ã®ã§ã€œ (ε・◇・)з o O ( 書ã溜ã‚ã¨ã„ãŸå¥´ã‚’公開ã™ã‚‹ã‚ˆãƒ¼ (ε・◇・)з o O ( ã§ã‚‚ã€è‰²ã€…ã¨ç«¯æŠ˜ã£ã¦ã‚‹ã®ã§ (ε・◇・)з o O ( ä¸è¶³ã—ã¦ã‚‹éƒ¨åˆ†ã¯ã€ã‚らã³ã日記 ã‚„ wiki ã‚„ JSXå…¬å¼ãƒ‰ã‚ュメント ã‚’åˆã‚ã›ã¦ã”覧ãã ã•ã„〜 (ε・◇・)з o O ( 最新㮠JSX ãƒã‚¿ã‚‚åˆã‚ã›ã¦ã”紹介 http://d.hatena.ne.jp/gfx/20130726/1374890217
JSXã®æœ€è¿‘ã®æ–°æ©Ÿèƒ½ - Islands in the byte stream (legacy)
テンプレート関数ãŒãƒ¦ãƒ¼ã‚¶ãƒ¼å®šç¾©ã§ãるよã†ã« (0.9.58) array/mapリテラルã®ã‚±ãƒ„カンマを許å¯(0.9.58) string + number ãŒè¨±å¯ã€‚ãŸã ã—ãã®ä»–ã®ã‚ªãƒ–ジェクトã¯ä¾ç„¶ã¨ã—ã¦æ˜Žç¤ºçš„ãªå¤‰æ›ãŒå¿…è¦ (0.9.58) optimizerãŒå¤§å¹…ã«å¼·åŒ–(0.9.54~58) String.fromCharCode(1, 2, 3) ã‚„ "a".charCodeAt(0) ãªã©ã‚‚コンパイル時ã«å®šæ•°ã«ãªã‚‹ inline化ã§è¤‡é›‘ãªå¼ã§ã‚‚展開ã§ãるケースãŒå¢—ãˆãŸ `jsx --test a.jsx` ã§_TestãŒãªãã¦ã‚‚エラーã«ã—ãªã„(0.9.53) å˜ãªã‚‹syntax checkã¨ã—ã¦ã‚‚使ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸ 型推論ã§ãる箇所ãŒã„ã‚ã„ã‚増ãˆãŸ(0.9.49, 0.9.58) `jsx --enable-source-map --run a.jsx` ã§ä¾‹å¤–時ã«JSXソースã®ãƒ•ã‚¡ã‚¤
「JavaScriptã®ã‚¤ãƒ‡ã‚£ã‚ªãƒ 集@nmi.jpã€ã‚’JSXã§ã‚„ã‚‹ã¨ã©ã†ãªã‚‹ã®ã€ã£ã¨ - Islands in the byte stream (legacy)
JavaScript イディオム集 ã‚’ JSX ã§ã‚„ã£ã¦ã¿ã¾ã—ãŸã€‚jsx --testã§å®Ÿè¡Œã§ãã¾ã™ã€‚ ç·ã˜ã¦è¦‹ã‚‹ã¨ã€å€¤ã®å¤‰æ›ã¯ã€Œx as string|number|intã€ã§ã§ãる分å˜ç´”ã«ãªã£ã¦ã„ã‚‹ã»ã‹ã€å…¨ä½“çš„ã«å˜ç´”ã«ãªã£ã¦ã„ã¦è¦šãˆã‚‹ã¹ãイディオムã¯å°‘ãªããªã£ã¦ã„ã¾ã™ã€‚ã¾ãŸã€~array.indexOf(item)ã®ã‚ˆã†ãªé«˜é€ŸåŒ–ã®ãŸã‚ã®ã‚¤ãƒ‡ã‚£ã‚ªãƒ ã¯ä¸è¦ã§ã™*1。 ã“ã®ã‚ãŸã‚Šã€ä»–ã® AltJS ã§ã©ã†ãªã®ã‹ã‚‚知りãŸã„ã§ã™ã。 import "test-case.jsx"; import "js.jsx"; class _Test extends TestCase { // 数値化 function testNumify() : void { var v = "123"; this.expect(v as number + 100).toBe(223); // Math.parseFloa
grunt-jsxを作りã¾ã—ãŸã€‚ - from scratch
※※ 2013-06-30 追記：add-search-pathã®ã‚ªãƒ—ションã‚ーã¯add_search_pathã«å¤‰æ›´ã—ã¾ã—ãŸã€‚ 最近 JSXを仕事ã§ä½¿ã†ã“ã¨ãŒã‚ã£ã¦ã€ã‚‚ã£ã¨jsxを便利ã«ä½¿ã„ãŸã„ã¨æ€ã£ã¦grunt-jsxを作りã¾ã—ãŸã€‚ ã§ãã‚‹ã“㨠gruntã‹ã‚‰jsxをコンパイルã—ã¦jsを生æˆã™ã‚‹ã€ã¨ã„ã†ã ã‘ã®ã‚·ãƒãƒ¢ãƒŽã§ã™ãŒã€gruntã®ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã«ä¹—ã‚‹ã“ã¨ã§jsxファイルã®å¤‰æ›´ã‚’watchã—ã¦å¤‰æ›´ãŒã‚る度ã«jsファイルを生æˆã™ã‚‹ç‰ã€éžå¸¸ã«ä¾¿åˆ©ã«ãªã‚Šã¾ã™ã€‚ 事å‰æº–å‚™ JSXコマンドを使ã†ã®ã§äº‹å‰ã«jsxã‚’installã—ã¦ä¸‹ã•ã„。 $ npm install jsx -ggruntも利用ã™ã‚‹ã®ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã—ょã†ã€‚ $ npm install grunt-cli -gé©å½“ãªãƒ•ã‚©ãƒ«ãƒ€ã‚’作æˆã—ã€gruntを使用ã™ã‚‹æº–備をã—ã¾ã™ã€‚ $ mkdir test-jsx $ cd test-j
JSX ã¯ãªãœã€Œé€Ÿã„ã€ã®ã‹ - kazuhoã®ãƒ¡ãƒ¢ç½®ãå ´
ãªãœã€Œé€Ÿã„ã€ã®ã‹ã€ã«ã¤ã„㦠JSX 開発者ã®ç«‹å ´ã‹ã‚‰ã€‚ ãŸã¨ãˆã°ã€ã‚·ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã‚²ãƒ¼ãƒ ã§ä¸€ç•ªé‡ãŸã„処ç†ã¯ä½•ã‹ã€‚言ã†ã¾ã§ã‚‚ãªãè¡çªåˆ¤å®šã€‚多数ã®å¼¾ã‚„敵機ã®è¡çªåˆ¤å®šã‚’毎フレームã”ã¨ã«è¡Œã†å¿…è¦ãŒã‚ã‚Šã€ã“ã®æ¼”ç®—ãŒé‡ãŸã„。 JSX ã«åŒæ¢±ã•ã‚Œã¦ã„ã‚‹ web/example/shooting.jsx ã«ã¯è¡çªåˆ¤å®šã®ã‚³ãƒ¼ãƒ‰ãŒè¤‡æ•°ã‚ã‚‹ãŒã€ä¸€ç•ªé‡ãŸã„ã®ã¯ Bullet#update 関数ã§ã€ãã®å‡¦ç†ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹*1。 for (var rockKey in st.rocks) { var rock = st.rocks[rockKey]; if (this.detectCollision(rock)) { if (rock.hp == 0) return false; inDisplay = false; if (--rock.hp == 0) { st.score = Math.min(st.s
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Kazuho Oku on Twitter: "JSXã®ãƒ‰ã‚ュメント書ãã®ã•ã¼ã£ã¦ã‚‹åƒ•ãŒãã‚“ãªã“ã¨è¨€ã†ã‚ã‘ãªã„ã˜ã‚ƒã‚“w RT @mattn_jp: プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã®ãƒ‰ã‚ュメントèªã¾ãšã«ã€Œãƒ¤ãƒã„ã€è¨€ã£ã¦ã‚‹äººãŒãƒ¤ãƒã„ã£ã¦ kazuho ã•ã‚“ãŒè¨€ã£ã¦ãŸã€‚"
JSX + npm - Qiita
JSXコミュニティã«å¿…è¦ã ã¨æ€ã‚れるもã®
{{#tags}}- {{label}}
{{/tags}}