[B! CoffeeScript] iR3ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

iR3 id:iR3

CoffeeScriptã«é–¢ã™ã‚‹iR3ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (57)

${{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}}

æ©‹æœ¬å•†ä¼š Â» coffee-scriptã‹ã‚‰ES6ã«ç§»è¡Œã™ã‚‹ç†ç”±
coffeeã‹ã‚‰ES6(babel)ã«å°‘ã—ãšã¤æ›¸ãæ›ãˆã‚‹ ã®ç¶šãã€‚ ãã‚‚ãã‚‚æ›¸ãç›´ã™å¿…è¦ãŒã‚ã‚‹ã®ã‹ æ£ç›´ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ã¯coffeeã®æ–¹ãŒå¥½ãã€‚ç„¡é§„ã«ã‚«ãƒƒã‚³ã¤ã‘ãªãã¦ã„ã„ã—ã€ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆã§pipeã‚„promiseã‚’ã¤ãªã„ã§æ›¸ã„ã¦ã„ãã®ã‚‚è¦‹ãŸç›®ãŒè‰¯ã„ã€‚ coffeeã¯æ›¸ãã‚„ã™ã„ã€‚ ã¾ã‚ã™ã§ã«å‹•ã„ã¦ã„ã‚‹ç‰©ã‚’æ›¸ãç›´ã™å¿…è¦ã¯ç„¡ã„ã¨æ€ã†ã€‚ ç§»è¡Œã™ã‚‹ã¨ã—ãŸã‚‰ã€ãƒã‚¬ãƒ†ã‚£ãƒ–ãªå‹•æ©ŸãŒ1ã¤ã€ãƒã‚¸ãƒ†ã‚£ãƒ–ãªå‹•æ©Ÿã¯2ã¤ã‚ã‚‹ã€‚ coffeeã®é–‹ç™ºã®åœæ»ž è©³ã—ãcoffeeã®é–‹ç™ºçŠ¶æ³ã‚’ã‚¦ã‚©ãƒƒãƒã—ã¦ãªã„ã‹ã‚‰ã‚ˆãã‚ã‹ã‚‰ãªã„ã‘ã©ã€è©³ã—ã„äººãŒã€Œé–‹ç™ºãŒåœæ»žã—ã¦ã„ã‚‹ã€ã¨è¨€ã£ã¦ã„ã‚‹ã®ã§ãã†ãªã‚“ã ã¨æ€ã†ã€‚ ã•ã‚ˆãªã‚‰ CoffeeScript â€“ mizchi's blog coffeeã¯ã“ã“1å¹´ãã‚‰ã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒä¸ŠãŒã£ãŸæ™‚ã«diffã ã‘ã¯è¦‹ã¦ã„ã‚‹ã®ã ãŒã€æ¯Žå›žgit diffã§å·®åˆ†ã‚’è¦‹ã¦ä¸€çž¬ã§ç†è§£ã§ãã‚‹ãã‚‰ã„ã®æ›´æ–°ã—ã‹ã•ã‚Œã¦ãªã„ã€‚ã¾ã‚ã‚ˆã†ã™
iR3 2015/11/25
ãµã‚€ãµã‚€ ã€Œã„ã¡ã¯ã‚„ãæ–°ã—ã„æ–‡æ³•ã§æ›¸ã„ã¦ã¿ãŸã„ã¨ã‹ã§ç„¡ã‘ã‚Œã°ã€ES6ï¼ˆã¨ã„ã†ã‹babelãŒï¼‰å¤‰åŒ–æ¿€ã—ã„ã—ã€coffeeã§ã„ã„ã‹ãªãƒ»ãƒ»ãƒ» ã„ãã¤ã‹ã®æ–°ã—ã„HTML5 APIã‚’ä½¿ã†å ´åˆã¯ES6ã§æ›¸ã„ãŸã»ã†ãŒ.. ESLintè‰¯ã„ã‚ˆãã€‚ã€

CoffeeScript

