Replace CoffeeScript with ES6
I’ve been looking into ES6, the next version of JavaScript, and finally got a chance to use it on a project. In the brief amount of time I was able to use it I’ve found that it solves a lot of the problems that CoffeeScript is trying to solve without drastic syntax changes. Using ES6 Today We can start using ES6 today through the 6to5 project which transpiles our ES6 code into ES5. 6to5 supports a
モダンãªè¨€èªžã§HTML5を開発ã—よã†ï¼ 俯瞰ã—ã¦ç†è§£ã™ã‚‹altJSã®æ¯”較 (å‰ç¯‡ – TypeScript, CoffeeScript, Haxe)
※ã„ãšã‚Œã®è¨€èªžã‚‚マルãƒãƒ—ラットフォームã§ã‚ã‚Šã€Windows, Mac OS Xã¨ã‚‚ã«ã©ã¡ã‚‰ã§ã‚‚利用ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 比較対象ã®ã‚µãƒ³ãƒ—ル サンプルã¨ã—ã¦ã‚·ãƒ³ãƒ—ルãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã®Webコンテンツを用æ„ã—ã¦ã„ã¾ã™ã€‚ãã‚Œãžã‚Œã®è¨€èªžã§ã©ã®ã‚ˆã†ã«è¨˜è¿°ã—ã¦å®Ÿè£…ã™ã‚‹ã®ã‹ã€ã¾ãŸç”Ÿæˆã•ã‚ŒãŸJavaScriptãŒã©ã®ã‚ˆã†ãªã‚‚ã®ã§ã‚ã‚‹ã‹ç¢ºèªã—ã¦ã„ãã¾ã—ょã†ã€‚ã“ã®ã‚µãƒ³ãƒ—ルã§ã¯è¨€èªžã®ç‰¹æ€§ã‚’紹介ã™ã‚‹ãŸã‚ã«ã€å®Ÿç”¨çš„ãªè¦ç´ ã¨ã—ã¦ã€Œã‚¯ãƒ©ã‚¹æ§‹é€ ã®åˆ©ç”¨ã€ã€Œæ—¢å˜JSライブラリã®åˆ©ç”¨ã€ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼æ“作ã€ã‚’å«ã‚ã¦ã„ã¾ã™ã€‚ デモを開ã 「Change Photoã€ãƒœã‚¿ãƒ³ã‚’クリックã™ã‚‹ã¨å†™çœŸãŒåˆ‡ã‚Šæ›¿ã‚ã‚Šã¾ã™ã€‚CSS3ã®3D Transformsã‚’jQueryを用ã„ã¦åˆ¶å¾¡ã—ã¾ã™ï¼ˆç¢ºèªã®éš›ã«ã¯ã€CSS3ã®3D TransformsãŒåˆ©ç”¨ã§ãるブラウザをã”利用下ã•ã„） æ¦‚è¦ TypeScriptã¯ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆãŒé–‹ç™ºã™ã‚‹ã‚ªãƒ¼ãƒ—ンソースã®è¨€
ã™ãã«åˆ†ã‹ã‚‹ CoffeeScript ã«ã‚ˆã‚‹ã‚¯ãƒ©ã‚¹ã®æ›¸ãæ–¹ | DevelopersIO
年末年始ã‹ã‚‰ CoffeeScript ã‚’ç©æ¥µçš„ã«ä½¿ã£ã¦ã„ã‚‹ã‚ã‘ã§ã™ãŒã€ãƒ”ュア㪠JavaScript よりもクラスã®å–り扱ã„ãŒã—ã‚„ã™ããªã£ã¦ã„ã‚‹ã“ã¨ã«ä¸€ç•ªã®æ©æµã‚’æ„Ÿã˜ã¦ã„ã¾ã™ã€‚ã™ã¹ã¦ã®æ©Ÿèƒ½ã‚’使ã„ã“ãªã›ã¦ã„ã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ä½•ä»¶ã‹ã®æ¥å‹™ã‚’通ã˜ã¦ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ï¼ˆã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹å¤‰æ•°ï¼‰ã‚„プライベート関数ãªã©è‡ªåˆ†æµã®ã‚¯ãƒ©ã‚¹ã®æ›¸ãæ–¹ãŒå‡ºæ¥ã¦ããŸã®ã§ã€ã“ã“ã«æ›¸ã記ã—ã¦ãŠãã¨ã—ã¾ã™ã€‚ よãã‚ã‚‹ CoffeeScript ã®ã‚¯ãƒ©ã‚¹æ§‹é€ CoffeeScript ã«é–¢ã™ã‚‹æ›¸ç±ã‚„ブãƒã‚°ã‚¨ãƒ³ãƒˆãƒªã‚’見るã¨ã€ã ã„ãŸã„ã“ã®ã‚ˆã†ã«ã‚¯ãƒ©ã‚¹ã‚’紹介ã—ã¦ã„ã‚‹ã“ã¨ãŒå¤šã„ã§ã™ã€‚ class ClassName @staticVar: 0 # é™çš„ãªãƒ—ãƒãƒ‘ティ @staticFunc: -> # é™çš„ãªé–¢æ•° # do something... constructor: (name)-> # コンストラクタ @name = name
軽é‡ã§é«˜æ©Ÿèƒ½ãªãƒ†ã‚ストエディタ「SublimeText2ã€ã§ CoffeeScript ã¨ã‹ã€‚
CoffeeScriptã®ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ã¯ã€æ‰‹å‹•ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã™ã€‚ $ cd ~/Library/Application\ Support/Sublime\ Text\ 2/Packages/ $ git clone git://github.com/jashkenas/coffee-script-tmbundle CoffeeScript vimã‚‚ã„ã„ã‘ã©ã€ã“ã‚“ã ã‘軽ã„ã¨æµ®æ°—ã—ãã†ã§ã™ã€‚vimã®ã‚ーãƒã‚¤ãƒ³ãƒ‰ã‚‚ã§ãã‚‹ã®ã。（ãã‚Œã§ã‚‚ã¾ãŸvimã«æˆ»ã‚‹ã®ã§ã—ょã†ã‘ã©ã€‚） å‚考： プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚¨ãƒ‡ã‚£ã‚¿ Sublime Text2 を使ã£ã¦ã¿ã‚ˆã†ï¼ http://d.hatena.ne.jp/mizchi/20111021/1319167480
JavaScript ã‹ CoffeeScript ã‹ã§çµæžœãŒå¤‰ã‚るプãƒã‚°ãƒ©ãƒ - 音ã®é³´ã‚‹ãƒ–ãƒã‚°
使ã„所皆無ãªã‚“ã ã‘ã©ã€ã“ã®ãƒ—ãƒã‚°ãƒ©ãƒ 㯠JavaScript ã 㨠"JavaScript" ã¨è©•ä¾¡ã•ã‚Œã¦ CoffeeScript ã 㨠"CoffeeScript" ã¨è©•ä¾¡ã•ã‚Œã‚‹ã€‚ { JavaScript: ["CoffeeScript"] }["JavaScript"][0] 検証用コード code = '{ JavaScript: ["CoffeeScript"] }["JavaScript"][0]'; // "CoffeeScript" ã¨è©•ä¾¡ã•ã‚Œã‚‹ eval(CoffeeScript.compile(code, {bare:true})); // "JavaScript" ã¨è©•ä¾¡ã•ã‚Œã‚‹ eval(code); ã“ã†ã—ã¦ã—ã¾ã†ã¨ã€è¦³å¯Ÿè€…効果ã§ã©ã¡ã‚‰ã§ã‚‚ "CoffeeScript" ã¨è©•ä¾¡ã•ã‚Œã¦ã—ã¾ã†ã€‚ a = { JavaScript: ["CoffeeScript"] }
CodeKit - THE Mac App for Web Developers
All the Cool Kids Compile Sass, Less, Stylus, CSS, CoffeeScript, Pug, Slim, Haml, TypeScript, JavaScript, ES6, Markdown, JSON, SVG, PNG, GIF and JPEG right out of the box. Dead-Simple Configuration Want compressed CSS? Just check a box. Need to transpile JavaScript? Check a box. Every tool's options are available in a beautiful, clean UI. No more hacking build scripts. Bleeding-Edge Tools Autopref
CoffeeScript ã§ã‚¯ãƒ©ã‚¹ãƒ™ãƒ¼ã‚¹ã®ã‚ªãƒ–ジェクト指å‘プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’ã™ã‚‹ãŸã‚ã®åŸºç¤ŽçŸ¥è˜ - ã‚ã‹ã‚‰ã‚“
CoffeeScript ã«ã¯ã‚¯ãƒ©ã‚¹ã‚’定義ã™ã‚‹ãŸã‚ã®æž 組ã¿ãŒè¨€èªžè‡ªèº«ã«ã‚ã‚Šã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯ã€CoffeeScript ã§ã®ã‚¯ãƒ©ã‚¹ã€ç¶™æ‰¿ã¨ã„ã£ãŸåŸºæœ¬çš„ãªæ¦‚念を「使ã†ã€ãŸã‚ã®çŸ¥è˜ã¨ã€ã€Œç†è§£ã™ã‚‹ã€ãŸã‚ã®è§£èª¬ã‚’書ãã¾ã—ãŸã€‚JavaScript ã‚’ã‚る程度ã—ã£ã¦ãŠã‚Šã€CoffeeScript ã‚’ã¿ã‚ˆã†ã¿ã¾ãã§ãªã‚“ã¨ãªã使ã£ã¦ã„る人を想定ã—ãŸå†…容ã§ã™ã€‚念ã®ç‚ºç”³ã—æ·»ãˆã¦ãŠãã¾ã™ãŒã€JavaScript ã§ã®ã‚¯ãƒ©ã‚¹ãƒ™ãƒ¼ã‚¹ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®æ˜¯éžã¯è«–ã˜ã¦ã„ã¾ã›ã‚“。 クラス周辺ã®è¨€èªžã®æ©Ÿèƒ½ã€ã²ã¨ã‚ãã‚Š class Dog ã‚’ JS ã«å±•é–‹ã—ã¦ã¿ã¾ã™ã€‚大ãã括るã¨ã‚³ãƒ³ã‚¹ãƒˆãƒ©ã‚¯ã‚¿é–¢æ•°ã§ã‚¯ãƒ©ã‚¹ã‚’模倣ã™ã‚‹ã‚¿ã‚¤ãƒ—ã ã¨ã‚ã‹ã‚Šã¾ã™ã€‚ class Dog # (function() { # var Dog; # Dog = (function() { # function Dog() {} # return Dog; # }
CoffeeScript 入門! 怒濤㮠100 サンプル!! | TM Life
今ã¾ã§ CoffeeScript ã«ã¤ã„ã¦ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’連投ã—ã¦ãã¾ã—ãŸãŒ ã¨ã‚Šã‚ãˆãšã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ä¸€åŒºåˆ‡ã‚Šã¤ã‘よã†ã¨æ€ã„ã¾ã™. ã¡ãªã¿ã«ä»Šã¾ã§ã«æ›¸ã„㟠CoffeeScript ã«ã¤ã„ã¦ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯ã“ã‚“ãªæ„Ÿã˜ã§ã™. node.js ä¸è¦! Windows ã§ã‚‚ç°¡å˜ã« CoffeeScript を使ã†æ–¹æ³• jsdo.it 㧠CoffeeScript を使ã†æ–¹æ³• CoffeeScript 入門 基礎編 – CoffeeScript 㨠JavaScript ã‚’ 10個ã®ã‚µãƒ³ãƒ—ルã§æ¯”較ã—ã¦ã¿ãŸ CoffeeScript 㨠gl.enchant.js を使ã£ã¦15分㧠3D ゲームを作ã£ã¦ã¿ãŸ. 動画もã‚るよ♪ 今回㯠enchant.js ã§æ€’濤ã£ãŸã¨ãåŒæ§˜ CoffeeScript ã«ã¤ã„ã¦ã‚‚怒濤ã£ã¦ã¿ã¾ã—ãŸ. プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¯æœ¬ã‚’èªã‚€ã ã‘ã§ã¯å¦ã‚“ã ã¨ã¯è¨€ãˆã¾ã›ã‚“. 作ã£ã¦ãƒŠãƒ³ãƒœã®ä¸–
今ã‹ã‚‰ã§ã‚‚é…ããªã„CoffeeScriptå†å…¥é–€ | tekkoc'blog
ä¹…ã—ã¶ã‚Šã«CoffeeScriptを書ãã“ã¨ã«ãªã£ãŸã®ã§ã€èª¿ã¹ã”ã¨ã¤ã„ã§ã«è‰²ã€…ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ãã‚‚ãã‚‚CoffeeScriptã¨ã¯ä½•ã‹ CoffeeScript ã¯ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã®ã²ã¨ã¤ã§ã‚る。コードã¯JavaScript ã®ã‚³ãƒ¼ãƒ‰ã«å¤‰æ›ã•ã‚Œã‚‹ã€‚ Ruby ã‚„ Pythonã€Haskell [1] ã‹ã‚‰å½±éŸ¿ã‚’å—ã‘ãŸã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ã‚·ãƒ¥ã‚¬ãƒ¼ã®å°Žå…¥ã«ã‚ˆã‚Šã€JavaScript ã«æ¯”ã¹ç°¡æ½”ã•ã¨å¯èªæ€§ã‚’å‘上ã•ã›ãŸã»ã‹ã€é…列内包 (Array comprehensions) やパターンマッãƒã¨ã„ã£ãŸæ©Ÿèƒ½ã‚’è¿½åŠ ã—ã¦ã„る。 CoffeeScript ã«ã‚ˆã‚Šã€ãƒ‘フォーマンスを下ã’ã‚‹ã“ã¨ãªãã€ã‚ˆã‚ŠçŸã„コードã§ãƒ—ãƒã‚°ãƒ©ãƒ を記述ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ (JavaScript ã«æ¯”ã¹ 1/3 程度ã®è¡Œæ•°ãŒå‰Šæ¸›ã§ãã‚‹)。 CoffeeScript - Wikipedia JavaScriptã«ã¯ç½ ãŒãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚
1
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
CoffeeScriptã§ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ターン - Qiita
Your Friendly Web Development Companion
Koala - a gui application for LESS, Sass, Compass and CoffeeScript compilation.
kuroigamen.com
{{#tags}}- {{label}}
{{/tags}}