Life on the Edge
Download as KEY, PDF
1 like1,459 views
The document discusses the evolution of web development technologies over time. It describes how early meetups in 2006 focused on Ruby on Rails. It then covers new technologies like CoffeeScript, Sass, and asset pipelines that emerged in Rails 3.0 and 3.1 to improve JavaScript, CSS, and asset compilation. Key benefits of these new tools include improved developer productivity and better application performance.
![con鍖g/initializers/sass.rb
Sass::Plugin.options[:template_location] =
'app/stylesheets'
Sass::Plugin.options[:css_location] =
'tmp/stylesheets'
Rails.configuration.middleware.delete(
'Sass::Plugin::Rack')
Rails.configuration.middleware.insert_before(
'Rack::Sendfile', 'Sass::Plugin::Rack')
Rails.configuration.middleware.insert_before(
'Rack::Sendfile', 'Rack::Static',
:urls => ['/stylesheets'],
:root => "#{Rails.root}/tmp")
@pwim
JA Meetup #1](https://image.slidesharecdn.com/herokult-110708011007-phpapp02/85/Life-on-the-Edge-27-320.jpg)
Life on the Edge
- 1. Life on the Edge http://www.鍖ickr.com/photos/stuckincustoms/3376506512/ @pwim JA Meetup #1
- 2. 2006 @pwim JA Meetup #1
- 3. 2006 2008 @pwim JA Meetup #1
- 4. 2006 2008 2009 Heroku @pwim JA Meetup #1
- 5. 2006 2008 2009 Heroku 2010 Tokyo Rubyist Meetup @pwim JA Meetup #1
- 6. WEB @pwim JA Meetup #1
- 7. 20 LT @pwim JA Meetup #1
- 9. 1 dyno @pwim JA Meetup #1
- 10. 1 dyno @pwim JA Meetup #1
- 12. CoffeeScript vs. JavaScript fill = (container, liquid = "coffee") -> "Filling the #{container} with #{liquid}..." @pwim JA Meetup #1
- 13. CoffeeScript vs. JavaScript fill = (container, liquid = "coffee") -> "Filling the #{container} with #{liquid}..." var fill; fill = function(container, liquid) { if (liquid == null) { liquid = "coffee"; } return "Filling the " + container + " with " + liquid + "..."; }; @pwim JA Meetup #1
- 14. Sass Vs. Css $margin: 16px .border padding: $margin / 2 margin: $margin / 2 table.hl margin: 2em 0 td.ln text-align: right @pwim JA Meetup #1
- 15. Sass Vs. Css $margin: 16px .border { padding: 8px; .border margin: 8px; padding: $margin / 2 } margin: $margin / 2 table.hl { table.hl margin: 2em 0; margin: 2em 0 } td.ln text-align: right table.hl td.ln { text-align: right; } @pwim JA Meetup #1
- 19. Java @pwim JA Meetup #1
- 20. Too Java UGLY! @pwim JA Meetup #1
- 21. rake assets:precompile @pwim JA Meetup #1
- 22. 禽看艶壊稼t rake assets:precompile Work @pwim JA Meetup #1
- 23. Rails 3.0 @pwim JA Meetup #1
- 24. Rails 3.0 Lets Try @pwim JA Meetup #1
- 25. Gem鍖le gem 'rails', '3.0.7' gem 'sass' gem 'barista' group :production do gem 'therubyracer', "~> 0.9.0beta7" end @pwim JA Meetup #1
- 26. con鍖g/initializers/barista_con鍖g.rb Barista.configure do |c| c.output_root = Rails.root.join( "tmp", "coffeescripts") end @pwim JA Meetup #1
- 27. con鍖g/initializers/sass.rb Sass::Plugin.options[:template_location] = 'app/stylesheets' Sass::Plugin.options[:css_location] = 'tmp/stylesheets' Rails.configuration.middleware.delete( 'Sass::Plugin::Rack') Rails.configuration.middleware.insert_before( 'Rack::Sendfile', 'Sass::Plugin::Rack') Rails.configuration.middleware.insert_before( 'Rack::Sendfile', 'Rack::Static', :urls => ['/stylesheets'], :root => "#{Rails.root}/tmp") @pwim JA Meetup #1
- 28. css/js Rails cache-busting strategy : application.css?1323295 @pwim JA Meetup #1
- 29. Gem鍖le gem 'rails', '3.1.0.rc4' gem 'sprockets', '= 2.0.0.beta.10' gem 'sass-rails', "~> 3.1.0.rc" gem 'coffee-script' gem 'uglifier' group :production do gem 'therubyracer', "~> 0.9.1" end @pwim JA Meetup #1
- 30. 界看稼鍖g/温沿沿鉛庄界温岳庄看稼.姻恢 config.assets.enabled = true @pwim JA Meetup #1
- 31. con鍖g/environments/production.rb config.assets.compress = true config.assets.js_compressor = :uglifier @pwim JA Meetup #1
- 32. Rails 3.1 New Relic Dalli (memcache gem) session store @pwim JA Meetup #1
- 33. Further Information http://www.mobalean.com/blog/2011/06/29/ using-the-asset-pipeline-under-rails-3-1 http://www.tokyorubyistmeetup.org/ 7 13 @pwim JA Meetup #1
Editor's Notes
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n