ES6
ãƒªãƒ³ã‚¯
ECMAScript6ã‚’ä½¿ã†ã®ã¯5å¹´ãã‚‰ã„æ™‚æœŸå°šæ—©ã ã£ãŸ - None is None is None
æ–°è£½å“ã®WEB UIã‚’ä½œã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ ã€Œfunctionã£ã¦æ›¸ãã®ãƒ€ãƒ«ã„ã‹ã‚‰ã€CoffeeScriptã«ã—ã¾ã—ã‚‡ã†ã‚ˆã€ ã€Œã§ã‚‚CoffeeScriptã£ã¦ã€ãã‚ãã‚ã‚ªãƒ¯ã‚³ãƒ³ã˜ã‚ƒãªã„ã‹ï¼Ÿã€ ã€Œã¡ã‚‡ã£ã¨å¾…ã¦ã‚ˆã€ãã‚ãã‚ES6ï¼ˆECMAScript6ã€JavaScriptã®æ¬¡æœŸæ¨™æº–ã€å¾Œè¿°ï¼‰ãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ï¼ï¼Ÿã€ ãã†æ€ã£ã¦ES6ã‚’èª¿ã¹ã¾ã—ãŸãŒã€ã‚„ã£ã±ã‚ŠCoffeeScriptã‚’ä½¿ã†ã¹ãã ã¨ã„ã†çµè«–ã«é”ã—ã¾ã—ãŸã€‚ CoffeeScriptã¨ES6ã®ãŠã•ã‚‰ã„ CoffeeScriptã¯ã„ã‚ã‚†ã‚‹AltJS é•·æ‰€ ã€Œfunctionã®ä»£ã‚ã‚Šã«->ã€ã€Œãƒãƒ¼ã‚«ãƒ«å¤‰æ•°ã«varãŒä¸è¦ã€ã¨ã„ã£ãŸã‚¤ã‚±ã¦ã‚‹æ–‡æ³•ãŒä½¿ãˆã¾ã™ã€‚ äº‹å‰ã«JavaScriptã«ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã—ã¦ä½¿ã†ã€‚*1 Ruby on RailsãŒå¯¾å¿œã—ã¦ã„ã‚‹ãªã©ã€ã‹ãªã‚Šæ™®åŠã—ã¦ã„ã‚‹ã‚ˆã†ã§ã™ã€‚ çŸæ‰€ äº‹å‰ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ãŒå¿…è¦ãªã®ã§è£½å“ã®ãƒ“
iR3 2015/08/05
ãµã‚€ãµã‚€

JavaScript

CoffeeScript
ãƒªãƒ³ã‚¯
Rails 4 ã§ Haml ã‚’å°Žå…¥ã—ãŸã‚‰ãƒ†ãƒ³ãƒ—ãƒ¬å†…ã« Cooffee æ›¸ã‘ã¦ä¿ºå¾—ã ã£ãŸä»¶ - Qiita
[2014/09/01è¿½è¨˜] ã“ã¡ã‚‰ã®æ–¹ãŒã€è£œè¶³ã‚„æ³¨æ„ç‚¹ã‚’æ›¸ã„ã¦ãã ã•ã£ã¦ã„ã¾ã™ã€‚ Hamlå†…ã§CoffeeScriptã‚’æ›¸ãã“ã¨ã®æ˜¯éž ç§ã®å ´åˆã‚‚ã€æ¬¡ã®ã‚ˆã†ãªã€ã¡ã‚‡ã£ã¨ã—ãŸç”¨é€”ã§ãƒ†ãƒ³ãƒ—ãƒ¬å†… Coffee ã‚’åˆ©ç”¨ã—ã¦ã„ã¾ã™ã€‚ Rails 4 ã§ Knockout.js ã® ViewModel ã‚’ Controlleræ¯Žã«åˆ¥ã®ãƒ•ã‚¡ã‚¤ãƒ«ã§ç®¡ç†ã™ã‚‹ ä»¥å‰ã« Rails 4 ã§ Haml ã‚’åˆ©ç”¨ã™ã‚‹æ‰‹é † ã‚’æ›¸ã„ãŸã®ã§ã™ãŒã€åŒåƒšã«ã€Haml ã®ãƒ†ãƒ³ãƒ—ãƒ¬å†…ã§ CooffeeScript ãŒæ›¸ã‘ã‚‹ã‚ˆã¨æ•™ãˆã¦ã‚‚ã‚‰ã„ã¾ã—ãŸã€‚ è‡ªåˆ†ã®ç’°å¢ƒï¼š OSï¼š Mac OS X 10.9.4 (Mavericks) Rubyï¼š 2.1.2 Railsï¼š 4.1.1 Haml ãŒå°Žå…¥ã•ã‚Œã¦ã„ã‚Œã°ã€æ¬¡ã®ã‚ˆã†ã« :coffee ã‚’å®šç¾©ã—ã¦ã€æ®µè½ã•ã’ã—ã¦ Coffee ã‚’æ›¸ã„ã¦ã„ã‘ã°ã„ã„ã€‚ ã€œ - @it ems.each do
iR3 2015/03/05
ãµã‚€ãµã‚€

