天下一altjsæ¦é—˜ä¼šã« jsx æž ã§å‡ºå ´ã—ã¦ããŸã€‚(ã‚ã‹ã‚本ã®æ›¸è©•ä»˜ã) - from scratch
TypeScriptリファレンス Ver.1.0対応 作者: ã‚ã‹ã‚ã¾ã•ã²ã‚,äº•ä¸Šç« ,丸山弘詩出版社/メーカー: インプレスジャパン発売日: 2014/05/16メディア: å˜è¡Œæœ¬ï¼ˆã‚½ãƒ•ãƒˆã‚«ãƒãƒ¼ï¼‰ã“ã®å•†å“ã‚’å«ã‚€ãƒ–ãƒã‚° (2件) を見る 仕事ã§ã¯JSXã§ãƒ©ã‚¤ãƒ–ラリã¨ã‹ä½œã‚‹ãŠã˜ã•ã‚“ã‚’ã‚„ã£ã¦ã„ã‚‹ã‚“ã§ã™ãŒã€ãã®æ™‚ã®è‡ªåˆ†ã®ä¿¡æ¡ã¨ã—ã¦ã€å¿…ãšJavaScriptã‹ã‚‰å‘¼ã¹ã‚‹ã‚ˆã†ã«ã‚‚ã™ã‚‹ã£ã¦ã„ã†äº‹ã‚’守ã£ã¦ã‚„ã£ã¦ããŸçµæžœã€jsx-linkerã¨ã‹ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã®æ›¸ã方をã‚る程度心ãŒã‘ã‚‹ã¨ã„ã„æ„Ÿã˜ã«JavaScriptã¨JSXã®åž£æ ¹ã‚’å–ã£æ‰•ãˆã‚‹ãªã¨æ€ã£ã¦ã„ãŸã®ã§ã€ãã®ãƒŽã‚¦ãƒã‚¦ç´¹ä»‹ã§ã—ãŸã€‚ JSXã®ç‰¹å¾´ã¨ã‹ wasabizã¨ã‹ gfxãŒè©±ã—ã¦ãれるã ã‚ã†ã—ã€ä¸è¦ã‹ãªã¨æ€ã£ã¦ãŸã‚“ã§ã™ãŒã€æ€¥é½ä¸€äººã§ç™ºè¡¨ã«ãªã£ã¦ã—ã¾ã£ãŸã®ã§ã€ jsx 特徴ã§ã‚°ã‚°ã£ã¦ã‚‹â€” Yosuke FURUKAWA (@yosuke_furukaw
Kazuho's Weblog: 良ã„ソフトウェアã«æ±‚ã‚られる３点セットã¨JSXã®é–‹ç™ºæ‰‹æ³•ã®æ”¹å–„ã¨git-pushdirã«ã¤ã„ã¦
テスト駆動開発（TDD）ã®ä¸€èˆ¬åŒ–ã¨GitHubã®ç™»å ´ã«ã‚ˆã£ã¦ã€æ©Ÿèƒ½è¿½åŠ ã®éš›ã«ã‚³ãƒ¼ãƒ‰ã¨ãƒ†ã‚¹ãƒˆã‚’åŒæ™‚ã«å®Ÿè£…ã™ã‚‹ï¼ˆãã—ã¦ã€ä¸¡è€…を一括ã—ã¦masterã«mergeã™ã‚‹ï¼‰ã¨ã„ã†é–‹ç™ºæ‰‹æ³•ãŒä¸€èˆ¬åŒ–ã—ã¦ãã¾ã—ãŸã€‚ ã—ã‹ã—ã€ã€Œè‰¯ã„プãƒã‚°ãƒ©ãƒ ã€ã®è¦ç´ を構æˆã™ã‚‹ã®ã¯ã€ã‚³ãƒ¼ãƒ‰ã¨ãƒ†ã‚¹ãƒˆã®ã¿ã§ã¯ã‚ã‚Šã¾ã›ã‚“。動作ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã¨ã€ãã®å“質を担ä¿ã™ã‚‹ãŸã‚ã®ãƒ†ã‚¹ãƒˆãŒã‚ã£ãŸã¨ã—ã¦ã‚‚ã€é©åˆ‡ãªãƒ‰ã‚ュメントãŒãªã‘ã‚Œã°ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ãã®ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’ã©ã†ã‚„ã£ã¦ä½¿ã£ãŸã‚‰è‰¯ã„ã‹ã‚ã‹ã‚Šã¾ã›ã‚“。 ã¤ã¾ã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ä½¿ã„ã‚„ã™ã„プãƒã‚°ãƒ©ãƒ を継続的ã«é–‹ç™ºï¼æä¾›ã—よã†ã¨æ€ã†ã¨ã€ コード テスト ドã‚ュメント ã®ï¼“点セットをæä¾›ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã®ã§ã™æ³¨1。 今日ã®JSXãŒæŠ±ãˆã¦ã„る最大ã®èª²é¡Œã¯ã€ãƒ‰ã‚ュメントãŒä¸è¶³ã—ã¦ã„ã‚‹ã¨ã„ã†ç‚¹ã«ã‚ã‚Šã¾ã™ã€‚ãã®åŽŸå› ã¯ã€ã€Œæ©Ÿèƒ½è¿½åŠ ã€ã®éš›ã«ã‚³ãƒ¼ãƒ‰ã¨ãƒ†ã‚¹ãƒˆã®ã¿ã‚’実装ã—ã¦masterã«mergeã™ã‚‹ã“ã¨ã‚’ç¹°ã‚Šè¿”ã™ä¸€æ–¹ã§ã€ãƒ‰ã‚ュメントã¯
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
Yet Another JSONãªJSON5ã®ç´¹ä»‹ã¨ãã‚Œã®jsxãƒã‚¤ãƒ³ãƒ‰ã‚’作ã£ãŸã“㨠- from scratch
ã•ã¦ã€JSON5ã«ã¤ã„ã¦ã®ç´¹ä»‹ã§ã™ã€ã¿ã‚“ãªjsonを使ã£ã¦è‰²ã‚“ãªãƒªã‚½ãƒ¼ã‚¹ã‚’表ç¾ã™ã‚‹ã¨æ€ã„ã¾ã™ãŒã€jsonã£ã¦è‰²ã€…ã¨ä¸ä¾¿ã§ã™ã‚ˆã。 よã挙ã’られるjsonã®ä¸æº€ï¼š ケツカンマãŒä½¿ãˆãªã„ コメントãŒå…¥ã‚Œã‚‰ã‚Œãªã„ keyã«å¿…ãšquoteãŒå¿…è¦ ãªã©ãªã©ã€‚ ã“ã®æ‰‹ã®è©±ã¯ã‚ˆãã‚ã‚‹ã‚“ã§ã™ãŒã€ã“ã‚Œã¯ä»•æ§˜ã§æ±ºã¾ã£ã¦ã—ã¾ã£ã¦ã„ã‚‹ã“ã¨ãªã®ã§ã©ã†ã—よã†ã‚‚ãªã„ã§ã™ã€‚ ã“ã®æ‰‹ã®è©±ãŒå‡ºã‚‹åº¦ã«è‰²ã‚“ãªè§£æ±ºç–ãŒã‚ã‚Šã¾ã™ã€‚jsonã˜ã‚ƒãªãã¦yaml使ãŠã†ã¨ã‹ã€csonã„ã„よã€ã¨ã‹ã€jsonã§parseã§ããªã‹ã£ãŸã‚‰evalã—ã¦javascriptオブジェクトã«ã—ã¡ã‚ƒãŠã†ã¨ã‹ã€‚ ã‚“ã§ã€ã‚‚ã†ä¸€ã¤ã®è§£æ±ºç–ã¨ã—ã¦ã€JSON5ã£ã¦ã„ã†Yet AnotherãªJSONå½¢å¼ãŒã‚ã‚‹ã‚ã‘ã§ã™ã€‚ ã“れ使ã†ã¨æ™®é€šã®JSONã¯JSONã¨ã—ã¦ã‚‚èªã¿è¾¼ã‚ã‚‹ã—ã€ä¸Šã«ã‚ã‚‹ã€ã‚³ãƒ¡ãƒ³ãƒˆã‚„ケツカンマã€ãƒ€ãƒ–ルクオートã®å•é¡Œã‚‚解決ã•ã‚Œã¾ã™ã€‚ã©ã†ã—ã¦ã‚‚コメント入れãŸã„
atomã®packageã®ä½œã‚Šæ–¹ - from scratch
先日ã€atomã¨ã„ã†github製ã®IDEãŒå…¬é–‹ã•ã‚Œã¦è©±é¡Œã«ãªã£ã¦ã¾ã™ã€‚ ã“ã‚Œã€åºƒã‚る戦略ãŒã†ã¾ãã¦ã€æ˜”ã®gmailã¨åŒã˜ãã€inviteã‚’å—ã‘ãŸäººãŒ3人ã ã‘invite ticketã‚’æŒã£ã¦ã¦ã€ãã®äººã‹ã‚‰ã¾ãŸ3人inviteã§ãã‚‹ã£ã¦ä»•çµ„ã¿ã«ãªã£ã¦ã¾ã™ã€‚ã“ã†ã™ã‚‹ã“ã¨ã§SNSã§ã®invite ticketè¦æ±‚ãŒç››ã‚“ã«ãªã‚Šã€æµè¡Œã£ã¦ã‚‹ã‚ˆã†ã«è¦‹ãˆã‚‹ã¨ã„ã†ã®ãŒä¸Šæ‰‹ã„。 ã¡ãªã¿ã«DLã•ã‚Œã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã ã‘他人ã«é€ã£ã¦ã‚‚内部的ã«ãƒã‚§ãƒƒã‚¯ã—ã¦ã¦package managerã¨ã‹ãŒä½¿ãˆãªã„仕組ã¿ã«ãªã£ã¦ã‚‹ã®ã§ã€inviteã‚’æŒã£ã¦ãªã„人ã¯ãŠã¨ãªã—ã誰ã‹ã‹ã‚‰å›žã£ã¦ãã‚‹ã®ã‚’å¾…ã¡ã¾ã—ょã†ã€‚ 本題 atom自身ã¯Sublime Textã£ã½ã„外観ã§ã€apmã£ã¦ã„ã†ãƒ‘ッケージマãƒãƒ¼ã‚¸ãƒ£ãŒä»˜å±žã•ã‚Œã¦ã¾ã™ã€‚ ã‚“ã§ã€æ—©é€Ÿapmã«è‡ªä½œã®packageを作ã£ã¦å…¬é–‹ã—ã¦ã¿ã¾ã—ãŸã€‚ 実行ã—ã¦ã„る所： yosuke-furukawa
Why asm.js sometimes runs faster than hand-written JavaScript (and the changes in JSX 0.9.77)
Why asm.js sometimes runs faster than hand-written JavaScript (and the changes in JSX 0.9.77) I have released an update (version 0.9.77) of JSX - a statically-typed altJS programming language with an optimizing compiler to JavaScript, with the following changes: the definition of int has been changed to strict 32-bit signed integer introduce Promise class in conformance to the ECMAScript 6 draft T
npm (node package manager)ã®è±å½¢ä¾å˜å•é¡Œã¨dedupeã¨ç¤¾å†…モジュールã¨JSX - kazuhoã®ãƒ¡ãƒ¢ç½®ãå ´
npmã§è‰²ã€…コードを書ã„ã¦ã„ã‚‹ã¨ã€ä»¥ä¸‹ã®ã‚ˆã†ãªä¾å˜é–¢ä¿‚ãŒã§ãã¦ã—ã¾ã†ã“ã¨ãŒã‚ã‚‹*1。 a +-- b <-- depends on [email protected] | `-- [email protected] `-- d <-- depends on c@~1.0.9 `-- [email protected]ã“ã®ã‚ˆã†ã«ã€ŒbãŒä¾å˜ã™ã‚‹cã€ã¨ã€ŒdãŒä¾å˜ã™ã‚‹cã€ãŒç•°ãªã‚‹ã‚‚ã®ã«ãªã£ã¦ã—ã¾ã†ã¨ã€ï¼ˆï¼’回cãŒãƒãƒ¼ãƒ‰ã•ã‚Œã‚‹åˆ†ï¼‰ãƒ—ãƒã‚°ãƒ©ãƒ ãŒç„¡é§„ã«å¤§ããªã‚‚ã®ã«ãªã£ã¦ã—ã¾ã£ãŸã‚Šã€ï¼ˆbã¨dãŒãŠäº’ã„ã§ç”Ÿæˆã—ãŸcを使ã†å ´åˆã«ï¼‰ç‰‡æ–¹ã§ç”Ÿæˆã•ã‚ŒãŸcã®ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã‚’ã‚‚ã†ç‰‡æ–¹ã§ã€Œinstanceof cã€ã—ã¦ã‚‚falseãŒè¿”ã£ã¦ãã¦ã—ã¾ã†ã€ãªã©ã®å•é¡ŒãŒç™ºç”Ÿã™ã‚‹ã€‚ ã“ã®å•é¡Œã‚’解決ã™ã‚‹ãŸã‚ã«ã€npmã¯semantic versioningã¨ã„ã†æž 組ã¿ã¨npm dedupeã¨ã„ã†ã‚³ãƒžãƒ³ãƒ‰ã‚’æä¾›ã—ã¦ã„ã¦ã€ä¸¡è€…を使ã†ã“ã¨ã§ã€ä¾å˜æ§‹é€ を以下ã®ã‚ˆã†ãªå½¢ã«å¤‰æ›ã—ã¦å•é¡Œã‚’回é¿ã™ã‚‹ã“ã¨ãŒã§ãã‚‹
JSX - experimental support for NPM
Based on @shibukawa-sans work, I have added experimental support for NPM-based packages in JSX 0.9.75. It is now possible to publish libraries for JSX using NPM (or use such packages from JSX). A tiny example would be the following: package.json: { "dependencies": { "nodejs.jsx": "~ 0.1.1" } } hello-npm.jsx: import "nodejs.jsx/*.jsx"; class _Main { static function main(args : string[]) : void { fs
2013å¹´ã®ã¾ã¨ã‚ - from scratch
çµæ§‹ã„ã‚ã‚“ãªã“ã¨ã‚’ã‚„ã£ã¦ããŸãªãã¨æ€ã†ã€‚ åºç›¤ã¯ä»•äº‹ãŒå¿™ã—ã‹ã£ãŸã‚Šã§ä»•äº‹é–¢é€£ã§è‰²ã€…ã‚„ã£ã¦ãŸã€‚ 仕事ã§ã‚„ã£ãŸã“ã¨ã«é–¢ã—ã¦ã¯ã“ã®å‰ã¾ã¨ã‚ãŸã®ã§ã€çœãã¾ã™ã€‚ DeNAã«è»¢è·ã—ã¦1年経ã£ãŸ - from scratch 主ã«ç™ºè¡¨ã€OSS活動ã€ãƒ–ãƒã‚°ç³»ã§ä½•ã‚’ã‚„ã£ãŸã‹ã‚’書ãã¾ã™ã€‚ 発表系 ã‚„ã£ã±ã‚ŠNodeå¦åœ’ç¥ã§ç™ºè¡¨ã—ãŸã®ãŒå¬‰ã—ã‹ã£ãŸã—ã€åˆã‚ã¦ã®ã‚¹ã‚¿ãƒƒãƒ•æ´»å‹•ã§æ¥½ã—ã‹ã£ãŸã€‚ Nodeå¦åœ’/Nodeå¦åœ’ç¥ã§è©±ã—ãŸç™ºè¡¨ãƒã‚¿ Yeoman, Bower, Grunt æ±äº¬Nodeå¦åœ’ç¥ 2013ã«ã‚¹ã‚¿ãƒƒãƒ•å…¼ã‚¹ãƒ”ーカーã¨ã—ã¦å‚åŠ ã—ã¾ã—ãŸã€‚ - from scratch tmlibã¨Yeomanã§ã‚²ãƒ¼ãƒ é‡ç”£ã™ã‚‹è©± æ±äº¬Nodeå¦åœ’ 9時é™ç›®ã§ç™ºè¡¨ã—ã¦ãã¾ã—ãŸã€‚ - from scratch ã“ã®æ‰‹ã®Yeomanã¨ã‹Bowerã§è©±ã™ã“ã¨ãŒå¤šããªã£ãŸãŠã‹ã’ã‹ã€Yeomanãƒãƒ³ã‚ºã‚ªãƒ³ã§è¬›æ¼”ã‚’é ¼ã¾ã‚ŒãŸã‚Šã—ã¦ã€å¬‰ã—ã‹ã£ãŸã€‚
#JSX ã«å…¥é–€ã—よã†ã¨ã—ã¦ã‚¹ãƒˆãƒ¬ã‚¹ãŒãƒžãƒƒãƒã ã£ãŸè©± - 空繰å†ç¹°
概è¦: æ£é¢ã‹ã‚‰æ£ã€…å ‚ã€…ä¸æ„ã†ã£ã¦æ£ç›´ã«ç”³ã—上ã’ã¾ã™ 今日ã€ãªã‚“ã¨ãªãJSX使ã£ã¦ã€å‰ã€…ã‹ã‚‰è€ƒãˆã¦ã„ãŸWebアプリã§ã‚‚ã‹ã‘ãŸã‚‰ãªãã¨æ€ã£ã¦JSXを始ã‚よã†ã¨ã—ãŸã‚“ã§ã™ãŒã€ãã®éš›ã«ã‚ã¾ã‚Šã«ã‚‚JSXã¸ã®ç†è§£ãŒé€²ã¾ãªãã¦ã‚¹ãƒˆãƒ¬ã‚¹ãŒãƒžãƒƒãƒã ã£ãŸã®ã§ã€ä»Šæ—¥ã¯ãã®è¾ºã‚Šã®æ£ç›´ãªæ„Ÿæƒ³ã‚’書ãã¾ã™ã€‚ ç†ç”±ãã®ä¸€: ドã‚ュメントã®ã©ã“ã‚’ã¿ãŸã‚‰è‰¯ã„ã®ã‹ã‚ã‹ã‚‰ãªã„ ã£ã¦ã„ã†ã‹ã€ ã“ã†ã„ã†ã‚±ãƒ¼ã‚¹ã«ã¯ã“ã†æ›¸ã„ãŸã‚‰è‰¯ã„ã§ã™ã‚ˆ çš„ãªãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆãŒè¦‹ã¤ã‘られãªãã¦ã€ã©ã†ã‚„ã£ã¦ã‚³ãƒ¼ãƒ‰æ›¸ã‘ã°è‰¯ã„ã‚“ã§ã™ã‹â€¦â€¦ã€ãµãˆã‡ã£ã¦ãªã‚Šã¾ã—ãŸã€‚ ãªã®ã§ã€ãŠæ£æœˆã®ãŠå¹´çŽ‰ã«ã¯ã€ãƒšãƒ©ä¸€æžšã§è‰¯ã„ã®ã§ã€ã“ã†ã„ã†ã‚±ãƒ¼ã‚¹ã«ã¯ã“ã†æ›¸ãよ的ãªã‚‚ã®ã‚’ 網羅ã—㟠ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆãŒæ¬²ã—ã„ã§ã™ã€‚ã¯ã„。 ç†ç”±ãã®äºŒ: æ—¢å˜ã®node.jsエコシステムをã©ã†åˆ©ç”¨ã—ã¦ã„ã„ã®ã‹åˆ†ã‹ã‚‰ãªã„ ã¨ã„ã†ã‚ˆã‚Šã€JSXã£ã¦æ—¢å˜ã®Node.jsエコシステムã¨ç›¸æ€§ãŒæ‚ªã„よã†ãªæ°—ãŒã™ã‚‹ã®ã£ã¦æ°—ã®
JSX誕生秘話
※ã“ã®è¨˜äº‹ã¯ã€JSX Advent Calendar 2013ã®ä¸€éƒ¨ã§ã™ã€‚ 今日ã¯12月24æ—¥ã€ã‚¯ãƒªã‚¹ãƒžã‚¹ãƒ»ã‚¤ãƒ´ã§ã™ã€‚ãã‚Œã«ã¡ãªã‚“ã§ã€JSXãŒã„ã‹ã«ã—ã¦ç”Ÿã¾ã‚ŒãŸã®ã‹ã€ã¨ã„ã†ãŠè©±ã‚’ã—ã¾ã—ょã†ã€‚ 元々ã¯ã€2012å¹´2月17æ—¥ã«ã•ã‹ã®ã¼ã‚Šã¾ã™ã€‚ç§ã¯ç¿”泳社開催ã®ã€ŒDevelopers Summit 2012ã€ã®è¬›æ¼”ãŒçµ‚了ã—ã€ç™»å£‡è€…ã®çš†æ§˜ã¨æŽ§ãˆå®¤ã§æ“談ã—ãªãŒã‚‰10周年コラボパーティã®é–‹å ´ã‚’å¾…ã£ã¦ãŠã‚Šã¾ã—ãŸã€‚ãã“ã§Jenkinsã®ç”Ÿã¿ã®è¦ªã§ã‚ã‚‹å·å£è€•ä»‹ã•ã‚“ã¨ãŠè©±ã‚’ã™ã‚‹æ©Ÿä¼šãŒã‚ã‚Šã¾ã—ã¦ã€ã‚‚ã†ä»˜ãåˆã„ãŒ20å¹´è¿‘ãã«ãªã‚‹ã‚“ã§ã™ã‹ãã€ã¾ã‚会ã†ãŸã³ã«ãŠäº’ã„ã«æ¯ã«è¡£ã‚’ç€ã›ãªã„ã§ç›¸æ‰‹ã‚’容赦ãªãディスるんã§ã™ã€‚ ã§ã€ãã®ã¨ãç§ã¯å·å£ã•ã‚“ã«ã€ŒãŠå‰ã¾ã JavaScriptãªã‚“ã¦æ›¸ã„ã¦ã‚“ã®ï¼Ÿåž‹ãŒãªã„言語を使ã†ã¨ã‹æ£æ°—ã‹ï¼Ÿï¼ˆæ„訳）ã€ã¨ã„ã†ãƒ„ッコミをå—ã‘ã¾ã—ã¦ã€ã‚‚ã†å®Œæ•—ã ã£ãŸã‚ã‘ã§ã™â€¦ã€‚ ã¨ã„ã†ã‚ã‘ã§ãã®å ´ï¼ˆæŽ§ãˆå®¤ï¼‰ã§å·å£ã•ã‚“
Noderã‹ã‚‰è¦‹ãŸJSXã«ã¤ã„㦠- from scratch
JSXアドカレã®æœ€å¾Œã®ã‚¨ãƒ³ãƒˆãƒªã§ã™ã€‚ ãªã‚“ã¨ãªãXXã‹ã‚‰è¦‹ãŸYYã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ãŒæµè¡Œã‚Šãã†ãªæ°—ãŒã—ã¦ãã¦ã„ã‚‹ã®ã§ã¾ã¨ã‚ã¾ã™ã€‚ Noderã‹ã‚‰è¦‹ãŸJSXã«ã¤ã„㦠今ã®ä¼šç¤¾ã«å…¥ã£ã¦9月ä½ã«ãªã£ãŸã‚‰ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã®Node.jsã‚’JSXã§æ›¸ã„ã¦ã¾ã—ãŸã€‚具体的ã«ã¯JSXã§ã‚²ãƒ¼ãƒ を書ã„ãŸã‚Šã€é‹ç”¨ã®ãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリを書ã„ã¦ã¾ã™ã€‚ 以下ã®è¨˜äº‹ã«è§¦ç™ºã•ã‚Œã¦æ›¸ãã¾ã™ã€‚ 「Haxerã‹ã‚‰è¦‹ãŸJSXã€ã¨ã„ã†æ„Ÿæƒ³æ–‡ã‚’書ã„ã¦ã¿ãŸã€‚ JSXã™ã’ーã¨æ€ã†æ‰€ profiler 僕ãŒå€‹äººçš„ã«ä¸€ç•ªå¥½ããªã®ã¯JSXã®ãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒ©ã§ã™ã。ã©ã“ã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚’何回コールã—ã¦ã€ã©ã®ãƒ¡ã‚½ãƒƒãƒ‰ã§ã©ã‚Œãらã„時間ãŒã‹ã‹ã£ã¦ã„ã‚‹ã®ã‹ã¾ã§è¦‹ã‚Œã¾ã™ã€‚Node.jsã®ãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒ©ã‚‚ã„ãã¤ã‹ã‚ã‚‹ã‚“ã§ã™ãŒã€httpリクエストベースã§è¦‹ãŸã‚Šã€ãã®æ™‚ã®CPUã€ãƒ¡ãƒ¢ãƒªä½¿ç”¨çŽ‡ãŒåˆ†ã‹ã‚‹ç¨‹åº¦ã§ã€ãƒ¡ã‚½ãƒƒãƒ‰ã®æ™‚é–“ã¾ã§ã¯å–ã‚Œã¾ã›ã‚“。v8ã®profilerã§ã‹ãªã‚Šç´°ã‹ã見れã¾
JSXテストãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« - from scratch
2013/12/23追記： gfxã‹ã‚‰é ‚ã„ãŸä¸‹è¨˜ã®ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã«ã‚ˆã‚Šã€ä¿®æ£ã—ã¾ã—ãŸã€‚ TestCase強化ã—ã¾ã—㟠· Issue #1 · yosuke-furukawa/jsx_test_tutorial · GitHub gfx++ JSXã§ãƒ†ã‚¹ãƒˆã©ã†æ›¸ãã®ã‹ã€ã¨ã„ã†è©±ã€‚ ã“ã®ã‚¨ãƒ³ãƒˆãƒªã¯ã€JSXアドベントカレンダーã®21日目ã®è¨˜äº‹ã§ã™ã€‚ JSX書ã時ã€ã‚らã³ãçš„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¨uupaaçš„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒéžå¸¸ã«å‚考ã«ãªã‚Šã¾ã™ãŒã€ãƒ†ã‚¹ãƒˆã«é–¢ã—ã¦ã¯ã‚‚ã†å°‘ã—æ·±å €ã‚Šã—ã¦ãŠã„ã¦ã‚‚ã„ã„ã®ã‹ãªã¨ã€‚ JSXテストã§HelloWorld JSXã¯çµ„ã¿è¾¼ã¿ã§ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆã®æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ HelloWorldクラスãŒã‚ã‚‹ã¨ã—ã¾ã™ã€‚ import "js/nodejs.jsx"; class HelloWorld { // åŒæœŸçš„ãªãƒ¡ã‚½ãƒƒãƒ‰ function hello(arg : string) :
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コンパイラã®ã‚ªãƒ—ション詳説（もã—ã㯠--executable ã®æ©Ÿèƒ½ï¼‰ - kazuhoã®ãƒ¡ãƒ¢ç½®ãå ´
※ã“ã®è¨˜äº‹ã¯JSX Advent Calendar 2013ã®ä¸€éƒ¨ã§ã™ã€‚ アドベントカレンダーã®ç›®çš„ã¯ã€é–¢é€£æƒ…å ±ã‚’å¢—ã‚„ã™ã“ã¨ã€‚ã ã£ãŸã‚‰å…¬å¼ãƒ‰ã‚ュメントを増やã›ã°ã„ã„ã˜ã‚ƒã‚“ï¼ï¼ï¼ï¼ï¼ã€€ã‚‚ã—ã‹ã—ã¦ã‚ªãƒ¬å¤©æ‰ã¡ã‚ƒã†ï¼Ÿ ã¨ã„ã†ã“ã¨ã§ä»Šæ—¥ã¯Compiler Reference - Documents - JSXを書ãã¾ã—ãŸã€‚ãŠãªã‹ã™ã„ãŸ
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://thaga.github.io/IOTA/
GitHub - yosuke-furukawa/language-jsx: I already unpublished this module `apm uninstall language-jsx`
{{#tags}}- {{label}}
{{/tags}}