ã€Ruby on Rails】 Asset Pipelineを活用ã—ã€CoffeeScriptを試㙠| Casley Deep Innovationsæ ªå¼ä¼šç¤¾ 技術ブãƒã‚°ã“ã‚“ã«ã¡ã¯ã€ã‚ャスレーコンサルティングSI部ã®æ¸…æ°´ã§ã™ã€‚ Railsã§ã¯ã€Rails 3.1よりクライアントサイド開発ã®è¨€èªžã¨ã—ã¦CoffeeScriptï¼SCSSを標準サãƒãƒ¼ãƒˆã—ã¦ã„ã¾ã™ã€‚ CoffeeScriptï¼SCSSã¯ç°¡å˜ã«è¨€ã†ã¨JavaScriptï¼CSSをより便利ã«ã€ã‚·ãƒ³ãƒ—ルã«ã™ã‚‹ãŸã‚ã®è¨€èªžã§ã€ å¿…ãšã—も使用ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ã¨ã„ã†ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ç”Ÿç”£æ€§ã®é«˜ã•ã‹ã‚‰è€ƒãˆã‚‹ã¨ãœã²æŠ¼ã•ãˆã¦ãŠããŸã„言語ã§ã™ã€‚ 今回ã¯Asset Pipeã¨ã„ã†æ©Ÿèƒ½ã‚’活用ã—ã€ç°¡å˜ãªCoffeeScriptを試ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Sprocketsã«ã¤ã„㦠ã¾ãšã¯ã€JavaScriptやスタイルシートãªã©ã®ã‚¢ã‚»ãƒƒãƒˆ(※)をページã«ã‚¤ãƒ³ãƒãƒ¼ãƒˆã™ã‚‹æ–¹æ³•ã‹ã‚‰ãŠè©±ã—ã—ã¾ã™ã€‚ ※：アセットã¨ã¯JavaScriptã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã€ç”»åƒãªã©ã‚¢ãƒ—リケーションã§æ‰±ã†ãƒªã‚½ãƒ¼ã‚¹ã®ä¸€å¼ã®ç·ç§°ã€‚ Railsã§ã¯ã‚¢ã‚»ãƒƒãƒˆã‚’
Ruby On Rails Gemã¾ã¨ã‚ -gon- - Qiita
React.js　モーダル - Google 検索
erbを使用ã—ãŸjavascriptã§railsã®å¤‰æ•°ã‚„関数を使用ã—ãŸã„
ã€Rails】Ajaxを実装ã™ã‚‹ã«ã‚ãŸã£ã¦ã®ã€js.erbファイルã®å‘¼ã³å‡ºã—ã«ã¤ã„ã¦ã€‚アクションãŒå‘¼ã°ã‚Œã‚‹viewã«ã‚ˆã£ã¦å‘¼ã³å‡ºã™jsファイルを切り替ãˆãŸã„ã§ã™ã€‚
rails js.erb - Google 検索
Railsã§ä»»æ„ã®javascriptã ã‘ã‚’èªã¿è¾¼ã‚€ - Qiita
Railsã®ãƒžãƒ‹ãƒ•ã‚§ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’使ã£ãŸJsã¨Stylesheetã®å‘¼ã³å‡ºã— - Qiita
Rails3.1ã‹ã‚‰å°Žå…¥ã•ã‚ŒãŸAsset PipelineãŒã‚ˆãã‚ã‹ã£ã¦ãªã‹ã£ãŸã‹ã‚‰èª¿ã¹ãŸ - (ﾟ∀ﾟ)o彡 sasata299's blog
rails application.js - Google 検索
{{#tags}}- {{label}}
{{/tags}}