Haml

CoffeeScript
ãƒªãƒ³ã‚¯
Hamlå†…ã§CoffeeScriptã‚’æ›¸ãã“ã¨ã®æ˜¯éž - Qiita
ã“ã†æ›¸ãã“ã¨ã§ã€Hamlã®ä¸ã«CoffeeScriptã‚’æ›¸ã‘ã¦ä¾¿åˆ©ã€ã¨ã„ã†è¨˜äº‹ã§ã€ç¢ºã‹ã«ã‚ˆãä½¿ã„ã¾ã™ã€‚ ãŒã€ã„ãã¤ã‹è½ã¨ã—ç©´ã‚‚ã‚ã‚‹ã‚ˆãƒ¼ã€ã£ã¦ã„ã†ã“ã¨ã«éé‡ã—ã¦ã„ã‚‹ã®ã§ã€ãã‚Œã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ Hamlã«CoffeeScriptã‚’è¨˜è¿°ã™ã‚‹åˆ©ç‚¹ å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã«ã™ã‚‹ã¾ã§ã‚‚ãªã„æ•°è¡Œã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆï¼ˆãƒšãƒ¼ã‚¸èªã¿è¾¼ã¿å®Œäº†æ™‚ã«ç‰¹å®šã®display: none;ã‚’è§£é™¤ã¨ã‹ï¼‰ã‚’æ°—è»½ã«æ›¸ã‘ã‚‹ã€‚ javascriptå†…ã«railsã®Controllerã§ä½œã£ãŸå¤‰æ•°ã‚„PathHelperãƒ¡ã‚½ãƒƒãƒ‰ã‚’åŸ‹ã‚è¾¼ã‚ã“ã‚ã‚‹ Hamlã«CoffeeScriptã‚’è¨˜è¿°ã™ã‚‹æ¬ ç‚¹ hoge.html.hamlã®ãƒãƒ¼ãƒ‰ã®ãŸã³ã«è¨˜è¿°ã—ãŸCoffeeScriptãŒã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã•ã‚Œã‚‹ ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã®ã‚ªãƒ¼ãƒãƒ¼ãƒ˜ãƒƒãƒ‰ã¯å¤§ã—ãŸã“ã¨ãŒãªã„ ã—ã‹ã—ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã«ä½¿ã‚ã‚Œã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªï¼ˆä¸»ã«TheRubyRacerï¼‰ã‚„ãã®ä¾å˜Gemã®ãƒã‚°ã§è¬Žã®ã‚¨ãƒ©ãƒ¼ã«æ‚©ã¾ã•ã‚ŒãŸã‚Š
iR3 2015/03/05
ãµã‚€ãµã‚€

Haml

CoffeeScript
ãƒªãƒ³ã‚¯
CoffeeScript - - Railsãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆ
CoffeeScriptã«ã¤ã„ã¦ CoffeeScriptã¨ã¯ å…¬å¼ã‚µã‚¤ãƒˆã«ã‚ˆã‚‹ã¨ã€CoffeeScript is a little language that compiles into JavaScript.(JavaScriptã«ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚‹ã‚·ãƒ³ãƒ—ãƒ«ãªè¨€èªžã§ã™) ç°¡å˜ã«è¨€ã†ã¨JavaScriptã‚’Rubyãƒ©ã‚¤ã‚¯ã«è¨˜è¿°ã§ãã‚‹è¨€èªžã ã¨æ€ã„ã¾ã™ã€‚ ç‰¹å¾´ æ–‡æœ«ã®ã‚»ãƒŸã‚³ãƒãƒ³ã¯ä¸è¦ ãƒ–ãƒãƒƒã‚¯ã¯ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆã§è¡¨ã™ ã€Œ->ã€ã¯functionã®ç•¥ varã¯ä¸è¦ Rubyã¨åŒæ§˜ã§returnã¯çœç•¥å¯èƒ½ ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ãŒå¿…è¦ JavaScriptã«æ½œã‚€ç½ ã‚’ã„ã„æ„Ÿã˜ã«å›žé¿ å‡ºåŠ›ã™ã‚‹JavaScriptãŒç¶ºéº— railsã«ãŠã„ã¦ Railsã§ã¯ã€Asset Pipelineã¨ã„ã†ä»•çµ„ã¿ã‚’ä½¿ã£ã¦ã€CoffeeScriptã‚’è‡ªå‹•çš„ã«ã‚³ãƒ³ãƒ‘ã‚¤ãƒ« æ‹¡å¼µåã¯ã€ã€Œ.js.coffeeã€ ãƒ•ã‚©ãƒ«ãƒ€ã¯ã€ã€Œ/app/assets
iR3 2014/09/05
ã“ã‚Œã‚‚æœ‰ã‚Šé›£ã„ï¼ï¼

