JulioCapote

MigrationFor: Write migrations right from the command line!

Mon, 03 Jan 2011 13:48:00 -0500

As someone who mostly stays in the rails console, I’ve always hated forgetting a field, creating a migration, finding it among your other 500 migration files, then adding the one line you need to add, then running it. This is probably the most annoying part of the Rails experience. I’ve always wanted to write a better migration generator that could take a list of commands/fields and write the migration for you, since most of the time what you name a migration has all the info it needs (add_index_to_post_id). Thanks to the heavily refactored plugin/generator API in Rails 3, I was able to do just that.

Let’s take a look at how it works:

First, install it (only works for Rails 3)

rails plugin install git://github.com/capotej/migration_for.git

Then, you can create migrations like so:

rails g migration_for add_index:posts:posts_id

It would generate db/migrate/20110103182654_add_index_posts_posts_id.rb):

class AddIndexPostsPostsId < ActiveRecord::Migration

   def self.up

      add_index 'posts','posts_id'

   end

   def self.down
     #waiting for reversible migrations in rails 3.1!
   end

end

Which you can then run normally with rake db:migrate

Let’s look at a more complex example:

rails g migration_for create_table:posts add_column:posts:title:string add_column:posts:user_id:integer add_index:posts:user_id

Would generate:

 class CreateTablePostsaddColumnPostsTitleStringaddColumnPostsUserIdIntegeraddIndexPostsUserId < ActiveRecord::Migration

   def self.up

      create_table 'posts'

      add_column 'posts','title','string'

      add_column 'posts','user_id','integer'

      add_index 'posts','user_id'

   end

   def self.down
     #waiting for reversible migrations in rails 3.1!
   end

end

It uses a lookup table with all the activerecord transformations and will only insert an expression into a migration if the method name is valid and it has the right number of arguments, so botched commands wont mess up the migration. Hope you enjoy it as much as I have!

Source available here: https://github.com/capotej/migration_for

What I released in 2010

Fri, 31 Dec 2010 17:29:00 -0500

Here’s a recap of what I’ve worked on and released in 2010:

Youtube Fraiche: I couldn’t find a youtube downloader that worked on github, so I wrote my own one evening https://github.com/capotej/youtube_fraiche

Uploadd and paperclip_uploadd: I wanted to upload and store images off-site (using paperclip/rails) on an server which has cheaper bandwidth rates than S3. Using rainbows, this tiny rack script has handled over a 1.5 million uploads at a peak of 10-15 uploads/sec. Also, it’s been running for about 6 months now without a single crash. Thank you Eric Wong! https://github.com/capotej/uploadd There is also a plugin for the popular paperclip gem to use uploadd as a storage backend transparently. https://github.com/capotej/paperclip_uploadd

mrskinner: Tiny javascript for making the site gutters clickable based on a fixed width layout: https://github.com/capotej/mrskinner/blob/master/mrskinner.js

existential: Completely inspired by Nick Kallen’s post on authorization, I wanted to extract that pattern into a rails plugin that I could use for all my projects. I use devise/existential for all my projects now. https://github.com/capotej/existential

has_opengraph: Easy way to participate in opengraph and draw facebook like buttons. Just annotate your models with meta data, and draw it in your view easily. https://github.com/capotej/has_opengraph

chewbacca: I kinda feel bad that I took a cool name for such a lame script. Anyway it’s a set of rake tasks that provide a hair of abstraction above scp. Useful when you have a set of files locally that map to a different set of files remotely. https://github.com/capotej/chewbacca

I already have tons of stuff in the works for 2011!

On Google Buzz

Sun, 14 Feb 2010 22:31:00 -0500

Summary: In this post I attempt to rationalize the creation of Google Buzz.

How I see it
Google Buzz is a subset of email, optimized for sharing information and discussing said information amongst a network of followers. I’m sure Google noticed that a large number of users send short messages, occasionally accompanied by a link or an attached image, to the same people over and over. I know I do; Regardless of Twitter or Facebook, Email is still my preferred medium for propagating content to my close friends. In fact, the first browser add-on I install is the “send via gmail” to automate this process. So upon seeing Google Buzz, instead of seeing it as “another social network”, I saw it as a streamlining of my current link sharing workflow.

Sharing
Sharing things on Google Buzz is pretty easy (although I’m still waiting for my chrome extension). It’s faster than sending out an email because you can create groups of those you would normally CC and you don’t have to think about a subject line.

