Stencil
SimpleWith intentionally small tooling, a tiny API, and out-of-the-box configuration, Stencil gets out of the way and lets you focus. PerformantA tiny runtime and the raw power of native Web Components make Stencil one of the fastest compilers around. Future proofBuild cross-framework component libraries on open web standards, and break free of Framework Churn. Framework-agnosticStencil components
Using JSX with TypeScript
Edit · Jul 5, 2015 · 6 minutes read · Follow @mgechev JavaScript TypeScript React JavaScript is a weird language although, we love it the way it is. However, I’ve had quite a painful experience working on big JavaScript projects. It was painful in the same way it gets painful working on huge Ruby, Python, PHP projects. Once you have code base above 10-15k lines of code and you decide to do some re
JSX is just Javascript // Speaker Deck
Small talk for React-DC on how to think about JSX and write it with JS. Links: JSBin - http://jsbin.com/caduhi/1/edit JSFiddle - http://jsfiddle.net/t5acc38j/ GitHub - https://github.com/kimagure/react-elements-demo Google docs version: https://docs.google.com/presentation/d/1jXnCZXCFcyrqwjAzlCsrI_qCOlO4j2Pr-teIj3jWkp4/edit?usp=sharing
typescript-parser.jsx
typescript-parser.jsx0.1.0 • Public • Published 11 years ago
from scratch
今年ã®æ¼¢å—を一å—上ã’ã‚‹ã¨ã—ãŸã‚‰ã€ç‹ãƒˆãƒ¬ã®ã€Œç‹ã€ã‹å—験ã®ã€Œé¨“ã€ã‹ãªã¨æ€ã„ã¾ã™ã€‚ 基本的ã«å¨˜ã®å—験勉強を見ã¦ã‚ã’ã‚‹ã‹ã€ç‹ãƒˆãƒ¬ã™ã‚‹ã‹ã§éŽã”ã—ã¦ãã¾ã—ãŸã€‚ ã¨ã„ã†ã®ã‚‚今年ãŒå—験最終年ã§ã€ç‹ãƒˆãƒ¬ã¯æ–°ã—ã趣味ã¨ã—ã¦å§‹ã‚ã¦ã¿ãŸã‚‰ãƒãƒžã£ã¦ã—ã¾ã£ãŸã¨ã„ã†ã®ãŒç†ç”±ã§ã™ã。 一年å‰ã«ã‚„り始ã‚ãŸåˆ†å‰²æ³•ã§ä¸€å¹´é–“続ã‘ãŸæ„Ÿã˜ã«ãªã‚Šã¾ã™ã€‚ç‹ãƒˆãƒ¬ã¯ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¨ã¯é•ã„ã¾ã™ãŒã€é›†ä¸ã—ã¦ä½•ã‹ã«æ‰“ã¡è¾¼ã‚€äº‹ã¨ã„ã†æ„味ã§ã¯éžå¸¸ã«è‰¯ã„趣味ã ãªã¨æ€ã£ã¦ã¾ã™ã€‚å¥åº·ã«ãªã‚Šã¾ã™ã—。 ãŸã ã¶ã£ã¡ã‚ƒã‘ã€å—験勉強教ãˆã¦ã‹ã‚‰è«¸ã€…ã‚„ã£ãŸã‚ã¨ã«ç‹ãƒˆãƒ¬ã«è¡Œãã¨å¤§ä½“0時をéŽãŽã¦ãŠã‚Šã€ç‹ãƒˆãƒ¬ã®ã—éŽãŽã§å¯ä¸è¶³ã¨ã„ã†å¥åº·ãªã‚“ã ã‹ä¸å¥åº·ãªã‚“ã ã‹åˆ†ã‘ã®åˆ†ã‹ã‚‰ãªã„æ„味ä¸æ˜Žã®çŠ¶æ…‹ã«ãªã£ã¦ã‚‹ã®ã§ã€æ¥å¹´ã¯ç¡çœ ã‚’ã¡ã‚ƒã‚“ã¨ç¢ºä¿ã—ãªãŒã‚‰ãã®è¾ºã‚Šã®äº‹ã‚’ã§ãるよã†ã«åŠ¹çŽ‡ã‚ˆãã‚„ã£ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ãã‚Œã§ã¯æŒ¯ã‚Šè¿”ã‚Šã¾ã™ã€‚ yosuke-furukawa.hatenablog.com
「Haxerã‹ã‚‰è¦‹ãŸJSXã€ã¨ã„ã†æ„Ÿæƒ³æ–‡ã‚’書ã„ã¦ã¿ãŸã€‚ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Haxeã‹ã‚‰JSXをスパイ活動ã—ã¦ãã¾ã—ãŸ@nobkzã§ã™ Haxerã‹ã‚‰è¦‹ãŸJSXã«ã¤ã„ã¦ã€‚ ãã‚‚ãã‚‚ãªãœHaxerãªã®ã«JSXã®Advent Calendarã«å‚åŠ ã—ãŸã‹? 12月7ã«ãã—ã ã•ã‚“ãŒä¸»å‚¬ã—ã¦ã„ãŸã‚¤ãƒ™ãƒ³ãƒˆã«å‚åŠ ã—ãŸã¨ãã®ã“ã¨ã§ã—ãŸã€‚言語パフォーマンスã«ã¤ã„ã¦ã®ã‚¤ãƒ™ãƒ³ãƒˆã§ã€ã„ã‚ã„ã‚ã¨å‹‰å¼·ã«ãªã£ãŸã®ã§ã™ãŒã€ãã‚Œã§ã€JSXã®äºº(@kazuhoã•ã‚“ )ãŒæ¥ã¦ã„ã¾ã—ãŸã€‚普段AltJSã¨ã—ã¦ã€CoffeeScriptã‚„ã€Haxe(AltJS以外ã§ã‚‚ã§ã™ãŒã€‚)ã€TypeScriptãªã©ã¯æ›¸ã„ãŸã“ã¨ãŒã‚ã‚Šã¾ã—ãŒã€JSXã¯ä¸€ç•ªç–Žã„ã¨ã“ã‚ã§
ã¨ã‚るプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžå‡¦ç†ç³»ã®ã‚»ãƒ«ãƒ•ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°åŒ–ã«æºã‚ã£ãŸ - wasabizã®æ—¥è¨˜
2013-12-15 ã¨ã‚るプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžå‡¦ç†ç³»ã®ã‚»ãƒ«ãƒ•ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°åŒ–ã«æºã‚ã£ãŸ (ã“ã®è¨˜äº‹ã¯JSX Advent Calendar 2013ã®ä¸€éƒ¨ã¨ã—ã¦æ›¸ã‹ã‚Œã¾ã—ãŸã€‚) 僕ãŒJSXã¨ã„ã†ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã®é–‹ç™ºã«æºã‚ã£ã¦ã“ã®å†¬ã§æ—©1å¹´åŠã«ãªã‚Šã¾ã™ã€‚コンパイラã¨ã—ã¦ã®jsxã«ã¯ã“ã®1å¹´åŠã§å¹¾å¤šã®å‡ºæ¥äº‹ãŒã‚ã‚Šã¾ã—ãŸãŒã€ãã®ä¸ã§ã‚‚一番巨大ãªã‚‚ã®ãŒã‚»ãƒ«ãƒ•ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã§ã—ょã†ã€‚ã¤ã¾ã‚ŠJSXã®ã‚³ãƒ³ãƒ‘イラをJSX自身ã§æ›¸ããªãŠã™ã¨ã„ã†ã“ã¨ã§ã™ã€‚ メインラインã®ã‚³ãƒ¼ãƒ‰ã‚’ã¾ã‚‹ã¾ã‚‹å…¥ã‚Œæ›¿ãˆã‚‹ã“ã®ã‚»ãƒ«ãƒ•ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã¯å¤§ããªè‹¦åŠ´ã‚’ä¼´ã„ã¾ã—ãŸã€‚実際ã€é€šå¸¸ã®ãƒãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã¨ã¯é•ã„コンパイラãã®ã‚‚ã®ã‚’入れ替ãˆã¦ã—ã¾ã†ã‚ã‘ã§ã™ã‹ã‚‰ã€ãƒã‚°ã®å‡ºæ–¹ãªã©ã‚‚ãªã‹ãªã‹å‘³ã‚ã„æ·±ã„ã‚‚ã®ã§ã™ã€‚ JSXセルフホスティングを行ã£ã¦ã‹ã‚‰æ—¢ã«1å¹´ãŒçµŒéŽã—よã†ã¨ã—ã¦ã„ã¾ã™ã€‚今ã¾ã§ã“ã®ä½œæ¥ã®è‹¦åŠ´ã«ã¤ã„ã¦å¤–ã§è©±ã—ãŸã“ã¨ã¯ç„¡ã‹ã£ãŸã®ã§ã™ãŒã€ã€Œãƒ—ãƒã‚°ãƒ©
JSX - 公開ã‹ã‚‰ï¼‘å¹´ã‚’è¿Žãˆã¦
2. 自己紹介 nï®â€¯åå‰ï¼šå¥¥ 一穂 nï®â€¯çµŒæ´ï¼š nï®â€¯ãƒ¢ãƒã‚¤ãƒ«ã‚¦ã‚§ãƒ–ブラウザ「Palmscapeã€ã€ŒXiinoã€ã®é–‹ç™º (1996-2003) nï®â€¯IPA未è¸ã‚¹ãƒ¼ãƒ‘ークリエータ (2004) nï®â€¯ã‚µã‚¤ãƒœã‚¦ã‚ºãƒ»ãƒ©ãƒœ (2005-2010) nï®â€¯Japanize, Pathtraq, Q4M, mycached, … nï®â€¯ãƒ‡ã‚£ãƒ¼ãƒ»ã‚¨ãƒŒãƒ»ã‚¨ãƒ¼ (2010-) nï®â€¯R&Dã«å¾“事 Aug 24 2013 JSX - 公開ã‹ã‚‰ï¼‘å¹´ã‚’è¿Žãˆã¦ 2 3. altJS ã¨ã¯? nï®â€¯JavaScript ã«å¤‰æ›ã—ã¦å®Ÿè¡Œã•ã‚Œã‚‹è¨€èªž nï®â€¯èƒŒæ™¯: JavaScript ã®æ™®åŠ nï®â€¯ã‚¦ã‚§ãƒ–ブラウザã§å‹•ãã®ã¯ JavaScript ã ã‘ nï®â€¯ãƒ™ãƒ³ãƒ€ãƒ¼é–“ã®ç«¶äº‰ã®çµæžœã€å®Ÿè¡Œé€Ÿåº¦ãŒé«˜é€Ÿã« nï®â€¯ã‚¦ã‚§ãƒ–ブラウザ以外ã§ã‚‚ JavaScript を使ã†ã‚ˆã†ã« nï®â€¯ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰: node.js nï®â€¯ã‚¯ãƒ©ã‚¤ã‚¢
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
続々出ã¦ã㟠JavaScript 系新言語。ã©ã‚Œã‚’使ã†? | プãƒã‚°ãƒ©ãƒžãƒ¼ã‚ºé›‘記帳
å…ˆã«é¸æŠžæ–¹é‡ã‚’図ã«ã¾ã¨ã‚ãŸã‚‚ã®ã‚’ã‚ã’ã¦ãŠãã¾ã™ã€‚ JavaScript 系新言語ã®ã©ã‚Œã‹ã¯ä½¿ã†ã¹ã ? 最åˆã«ãã‚‚ãも何ã‹æ–°ã—ã„言語を使ã†å¿…è¦ãŒã‚ã‚‹ã®ã‹? ã¨ã„ã†ã¨ã“ã‚ã‹ã‚‰è€ƒãˆã¦ã¿ã¾ã—ょã†ã€‚ JavaScript ã«å¤‰æ›ã™ã‚‹è¨€èªžã‚ã‚‹ã„ã¯å–ã£ã¦ä»£ã‚ã‚ã†ã¨ã™ã‚‹è¨€èªž ãŒã„ã‚ã„ã‚ã§ãã¦ãã¦ã„る状æ³ã‚’考ãˆã‚‹ã¨ã€ 今ã®ã¾ã¾ã® JavaScript ã«ã¯å•é¡ŒãŒã‚ã‚‹ ã¨å¤šãã®äººãŒæ€ã£ã¦ã„ã‚‹ã“ã¨ã¯é–“é•ã„ãªã„ã§ã™ã€‚ ãã®ãŸã‚ã€ä»Šå¾Œã¯ JavaScript を直接書ãã®ã¯ã‚„ã‚ã¦ã€ ã©ã‚Œã‹ã®è¨€èªžã¯ä½¿ã†ã¹ãã ã¨æ€ã„ã¾ã™ã€‚ JavaScript ã«ã‚‚ã„ã„ã¨ã“ã‚ã¯ã‚る〠新ã—ã„言語を覚ãˆã‚‹ã®ã¯å¤§å¤‰ã¨ã„ã†äººã‚‚多ã„ã§ã—ょã†ã€‚ ã—ã‹ã—ã€ç†ç”±ã¯å¾Œã§èª¬æ˜Žã—ã¾ã™ãŒã€ãã†ã„ã†äººã§ã‚‚ TypeScript ã¯ä½¿ã†ã¹ãã§ã™ã€‚ 対象言語 ã“ã“ã«æŒ™ã’ãŸã‚‚ã®ä»¥å¤–ã«ã‚‚ã‚ã‚Šã¾ã™ãŒã€ç§ãŒæœ‰åã ãªã¨æ€ã†ã‚‚ã®ã¨å¯¾è±¡ã«ã—ã¾ã—ãŸã€‚ CoffeeScript
JSX / Haxe / TypeScript
6. 出ã¦ãる言語 JSX・ DeNA 社製。生㮠JS よりもé…ããªã‚‰ãª ・ ・ ã„らã—ã„ (è¦å‡ºå…¸1 )。JS ã®çš®ã‚’ã‹ã¶ã£ãŸ Java Haxe・・ ・ã“ã®ä¸ã§ã¯æœ€å¤å‚。JS ã ã‘ã§ãªã〠PHP ã‚„ Flashã€Java ã« C#ãªã©ã€æ§˜ã€…ãªè¨€èªžã« 変æ›å¯èƒ½ã€‚手続型言語ã®çš®ã‚’ã‹ã¶ã£ãŸé–¢æ•°åž‹ 言語 TypeScript・ ・・ã“ã®ä¸ã§ã¯æœ€å¾Œç™ºã€‚C#作ã£ãŸ 人ãŒè¨è¨ˆã€‚JS ã¨ã®è¦ªå’Œæ€§ã‚’é‡è¦–ã—ã¦ã„ã‚‹ã€JS ã®çš®ã‚’ã‹ã¶ã£ãŸ C# é™çš„型付ã‘ã®è¨€èªžã‚ªãƒ³ãƒªãƒ¼ 1 ベンãƒãƒžãƒ¼ã‚¯ãŒå°‘ãªã„ã®ã§è©•ä¾¡ä¿ç•™ä¸ 7. 注æ„ãã®ã«ï¼ ã“れら 3 ã¤ã®è¨€èªžã¯è¨è¨ˆæ€æƒ³ãŒå…¨ãç•°ãªã‚‹ JSX ã¯æœ€é©åŒ–ã«é‡ç‚¹ã‚’ç½®ã„ã¦ã€ã°ã—ã°ã—インラ イン化を行ã†ã€‚ベストプラクティスã¨ã„ã†åã® ãƒãƒƒãƒ‰ãƒŽã‚¦ãƒã‚¦ã‚’æ°—ã«ã›ãšã«ã‚³ãƒ¼ãƒ‰ãŒæ›¸ã‘ã‚‹ TypeScript 㯠JS ã¨ã®è¦ªå’Œæ€§ã‚’é‡è¦–ã—ã€ç´ 直㪠JS を出力ã™ã‚‹ Haxe ã¯æŸ”軟性ãŒã‚ã‚Š
Play2.0ã®ã‚¢ã‚»ãƒƒãƒˆã¨ã—ã¦JSXã¨Haxeを使ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ãƒ—ラグインを作りã¾ã—ãŸ(PlayBay Play framework2.0プラグイン勉強大会ã«å‚åŠ ã—ã¦ãã¾ã—ãŸ) | PAB@求è·æ´»å‹•ä¸
求è·æ´»å‹•ä¸ã¨ã‚ã‚Šã¾ã™ãŒã€æ´»å‹•å ±å‘Šã¨ã„ã†ã‚ˆã‚Šã¯ã€æŠ€è¡“ã®è©±é¡Œã‚’多ã‚ã§ã„ãã¾ã™ã€‚ScalaãŒå¤§å¥½ããªã®ã§ç‰¹ã«Scalaã®è©±ãŒä¸å¿ƒã«ãªã‚‹ã¨æ€ã„ã¾ã™ã€‚ 先日ã€PlayBay Play framework2.0プラグイン勉強大会ã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚ PlayBay Play framework2.0プラグイン勉強大会 - 日本Playframeworkユーザー会 ã‚ã¾ã‚Šã“ã†ã„ã†å‹‰å¼·ä¼šã«å‚åŠ ã—ãŸã“ã¨ãŒãªã‹ã£ãŸã®ã§ã€ã©ã†ãªã‚‹ã‹ã¨æ€ã£ãŸã®ã§ã™ãŒã€ ä»–ã®å‚åŠ è€…ã®æ–¹ã€…ã¨ã®è©±ã—åˆã„ã®ä¸ã§ã€Play2.0ã«ã¤ã„ã¦çŸ¥ã‚‰ãªã„ã“ã¨ãŒã„ãã¤ã‚‚発見ã§ãã¦ã€æœ‰æ„義ãªå‹‰å¼·ä¼šã§ã—ãŸã€‚ 特ã«t2v/play20-authã®ä½œè€…ã®ãŒããžã•ã‚“(@gakuzzzz)ã‹ã‚‰ 直接モジュールã«ã¤ã„ã¦ãŠè©±ã‚’èžã‘ãŸã®ãŒå¤§å¤‰å‚考ã«ãªã‚Šã¾ã—ãŸã€‚ ã§ã€åƒ•ã¯ã€ã¨ã„ã†ã¨ã€Play2.0ã®ã‚¢ã‚»ãƒƒãƒˆã¨ã—ã¦JSXを使ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ãƒ—ラグインを作るã¨ã„ã†ã“ã¨ã§è‡¨ã¿ã¾
JSXã®è£œå®Œã‚’強化ã—ã¾ã™ - Islands in the byte stream (legacy)
JSXã®è£œå®Œã¯ã„ã¾ã¾ã§ã‚·ãƒ³ãƒœãƒ«ã ã‘ã§ã—ãŸãŒã€ã›ã£ã‹ãåž‹ãŒã‚ã‚‹ã®ã§ã™ã‹ã‚‰é–¢æ•°ã®ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—や変数ã®åž‹ã‚‚表示ã—ã¦ã»ã—ã„ã¨ã“ã‚ã§ã™ã€‚ ã¨ã‚Šã‚ãˆãšä»¥ä¸‹ã®ã‚ˆã†ã«åž‹ã‚’表示ã§ãã‚‹ã¨ã“ã‚ã¾ã§ã¯ã§ãã¾ã—ãŸã€‚ブランãƒã¯ JSX / jsx.vim ã¨ã‚‚ã« gfx/completion-detail ã§ã™ã€‚ ※ ç”»é¢ã¯é–‹ç™ºä¸ã®ã‚‚ã®ã§ã™ 本æµã«ãƒžãƒ¼ã‚¸ã—ãŸã‚‰ã¾ãŸãŠçŸ¥ã‚‰ã›ã—ã¾ã™ã€‚
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - shibukawa/typescript-parser.jsx: TypeScript parser for JSX
GitHub - yosuke-furukawa/language-jsx: I already unpublished this module `apm uninstall language-jsx`
GitHub - thaga/IOTA: THETA image viewer
GitHub - chikatoike/SublimeJSXComplete
JSX ã®ãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒ©ãŒç´ 晴らã—ã„ï¼ - ã‚らã³ã日記
http://spheresofa.net/blog/?p=757
JSX 㧠Function#apply を使ㆠ- ã‚らã³ã日記
{{#tags}}- {{label}}
{{/tags}}