CoffeeScript
ãƒªãƒ³ã‚¯
CoffeeScriptã¨jQueryã®å®Ÿä¾‹ - - Railsãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆ
ãƒ•ã‚©ãƒ¼ãƒ é–¢é€£ ãƒ•ã‚©ãƒ¼ãƒ å…±é€š ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’å–å¾—ã™ã‚‹ idæŒ‡å®š View <%= form_for(@page) do |f| %> <%= f.text_field :title %> <% end %> CoffeeScript $ -> page_title = $('#page_title') classæŒ‡å®š View <%= form_for(@page) do |f| %> <%= f.text_field :title, class: "title" %> <% end %> CoffeeScript $ -> title = $('.title') nameæŒ‡å®š View <%= form_for(@page) do |f| %> <%= f.text_field :title %> <% end %> CoffeeScript $ -> title = $('[n
iR3 2014/09/05
ã“ã‚Œã¯æœ‰ã‚Šé›£ã„ï¼

CoffeeScript

jQuery
ãƒªãƒ³ã‚¯
CoffeeScriptã®ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚° - ãƒ¯ã‚¶ãƒŽãƒ | wazanova
http://blog.arkency.com/2014/07/6-front-end-techniques-for-rails-developers-part-i-from-big-ball-of-mud-to-separated-concerns/ 1 comment | 0 points | by WazanovaNews â– comment by Jshiike | ç´„2æ™‚é–“å‰ ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚‚ã‚ã‚Šã€ãã‚Œã§ãªãã¦ã‚‚ãƒ•ãƒãƒ³ãƒˆå´ã®ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãæ©Ÿä¼šã¯å¢—ãˆã¦ãã¦ã¾ã™ãŒã€ã‚³ãƒ¼ãƒ‰ã‚’ã†ã¾ãæ•´ç†ã—ã¦ã€ ç°¡å˜ã«ã€ã‚‚ã£ã¨ãƒ†ã‚¹ãƒˆã—ã‚„ã™ã„ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã€‚ ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚’ä¸‹ã’ã‚‹ã“ã¨ãªãé–‹ç™ºã‚¹ãƒ”ãƒ¼ãƒ‰ã‚’ã‚ã’ã‚‹ã€‚ ãŸã‚ã®ãƒŽã‚¦ãƒã‚¦ã®ä¸€ç«¯ã‚’é–‹ç™ºä¼šç¤¾ã®ArkencyãŒã‚·ã‚§ã‚¢ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ ã‚·ãƒªãƒ¼ã‚ºã®åˆå›žã¯ã€ã‚·ãƒ³ãƒ—ãƒ«ãªãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã®ã‚±ãƒ¼ã‚¹ã‚¹ã‚¿ãƒ‡ã‚£ã€‚ CoffeeScriptã®ã‚³ãƒ¼ãƒ‰ãŒã€DOMå¤‰æ›ã€ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³
iR3 2014/07/31
æ—¥æœ¬èªžè¨³ æœ‰é›£ã„ï¼

Rails

Ajax

CoffeeScript
ãƒªãƒ³ã‚¯
6 front-end techniques for Rails developers. Part I: From big ball of mud to separated concerns
6 front-end techniques for Rails developers. Part I: From big ball of mud to separated concerns â€¦ and check why 5600+ Rails engineers read also this 6 front-end techniques for Rails developers. Part I: From big ball of mud to separated concerns Photo remix available thanks to the courtesy of Clever Cupcakes. CC BY 2.0 Current trends in web development forces us to write more and more front-end cod
iR3 2014/07/31
Railsã®ãƒ•ãƒãƒ³ãƒˆå®Ÿè£…ã®æ–¹é‡è€ƒå¯Ÿ GJ!

Rails

Ajax

CoffeeScript
ãƒªãƒ³ã‚¯
Dashing - The exceptionally handsome dashboard framework.
Heads-up: Dashing still works great, but is no longer maintained. Read up about it over here. You can also use the fork of the project. Dashing is a Sinatra based framework that lets you build beautiful dashboards. Check out a demo over here. Here's another one, optimized for 1080p screens. Key features: Use premade widgets, or fully create your own with scss, html, and coffeescript. Widgets harne
iR3 2014/05/28
CoffeeScript

Dashing

sinatra
ãƒªãƒ³ã‚¯
ãƒ‡ãƒ–ãƒã‚²
ã§ã¶ã¯ã’ã€€ã‚ã—ããˆ
iR3 2013/12/05
ãµã‚€ãµã‚€

CoffeeScript
ãƒªãƒ³ã‚¯
ãƒ¢ãƒ€ãƒ³ãªè¨€èªžã§HTML5ã‚’é–‹ç™ºã—ã‚ˆã†ï¼ ä¿¯çž°ã—ã¦ç†è§£ã™ã‚‹altJSã®æ¯”è¼ƒ (å‰ç¯‡ â€“ TypeScript, CoffeeScript, Haxe)
â€»ã„ãšã‚Œã®è¨€èªžã‚‚ãƒžãƒ«ãƒãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã§ã‚ã‚Šã€Windows, Mac OS Xã¨ã‚‚ã«ã©ã¡ã‚‰ã§ã‚‚åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ æ¯”è¼ƒå¯¾è±¡ã®ã‚µãƒ³ãƒ—ãƒ« ã‚µãƒ³ãƒ—ãƒ«ã¨ã—ã¦ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã®Webã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç”¨æ„ã—ã¦ã„ã¾ã™ã€‚ãã‚Œãžã‚Œã®è¨€èªžã§ã©ã®ã‚ˆã†ã«è¨˜è¿°ã—ã¦å®Ÿè£…ã™ã‚‹ã®ã‹ã€ã¾ãŸç”Ÿæˆã•ã‚ŒãŸJavaScriptãŒã©ã®ã‚ˆã†ãªã‚‚ã®ã§ã‚ã‚‹ã‹ç¢ºèªã—ã¦ã„ãã¾ã—ã‚‡ã†ã€‚ã“ã®ã‚µãƒ³ãƒ—ãƒ«ã§ã¯è¨€èªžã®ç‰¹æ€§ã‚’ç´¹ä»‹ã™ã‚‹ãŸã‚ã«ã€å®Ÿç”¨çš„ãªè¦ç´ ã¨ã—ã¦ã€Œã‚¯ãƒ©ã‚¹æ§‹é€ ã®åˆ©ç”¨ã€ã€Œæ—¢å˜JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®åˆ©ç”¨ã€ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼æ“ä½œã€ã‚’å«ã‚ã¦ã„ã¾ã™ã€‚ ãƒ‡ãƒ¢ã‚’é–‹ã ã€ŒChange Photoã€ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨å†™çœŸãŒåˆ‡ã‚Šæ›¿ã‚ã‚Šã¾ã™ã€‚CSS3ã®3D Transf ormsã‚’jQueryã‚’ç”¨ã„ã¦åˆ¶å¾¡ã—ã¾ã™ï¼ˆç¢ºèªã®éš›ã«ã¯ã€CSS3ã®3D Transf ormsãŒåˆ©ç”¨ã§ãã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ã”åˆ©ç”¨ä¸‹ã•ã„ï¼‰ æ¦‚è¦ TypeScriptã¯ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆãŒé–‹ç™ºã™ã‚‹ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®è¨€
iR3 2013/12/05
JavaScriptã‚’ç”Ÿæˆã™ã‚‹ä¸é–“è¨€èªžã¯JavaScriptã®ä»£æ›¿ã¨ã„ã†ã“ã¨ã§ã€ŒaltJSã€ã¨å‘¼ã°ã‚ŒCoffeeScriptã¯ãã®ã²ã¨ã¤ã¨ã„ã†ä½ç½®ã¥ã‘

altJS

CoffeeScript
ãƒªãƒ³ã‚¯
CoffeeScriptã§jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’æ›¸ã„ã¦ã¿ã¦æ€ã£ãŸã“ã¨ | WEB EGG
ã“ã‚“ã«ã¡ã¯ã€‚ æ˜¼å¤œé€†è»¢ãŒä¸€å‘¨ã—ã¦ã‚„ã£ã¨æ™®é€šã®ç”Ÿæ´»ã«æˆ»ã£ã¦æ¥ã¾ã—ãŸã€‚ã‚Œã“ã§ã™ æœ€è¿‘ã€CoffeeScriptã¨ã„ã†JavaScriptã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ãƒãƒžã£ã¦ã„ã¾ã™ã€‚ åŠå¹´å‰ãã‚‰ã„ã«æµè¡Œã£ãŸã€è³›å¦ä¸¡è«–ãªjsãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã«jsã‚’æ›¸ãã“ã¨ãŒã§ãã¦ã€Ruby on Railsã§ã‚‚å…¬å¼æŽ¡ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãã®CoffeeScriptã§jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ï¼‘ã¤æ›¸ã„ã¦ã¿ã¦ã€CoffeeScriptã§é–‹ç™ºã—ã¦ã„ãã“ã¨ã«ã¤ã„ã¦æ„Ÿã˜ãŸã“ã¨ã‚’ãƒ¡ãƒ¢ã—ã¾ã™ã€‚ CoffeeScriptã‚„jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®åŸºç¤Žã«ã¤ã„ã¦ã¯ç‰¹ã«è§¦ã‚Œã¾ã›ã‚“ã€‚ã”äº†æ‰¿ä¸‹ã•ã„ã€‚ CoffeeScriptã¨ã¯ CoffeeScriptã¯JavaScriptã‚’æ¥½ã«ã‚·ãƒ³ãƒ—ãƒ«ã«æ›¸ã‘ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ãŠãŠã¾ã‹ãªç‰¹å¾´ã¯ã€ æ–‡æ³•ã¯Rubyã‚„Pythonã«è¿‘ã„ é–¢æ•°å‘¼ã³å‡ºã—ã®éš›ã«å¼•æ•°ã®æ‹¬å¼§ã‚’çœç•¥ã§ãã‚‹ ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆã§ãƒ«ãƒ¼ãƒ—ã‚„é–¢æ•°ãªã©ã®
iR3 2013/09/07
GJ!

jQuery

CoffeeScript
ãƒªãƒ³ã‚¯
CoffeeScriptã§jQueryä½¿ã†ã¨ãã®ãƒ¡ãƒ¢
CoffeeScriptã§jQueryä½¿ã†ã¨ãã®ãƒ¡ãƒ¢ CoffeeScriptã§jQueryä½¿ãŠã†ã¨æ€ã£ãŸã‚‰ã„ã‚ã„ã‚ã¨æˆ¸æƒ‘ã£ã¦ã—ã¾ã£ãŸã®ã§ãƒ¡ãƒ¢ã§ã™ã€‚ æŠ•ç¨¿æ—¥2012å¹´11æœˆ19æ—¥ æ›´æ–°æ—¥2012å¹´12æœˆ24æ—¥ ã¨ã‚Šã‚ãˆãšCoffeeScriptã§jQueryä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ JSã§jQueryã®ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãå§‹ã‚ã‚‹ã¨ãã€Œ$(document).readyã€ã‚’çœç•¥ã—ãŸå½¢ã§ä¸‹è¨˜ã®ã‚ˆã†ã«æ›¸ãã“ã¨ãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ JavaScript $(function() { // jQueryã‚¹ã‚¯ãƒªãƒ—ãƒˆ }); ã“ã‚Œã‚’CoffeeScriptã«ã™ã‚‹ã¨ã“ã†ãªã‚Šã¾ã™ã€‚ CoffeeScript $ -> # jQueryã‚¹ã‚¯ãƒªãƒ—ãƒˆ ã“ã‚Œã§jQueryãŒã„ã¤ã‚‚ã®ã‚ˆã†ã«ä½¿ç”¨ã§ãã¾ã™ã®ã§ã€ã‚ã¨ã¯ã•ãã•ãæ›¸ã‘ã‚‹ã¨æ€ã„ã¾ã™ã€‚ è©¦ã—ã«ã€Œpã€ã®ãƒ†ã‚ã‚¹ãƒˆã‚«ãƒ©ãƒ¼ã‚’èµ¤ã«ã—ã¦ã¿ã¾ã™ã€‚ CoffeeScript $ -> $('p')
iR3 2013/09/07
ãµã‚€ãµã‚€

jQuery

CoffeeScript
ãƒªãƒ³ã‚¯
xslx ã‚’ coffeescript ã§èªã¿æ›¸ãã™ã‚‹ - katoy: cocolog
iR3 2013/09/04
ã»ã€œ

CoffeeScript

xslx
ãƒªãƒ³ã‚¯
The Little Book on CoffeeScript
The Little Book on CoffeeScript
iR3 2013/08/10
ãŠã‰æ—¥æœ¬èªžè¨³ãŒã‚ã‚‹ã®ã

CoffeeScript
ãƒªãƒ³ã‚¯
GitHub - paulnicholson/coffee-filter: CoffeeFilter is a custom haml filter for rendering coffeescript.
For Haml < 4.0Â¶ â†‘ Haml >= 4.0 includes built-in support for coffeescript. What is coffee-filter?Â¶ â†‘ Coffee-filter provides a custom haml filter allowing you to inline coffeescript in your haml templates. It was inspired by Ivan Nemytchenkoâ€™s coffee-haml-filter but I wanted an installable gem and â€œcoffeescriptâ€ as the filter name. ExampleÂ¶ â†‘ Haml: %div stuff :coffeescript alert 'here' Html: <div> s
iR3 2013/06/24
coffee-fillter ã®è©±ã«è¡Œãç€ã„ãŸ #sendagayarb

CoffeeScript

coffee-fillter
ãƒªãƒ³ã‚¯
GitHub - netzpirat/haml-coffee: Haml templates where you can write inline CoffeeScript.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
iR3 2013/06/24
ä»Šåº¦ã¯ã“ã‚ŒãŒ #sendagayarb ã®è©±é¡Œã«

Haml

CoffeeScript
ãƒªãƒ³ã‚¯
CoffeeScriptã£ã¦ãªã‚“ãžï¼Ÿ
kanazawa.js v1.7 - Back to Basics -ï¼ˆ2012å¹´3æœˆ31æ—¥é–‹å‚¬ï¼‰ã§ä½¿ç”¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚Read less
iR3 2013/01/15
CoffeeScript
ãƒªãƒ³ã‚¯
sprockets ã® README æ„è¨³ - ãŠã‚‚ã—ã‚webã‚µãƒ¼ãƒ“ã‚¹é–‹ç™ºæ—¥è¨˜
Rails3.1 ã‹ã‚‰åŒæ¢±ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸ sprockets ã® README ã®æ„è¨³ã§ã™ã€‚ sstephenson/sprockets - GitHub ã¯ã˜ã‚ã« Sprockets ã¯ assets ãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã¨é…ä¿¡ã‚’è¡Œã†ãŸã‚ã® Ruby ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚JavaScript ã¨ CSS ãƒ•ã‚¡ã‚¤ãƒ«ã®ä¾å˜é–¢ä¿‚ã‚’å®£è¨€ã§ãã€ã•ã‚‰ã«ãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µã‚’ä½¿ã†ã“ã¨ã§ CoffeeScript, Sass, SCSS, LESS ç‰ã®è¨€èªžã‚’ assets ã®è¨˜è¿°ã«åˆ©ç”¨å‡ºæ¥ã¾ã™ã€‚ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ã„ã‚ã‚†ã‚‹æ™®é€šã®ã‚„ã‚Šæ–¹ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«å¯èƒ½ã§ã™ã€‚ gem install sprockets Gemfileãªã‚‰ gem 'sprockets', '~> 2.0' Sprockets Environment assets ãƒ•ã‚¡ã‚¤ãƒ«ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦é…ä¿¡ã™ã‚‹ãªã‚‰ã€ Sprockets::Environmen
iR3 2012/09/04
Rails3

sprockets

CoffeeScript
ãƒªãƒ³ã‚¯
F5
http://ll.jus.or.jp/2012/ LT
iR3 2012/08/04
æ³•è¼ªãŒå›žã£ãŸ

CoffeeScript
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