Private Groups
I believe that this is Google Buzz’s killer feature. As our social graphs increase and intersect/overlap, the importance of segregating information increases. For instance, your Mom/Boss/Girlfriend(s) seeing pictures of you at that raunchy party the other night. This is a common problem that anyone with a Facebook/Myspace can attest to having (at least once). Not just for privacy’s sake but for the sake of your followers. I used to have every tweet posted to my Facebook but people complained that they didn’t understand 99.9% of the things I posted (programming links/info usually). And inversely if I started posting non technical/silly things to Twitter, I’ll lose the technical audience there (this is why this app rules). Google Buzz allows me to share content with just the people I want (and discuss with the people I want).

Discussion
Let’s face it, trying to have a deep discussion is next to impossible on Twitter (not that this is bad). Meanwhile, Google Buzz inherits gmail’s threaded conversation feature (one of it’s best features) which makes discussing buzzed items a breeze. Also the “Like” concept is not to be underestimated, how many times have you seen email replies with “+1” in them? Or, if a discussion you don’t care about keeps showing up on your stream you can simply Mute it. Crazy Speculation: This may be what’s coming next for Google Groups.

Pain Points
Nothing is perfect, and Google Buzz is surely is not. For one, it’s, some say, intrusive, arrival rubbed a lot of people the wrong way. You’ll find all kinds of posts on the internet about how they feel betrayed by Google for forcing a social network down their throat. Others felt that their gmail was their “work area” and didn’t want to bothered with such folly (understandably so). That’s why I feel it should’ve been deployed like this: Wave style invites and if you buzz someone that doesn’t have an invite, they just get it like a regular email with a link on the bottom to join. The early adopters will bring in those they feel will like the service and use it with them. The other point is that you can’t filter out buzzed tweets (when you tweet, Google Buzz will buzz it automatically) so you end seeing tweets twice.

Conclusion
So in conclusion, will Buzz replace Twitter for me? No. But it will definitely replace those quickie emails I fire off to the same group of people over and over. I feel like they are trying to market Google Wave to a bigger, more mainstream audience. If that’s the case, I look forward to see what else Google Buzz will bring to the table in the future.

On PHP Frameworks...

Sun, 15 Nov 2009 20:16:39 -0500

My Friend: I never realized there were so many PHP frameworks...
Me: That's cause they aren't smart enough to realize it's impossible to build abstractions without lambdas

Using Rack applications inside GWT Hosted mode

Sun, 19 Jul 2009 21:51:00 -0400

This guide will show you how you can use JRuby to run any Rack application inside Google Web Toolkit’s (GWT) hosted mode server so your interface and your backend are of the Same Origin.

Background
GWT has two ways of interacting with a server: GWT Remote Procedure Call (RPC) and plain HTTP (XHR). GWT-RPC is a high level library designed for interacting with server-side Java code. GWT-RPC implements the GWT Remote Service interface allowing you to call those methods from the user interface. Essentially, GWT handles the dirty work for you. However, it only works on Java backends that can implement that interface. Since most of my backends are Sinatra/Rack applications, I’ll be using the plain HTTP library.

The problem
Due to the restriction of the Same Origin policy, the interface served out of GWT’s development, or Hosted Mode server can only make requests back to itself. If you were using real servlets or GWT’s RemoteService this wouldn’t be an issue; but since Rack applications listen on their own port, you cannot make requests from GWT to our application without resorting to something like JSONP or server-side proxying. This leaves you having to compile our interface to HTML/JS/CSS, which is lengthy process, and serve it from the origin of the Rack application to see our changes.

The solution
Since I wanted to develop using GWT’s development environment with a Rack backend, I devised a way to use jruby-rack to load arbitrary Rack applications alongside our interface.

First let’s setup our environment:

1. Download and unpack the latest GWT for your platform (mine’s being linux) and goto it:

wget http://google-web-toolkit.googlecode.com/files/gwt-linux-1.7.0.tar.bz2
tar -xvjpf gwt-linux-1.7.0.tar.bz2
cd gwt-linux-1.7.0

2 .Download the latest jruby-complete.jar:

wget http://repository.codehaus.org/org/jruby/jruby-complete/1.3.1/jruby-complete-1.3.1.jar
mv jruby-complete-1.3.1.jar jruby-complete.jar

3. Download the latest jruby-rack.jar

wget http://repository.codehaus.org/org/jruby/rack/jruby-rack/0.9.4/jruby-rack-0.9.4.jar
mv jruby-rack-0.9.4.jar jruby-rack.jar

Now let’s create our GWT application using an example Sinatra backend:

4. Create an app with webAppCreator:

./webAppCreator -out MySinatra com.example.MySinatra
cd MySinatra

5. In order for this to work you have to package any gem dependencies your backend needs (sinatra, in our case) as jars within your application. For Sinatra it looks like this:

 java -jar jruby-complete.jar -S gem install -i ./sinatra sinatra --no-rdoc --no-ri
 jar cf sinatra.jar -C sinatra .

6. Add jruby-complete.jar, jruby-rack.jar, sinatra.jar (and any other jars you’ve created) to the libs target of your build.xml:

 <target name="libs" description="Copy libs to WEB-INF/lib">
 <mkdir dir="war/WEB-INF/lib" />
 <copy todir="war/WEB-INF/lib" file="${gwt.sdk}/gwt-servlet.jar" />
 <!-- Add any additional server libs that need to be copied -->
 <copy todir="war/WEB-INF/lib" file="${gwt.sdk}/jruby-complete.jar" />
 <copy todir="war/WEB-INF/lib" file="${gwt.sdk}/jruby-rack.jar" />
 <copy todir="war/WEB-INF/lib" file="${gwt.sdk}/sinatra.jar" />
 </target>

7. Add these lines right after <web-app> in war/WEB-INF/web.xml:

 <context-param>
 <param-name>rackup</param-name>
 <param-value>
 require 'rubygems'
 require './lib/sinatra_app'
 map '/api' do
 run MyApp 
 end
 </param-value>
 </context-param>

 <filter>
 <filter-name>RackFilter</filter-name>
 <filter-class>org.jruby.rack.RackFilter</filter-class>
 </filter>
 <filter-mapping>
 <filter-name>RackFilter</filter-name>
 <url-pattern>/api/*</url-pattern>
 </filter-mapping>

 <listener>
 <listener-class>org.jruby.rack.RackServletContextListener</listener-class>
 </listener>

Note: All you’re doing here is passing the contents of a config.ru file into the <param-value> element for the <context-param> (make sure this is HTML encoded!). This states that any request to /api is to be handled by your Sinatra application and not GWT’s Hosted mode servlet.

8. Create your Sinatra backend and place it in war/WEB-INF/lib/sinatra_app.rb

require 'sinatra'
require 'open-uri'
class MyApp < Sinatra::Base

  get '/showpage' do
     open('http://www.yahoo.com').read
  end

  get '/helloworld' do
    'hello world'
  end

end

9. Run your new awesome setup:

ant hosted

Now when navigate to http://localhost:8888/api/helloworld or http://localhost:8888/api/showpage you should see the Sinatra application being served via GWT.

Useful Rails Routing tips

Thu, 01 Jan 2009 19:50:00 -0500

Even though I have been using Rails for fun and profit for about 2 years now, I felt I never really used it’s routing engine to its full potential. So I checked out new Rails Routing from the outside in guide and discovered bunch of useful tricks that I (and maybe you) had no idea you could do. Here they are:

Multiple resource definitions on a single line

map.resources :photos, :books, :videos

Impose a certain format for resource identifiers

map.resources :photos, :requirements => { :id => /[A-Z][A-Z][0-9]+/ }

This way, /photos/3 would not work, but /photos/DA321 would.

Friendlier action names

Say for your application ‘create’ and ‘change’ make more sense than the default ‘new’ and ‘edit’ you can do

map.resources :photos, :path_names => { :new => 'make', :edit => 'change' }

You can also do this site-wide also, in your environment.rb

config.action_controller.resources_path_names = { :new => 'make', :edit => 'change' }

Trim the fat off resources with :only and :except

When you use map.resources, rails generates 7 restful routes for that resource; But what if that resource only needed to be seen and listed, never edited or created?

map.resources :photos, :only => [:index, :show]

If your application uses alot of map.resources calls but not neccesarily all its generated routes, you can save memory this way.

Adding extra routes to your resources

Instead of fighting the map.resources generator by placing a horror like this atop your routes.rb

map.connect '/photos/:id/preview', { :controller => 'photos', :action => 'preview' }

You can do this to your already mapped resource

map.resources :photos, :member => { :preview => :get }

This will map all GET’s to /photos/3 to the preview action of your photos controller

This can also be used in collections instead of singular members, just change :member to :collection

map.resources :photos, :collection => { :search => :get }

This will give you /photos/search and hit the search action within the photos controller

So you want to click that button?

Wed, 29 Oct 2008 00:05:00 -0400

I stumbled upon http://clickthatbutton.com during my routine lurking of hacker news. After being amused for about 10 seconds, I decided to take it to the next level; I wanted to click on it really, really fast. After going through a few solutions (simple js while loop in firebug, then curl/wget) and failing, the idea of using selenium popped into my head. So I went off to their site and installed the extension. I figured a simple recording of the mouse event, then wrapping it around a loop in selenium would do the trick, but I quickly found that selenium doesn’t support loops. Not to be stopped, I searched google and ended up with this. After installing the plugin for selenium (a plugin for a plugin!?) and restarting firefox, I tried it again and to my surprise it worked! The click counter was going up steadily on its own (18k clicks and counting). Here is my selenium test case for those of you following along:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head profile="http://selenium-ide.openqa.org/profiles/test-case">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="selenium.base" href="http://clickthatbutton.com/" />
<title>haha</title>
</head>
<body>
<table cellpadding="1" cellspacing="1" border="1">
<thead>
<tr><td rowspan="1" colspan="3">haha</td></tr>
</thead><tbody>
<tr>
    <td>open</td>
    <td>/</td>
    <td></td>
</tr>
<tr>
    <td>store</td>
    <td>x</td>
    <td>1</td>
</tr>
<tr>
    <td>while</td>
    <td>storedVars['x'] == storedVars['x']</td>
    <td></td>
</tr>
<tr>
    <td>click</td>
    <td>submit</td>
    <td></td>
</tr>
<tr>
    <td>endWhile</td>
    <td></td>
    <td></td>
</tr>

</tbody></table>
</body>
</html>

Just paste that into a file, open it with selenium ide, hit play and you should be good to go.

Arrow key navigation for text fields

Sun, 12 Oct 2008 20:41:00 -0400

Here is a class for enabling the use of arrow keys to navigate through a grid of input fields: (using mootools)


var FocusMover = new Class({

	initialize: function(sel, col_num){

		this.sel = sel
		this.col_num = col_num
		this.inputs = $$(this.sel)
		this.current_focus = 0

		var self = this

		this.inputs.each(function(item, index){
			item.addEvent('keydown',function(key){
				$try(function(){
					self[key.key]()
				})
			})
			item.addEvent('focus',function(e){
				self.refresh(e)
			})

			item.set('myid', index)
		})

		this.inputs[0].focus()

	},


	refresh: function(e){
		this.current_focus = e.target.get('myid')
	},

	down: function(){
		i = parseInt(this.current_focus) + parseInt(this.col_num)
		this.inputs[i].focus()
	},

	up: function(){
		i = parseInt(this.current_focus) - parseInt(this.col_num)
		this.inputs[i].focus()
	},

	left: function(){
		i = parseInt(this.current_focus) - 1
		this.inputs[i].focus()
	},

	right: function(){
		i = parseInt(this.current_focus) + 1
		this.inputs[i].focus()
	}

})

As you can see, the constructor takes two arguments: a selector (which should return a list of all your input fields), and the number of input field columns. So for a 4x2 table, you would set it up like this:


var FM = new FocusMover('#mytable input', 4)

Tabbing through fields vertically

Sat, 11 Oct 2008 04:54:00 -0400

Sometimes it’s useful to switch the browser’s default tabbing behavior (left to right) to the opposite (top to bottom) when your input fields are in a grid layout instead the of the usual single column layout. Having to do this manually is a real pain, especially for large grids; So here is a solution in javascript, using mootools:


window.addEvent('domready', function(){
    var trs = $$('#mytable tr')
    var accum = 0
    trs.each(function(tr, trindex){
        accum = trindex + 1
        tr.getChildren().each(function(td, tdindex){
            td.getChildren('input')[0].tabIndex = accum
            accum = accum + trs.length
        })	    
    })
})

Why MooTools (or Why not JQuery)

Tue, 30 Sep 2008 13:26:00 -0400

I’ve been toying around with MooTools a bit lately, and I’ve found the experience quite enjoyable and refreshing. Naturally, I twittered about it and went along my merry way. Moments later (and much to my surprise), I had a direct message from John Resig himself asking “Why, what’s wrong with jQuery?”. I was pretty taken aback that he would take time from his surely busy day to message a total stranger in an effort to improve his project or at least gain an insight in the everyday life of a js developer (it’s not like DHH would personally message people that are dumping rails to use merb). I figured he deserved a straight, honest answer; One that at least would be longer than 140 characters (even though I managed to use every single one). So it begs the question, Why MooTools?

Class support.
JQuery’s SQL-like syntax is fine for quick and dirty javascripting, but eventually you’ll want real classes to structure your UI logic.
It smells, feels and tastes like regular javascript.
JQuery doesn’t even look like javascript, which isn’t necessarily a bad thing, since that’s kind of their goal. MooTools however, feels like just an extension of the language (more on this at point #9).
Faster.
‘Nuff Said EDIT: This was pointed out to be false; It is only faster in certain cases (such as mine, WebKit nightly on OS X).
Robert Penner’s easing equations baked right in.
This could just be me, but I find the animations that mootools creates are alot smoother than JQuery’s (especially the easing).
Creating new DOM elements is a snap.
Need to create a dom element? var el = new Element(‘a’, { ‘href’: ‘juliocapote.com’}); Done.
Modular.
I like that I can just build and pull down a moo.js that only contains the functionality I need.
Better Documented.
Or at least, its faster to find what you need.
Easier to hack on and extend.
While I haven’t personally delved into the internals of either system, the consensus seems to be that jquery is an unintelligible mess when it comes to modifying how it works.
Prototype Approach (versus a namespaced approach)
This is really just matter of preference; MooTools achieves it’s magic by just extending the prototypes of common objects (Array, String, etc); While this is obstrusive, it makes for shorter, more natural code. JQuery does its thing via a main object (which you can name, hence the namespace), that you wrap around whatever you want to make magical; This is unobstrusive, but you pay for that by having to wrap anything you want to use (which ends up being everything). It basically boils down to arr.each(fn) vs $.each(arr, fn)
It’s not a revolution.
It feels as if JQuery is trying to take on the world (it seems like it too, since its now included with visual studio and the nokia sdk). However, I’m not; I’m just trying to write some javascript here.

It’s not like I’m never going to use JQuery again; It simply isn’t my default js framework any longer.

I would buy and frame this.

Mon, 29 Sep 2008 22:30:46 -0400

I would buy and frame this.

Highlight link based on current page in rails

Sat, 27 Sep 2008 22:47:00 -0400

This is common pattern in website navigation, where it highlights the link (usually by setting class=”active”) that took you to the current page while you are on that page.

First, define a helper:

  def is_active?(page_name)
    "active" if params[:action] == page_name
  end

Then call it in your link_to’s in your layout as such:


link_to 'Home', '/', :class => is_active?("index")
link_to 'About', '/about', :class => is_active?("about")
link_to 'contact', '/contact', :class => is_active?("contact")

This effect is achieved due to how link_to handles being passed nil for its :class, so when is_active? returns nil (because its not the current page), link_to outputs nothing as its class (not class=”” as you might expect).

Git Server tutorial

Sat, 27 Sep 2008 17:20:00 -0400

good git server tutorial, http://blog.commonthread.com/2008/4/14/setting-up-a-git-server

No way.

Mon, 15 Sep 2008 15:10:04 -0400

I’m sure we’ve all been in a variant of this situation…

Me:  I'd like to talk to you about something...
Him: Let me guess - you want to use Smalltalk.
Me:  Er, no...
Him: Lisp?
Me: Right.
Him:  No way.

Taken from here

So true.

Sun, 07 Sep 2008 22:08:18 -0400

So true.

This made my morning.

Wed, 27 Aug 2008 14:52:47 -0400

This made my morning.

The difference between a computer scientist and an electrical engineer

Thu, 21 Aug 2008 15:58:36 -0400

The difference between a computer scientist and an electrical engineer:

I try to keep this article in mind whenever I’m designing anything…

Why I am excited about JRuby/Rails

Wed, 20 Aug 2008 16:21:49 -0400

There are some new developments ripening on the JRuby/Rails front that’s going to make things awesome in the coming months:

Thread safe rails in 2.2, see announcment and what it means here
JDBC Connection pooling, see here

Can’t wait…

Domenico DeMarco and pizza as art

Wed, 20 Aug 2008 05:51:18 -0400

Domenico DeMarco and pizza as art

Sivers/Ferriss interview that will make you think

Fri, 15 Aug 2008 01:24:20 -0400

Sivers/Ferriss interview that will make you think