Marcos Vanetta (malev)

Nginx, passenger and PHP

2012-04-13T00:00:00-03:00

Nginx, passenger and PHP

Suele pasar, solemos llenar de cosas nuestros VPS, y bueno, tuvo que pasar, necesitaba un Wordpress en un VPS y debo admitir que extrañé Apache por unos minutos. Luego de googlear mucho encontré esta solución:

Instalamos algunas cositas:

sudo yum -y install mysql-server php-fpm php-mysql php-pecl-apc

Una buena práctica es ejecutar /usr/bin/mysql_secure_installation para dejar nuestro MySQL en perfectas condiciones.

En Ubuntu podríamos hacer:

sudo apt-get install php5-cli php5-cgi php5-common php5-curl php5-dev php5-gd php5-imagick php5-mcrypt php5-mhash

sudo apt-get install php5-mysql libmysqld-dev

Instalando spawn-fcgi

spawn-fcgi[1] es un herramienta del proyecto Lighttp que nos ayuda a preparar el ambiente para FastCGI. Tenemos que hacerlo amigo de nginx.

cd /tmp

wget http://www.lighttpd.net/download/spawn-fcgi-1.6.3.tar.gz

tar -xvzf spawn-fcgi-1.6.3.tar.gz

cd spawn-fcgi-1.6.3

./configure --prefix=/usr

make

sudo make install

sudo nano /usr/bin/php5-fcgi

Y le pegamos esto:

/usr/bin/spawn-fcgi -f /usr/bin/php-cgi -a 127.0.0.1 -p 49232 -C 2 -P /var/run/fastcgi-php.pid

También vamos a necesitar crear un archivo de inicio para spawn-fcgi. Creamos /etc/init.d/php5-fcgi y le pegamos el contenido de este gist.

Cambiamos algunos permisos:

sudo chmod +x /usr/bin/php5-fcgi

sudo chmod +x /etc/init.d/php5-fcgi

sudo update-rc.d php5-fcgi defaults

y ahora a lo más (sarcamo on) divertido (sarcasmo off), recompilamos nginx:

Bajamos el código fuente:

rvmsudo passenger-install-nginx-module

Elegimos la opción 2 y le pasamos estos parámetros extras:

--with-http_ssl_module --with-http_dav_module --with-http_gzip_static_module --http-fastcgi-temp-path=/var/lib/nginx/fastcgi --http-proxy-temp-path=/var/lib/nginx/proxy --http-client-body-temp-path=/var/lib/nginx/body --with-http_stub_status_module

Configurando un VirtualHost

Aquí les dejo mi archivo de configuración de nginx. Por supuesto lo deben guardar en un lugar donde nginx lo pueda encontrar. Si siguieron mi post anterior, pueden colocarlo en: /opt/nginx/conf/conf.d/mycoolblog.conf.

Reiniciamos y listo el pollo!

sudo mkdir /var/lib/nginx/

sudo /etc/init.d/php5-fcgi start

sudo /etc/init.d/nginx restart

Base de datos

Lo más seguro es que tengan que crear una base de datos y un usuario por ejemplo para un Wordpress, aquí los pasos:

Ejecutamos:

mysql -u root -p

CREATE DATABASE database_name;
GRANT ALL PRIVILEGES ON database_name.* TO "user" "localhost" IDENTIFIED BY "password";
FLUSH PRIVILEGES;
EXIT

Resources

[1] http://cgit.stbuehler.de/gitosis/spawn-fcgi/about/
[2] codex.wordpress.org/Installing_WordPress
[3] http://internetmodulation.com/2011/01/11/install-wordpress-inside-passenger-app.html.html

Learning Javascript

2012-04-09T00:00:00-03:00

Learning Javascript

Hace bastante tiempo que vengo leyendo y escribiendo sobre Javascript y hay algunos posts que lo demuestran: Mustache y Objects in Javascript. Estoy convencido que es un lenguaje importantísimo y muy necesario de dominar (aunque en calle muchos digan otra cosa). Esta vez vengo a recomendar 2 libros que encontré y un artículo resumen realmente fantástico.

Object oriented programming in Javascript

Un enfoque minimalista como lo describe el propio Gabor de Mooij. Al fin! Una buena guía acerca de objetos en Js, hace rato que venía buscando una y por eso la linkeo aquí.

Essential JavaScript Design Patterns

Por alguna razón la mayoría del código Js que suelo ver (y a veces programar) es estructurado y embarrado. Aquí Addy Osmani nos deja un libro interesante para recordarnos que Javascript es un lenguaje de programación orientado a objetos y debemos tratarlo como tal. Además lo liberó con licencia Creative Commons. Libro. Y aún más interesante, podemos seguir su evolución en este repo de Github.

Eloquent JavaScript

Todavía no lo he ledído, pero lo cita el mismo Addy Osmani y también está liberado con licencia Creative Commons, entonces Marijn Haverbeke ya se ganó un lugar en mi kindle con su A Modern Introduction to Programming.

Nada que ver

En mi cruzada por empezar a respetar Javascript me encontré con este artículo en Hacker News y ... hasta me pareció obvio que necesitamos loggear los errores cliente-side. Tan obvio que nunca se me habría ocurrido.

JS Conf

Así es, en Buenos Aires el 19 y 20 de Mayo se va a realizar una conferencia sobre Javascript. Así que nos veremos ahí! link

Actualización

Y como siempre, ni bien termino de escribir un post aparece un link genial, en este repo de Github hay ejemplos de diferentes patrones de diseño implementados en Javascript com para practicar un poco.

RVM plus Nginx plus Server

2012-04-08T00:00:00-03:00

RVM plus Nginx plus Server

Al fin pude hacer andar mi servidor con RVM y Nginx! Aquí voy a dejar una receta por si tengo que volver a hacerlo (espero que no en el mediano plazo al menos). Vamos a necesitar algunas cosas antes de empezar: curl, git, muchos paquetes de desarrollo y un usuario que pueda usar sudo.

Empezamos con el usuario

sudo adduser malev

sudo passwd malev

sudo visudo

y agregamos al final:

malev ALL=(ALL) ALL

y ahora nos transformamos en nuestro nuevo usuario:

su malev

Preparandonos para instalar

Primero necesitamos instalar RVM en modo multiusuario [1], para esto necesitamos curl y git:

sudo yum install git-core curl

e instalamos RVM:

sudo bash -s stable < <(curl -s https://raw.github.com/wayneeseguin/rvm/master/binscripts/rvm-installer)

Esto instalara RVM en /usr/local/lib/rvm y nos generará archivos en: /etc/rvmrc y /usr/local/rvm. También necesitamos configurar nuestros .bashrc y el esqueleto para los futuros usuarios, así que en los archivos: /root/.bashrc y /etc/skel/.bashrc agregamos:

if groups | grep -q rvm ; then
  source "/usr/local/lib/rvm"
fi

Ahora también tenemos un grupo llamado RVM y necesitamos agregar nuestro usuario al mismo:

adduser malev rvm

Otra buena práctica es definir el environment para todas nuestras aplicaciones Rails. En el archivo /etc/environment agregamos:

RAILS_ENV=production

Aquí yo me deslogueo y vuelvo a entrar, pero esta vez como malev y al tipear:

type rvm | head -n1

debería ver: rvm is a function, lo cual me indica que RVM está correctamente instalado.

Avanzando

Yo estoy usando una distro basada en CentOS, así que para instalar las librerías de desarrollo tengo que hacer:

sudo yum groupinstall "Development Tools"

sudo yum install kernel-devel kernel-headers

sudo yum install openssl-devel libcurl-devel ImageMagick httpd-devel ruby-libs zlib-devel libjpeg-devel giflib-devel readline-devel

sudo yum -y install libpcap libpcap-devel libnet libnet-devel pcre pcre-devel gcc automake autoconf libtool make gcc-c++ libyaml libyaml-devel zlib zlib-devel pkgconfig ruby-devel libxml2 libxml2-devel libxslt libxslt-devel

Nota: Si estas usando Ubuntu, hay MUCHA info sobre que instalar en este paso, pero en ppio bastaría con esto:

sudo apt-get install build-essential ruby-full libmagickcore-dev imagemagick libxml2-dev libxslt1-dev git-core ruby-devel libxml2 libxml2-devel libxslt libxslt-devel

Instalando Ruby

rvm pkg install readline

rvm pkg install zlib

rvm pkg install openssl

rvm install 1.9.2

rvm use --default 1.9.2

Instalando Passenger

gem install passenger

rvmsudo passenger-install-nginx-module

Si lo instalaste en el directorio por defecto (/opt/nginx), clonate este gist y copia el archivo nginx en /etc/init.d con permisos de ejecución.

Configurar Nginx

Buscar el archivo /opt/nginx/conf/nginx.conf que debería verse más o menos como este gist. Las líneas más importantes son la 1 donde digo con qué usuario ejecutar nginx y la 22 donde establezco dónde ubicaré el resto de los archivos de configuración.

Instalar nuestra app

En mi caso voy a instalar una app llamada infofund. Y voy a deployar con capistrano, pero las explicaciones de cómo usar capistrano vendrán en otro post. De momento les dejo el archivo /opt/nginx/conf/conf.d/infofund.conf cuyo contenido está en este gist.

En principio y como para probar pueden bajarse el contenido del proyecto en el directorio /home/malev/sites/infofund/current, crear el Gemset e instalar todas las gemas con nuestro amigo bundle para luego iniciar nginx:

sudo /etc/init.d/nginx start

y ya debería estar todo andando!

Resources

https://rvm.beginrescueend.com/rvm/install/#explained
http://thekindofme.wordpress.com/2010/10/24/rails-3-on-ubuntu-10-10-with-rvm-passenger-and-nginx/
https://rvm.beginrescueend.com/rvm/install/#explained
http://ikennaokpala.wordpress.com/2011/12/27/deployment-strategy-for-rails-passenger-and-nginx-server-with-multiple-virtual-hosts/
http://blog.ninjahideout.com/posts/a-guide-to-a-nginx-passenger-and-rvm-server
http://kris.me.uk/2010/08/30/rails3-hosting-all-in-one.html

Mustache

2012-03-04T00:00:00-03:00

Mustache

Hasta hace no mucho tiempo, cada vez que tenía que dibujar algún HTML con AJAX hacía que rails lo dibuje y después lo pegaba con alguna función jQuery. Algo así:

def create
  @review = Review.create!(params[:review])
  flash[:notice] = "Thank you for reviewing this product"
  respond_to do |format|
    format.html { redirect_to @review.product }
    format.js
  end
end

Mientras que en algún lugar de la carpeta views tenía:

    $("#reviews").append("<%= escape_javascript(render(:partial => @review)) %>");

Pero eso es el pasado! ¿Por qué hacer trabajar al server para dibujar un HTML is tranquilamente lo puede hacer el cliente? Porque no conocía Mustache, un lenguje te de templates muy parecido a jinja.

¿Cuál es el plan?

Hacer un request AJAX desde el cliente.
El servidor busca / procesa los datos.
El servidor devuelve Json.
El cliente interpreta el Json y Mustache dibuja el HTML en base al template.

Ejemplo

y eso nos daría como resultado:

    <h1>Colors</h1>
    <li><strong>red</strong></li>
    <li><a href="#Green">green</a></li>
    <li><a href="#Blue">blue</a></li>

En lo personal la sintaxis no me parece la mejor, es un poco confuso que {{#items}} y {{/items}} se puedan usar para iterar y para condicionales. Y para pasar funciones similares a los helpers de Rails necesitamos pasarle un clousure:

Por último, también nos permite el uso de partials para fomentar el reuso y si no queremos tener todo nuestro template en Strings de Javascript, podemos encerrarlo en:

Y luego lo recuperamos con:

Mustache.render($("#template"), items);

Lo cual nos permite esconder los templates dentro del mismo archivo HTML.

Contras

Usa la misma sintaxis que Jinja, es decir en Django vamos a tener muchos muchos problemas.
Fomenta la duplicación de código del template (el que se reenderea desde el server y el del cliente).
La sintaxis no es del todo clara.
No está bueno como maneja los helpers.
Es adictivo.

Resources

http://mustache.github.com/
http://mustache.github.com/mustache.5.html
http://mustache.github.com/mustache.1.html
http://railscasts.com/episodes/295-sharing-mustache-templates
http://net.tutsplus.com/tutorials/javascript-ajax/quick-tip-using-the-mustache-template-library/

Nota

No es la única opción si necesitamos un parser de templates en Javascrpt, existen varios otros entre los cuales yo destaco handlebars, del cual pienso hablar en un próximo post.

About the new design

2012-02-28T00:00:00-03:00

About the new design

¿Por qué cambié? Por varias razones: sentía que luego de 3 años algo tenía que cambiar y el diseño anterior ya no me cerraba. También me había cansado un poco de Wordpress (lo sigo bancando) y encima había visto esta nueva herramienta: Jekyll. También leí el artículo sobre diseño de Getting Real y sus argumentos me convencieron y para colmo, el Sr. Hugo me hizo llegar estos posts: uno y dos.

Al final me dije: hora de dar vuelta el blog! Busqué una fuente más divertida y más grande 2 colores y listo! Por supuesto ahora estoy usando Jekyll y debo decir que migrar mi blog de wordpress a Jekyll fue un desafío por demás de interesante.

Otra vez, no está terminado, quiero agregarle publicidad y en ese plano me interesa mucho el enfoque de Facu y seguramente alguna que otra cosilla por ahí.

P/D: Bloggear con markdown es lo más!!

New blog styles

2012-02-27T00:00:00-03:00

New blog styles

Así es! después de tanto tiempo me decidí y arreglé los estilos del blog! Ahora está más limpio, con letras más grandes y haciendo eje en el post que es el corazón del blog. Espero les guste! Por supuesto, ahora me planteo escribir más seguido jeje

saludos!

Ojo! no está terminado, todavía lo puedo contaminar un poco más con redes sociales y tal vez publicidad (no estoy del todo decidido pues hasta ahora no gane un solo centavo real).

MongoDB con Mongoid

2011-11-09T00:00:00-03:00

MongoDB con Mongoid

Estoy en la RubyConfArg, y hace unos minutos pasaron las LightTalks, en las que por suerte pude hablar sobre Mongoid, un ODM para MongoDB que cumple muy bien con su filosofía propuesta:

The philosophy of Mongoid is to provide a familiar API to Ruby developers who have been using Active Record or Data Mapper, while leveraging the power of MongoDB's schemaless and performant document-based design, dynamic queries, and atomic modifier operations. Aquí les dejo la presentación, cuando tenga fotos las subo.

View more presentations from [malev](http://www.slideshare.net/malev)

gemsets are the awesomeness

2011-11-09T00:00:00-03:00

gemsets are the awesomeness

Cada vez que tenía que usar un proyecto con python, empezaba creando un ambiente particular con virtualenv. En ruby, en principio no podía hacer eso. Después conocí RVM y trabajaba con varias versiones de Ruby en mi PC, sobre todo para trabajar algunos proyectos legacy. Sin embargo, tenía un popurrí de gemas instaladas que ya empezaban a conflictuarse entre sí. Apareció bundler y su magia de bundle exec para solucionar muchos problemas (nota: en futuras versiones de bundler esto ya no va a hacer falta). En fin, la ensalada de gemas seguí ahí, hasta que por fin conocí gemset.

Mi workflow es más o menos así:

➜  ~  cd code 
➜  code  mkdir proyecto_nuevo
➜  code  cd proyecto_nuevo 
➜  proyecto_nuevo  rvm use malev@proyecto_nuevo --rvmrc --create
Using /home/malev/.rvm/gems/ruby-1.9.2-p290 with gemset proyecto_nuevo
WARN: .rvmrc is not empty, moving aside to preserve.
➜  proyecto_nuevo  rvm gemset list

gemsets for ruby-1.9.2-p290 (found in /home/malev/.rvm/gems/ruby-1.9.2-p290)
   global
   mobilenews
=> proyecto_nuevo
   webui

➜  proyecto_nuevo

Es decir, voy a mi directorio donde guardo mis proyectos / experimentos, creo un directorio, creo un nuevo gemset y listo! Todas las gems que instale en ese gemset van a estar aisladas del resto. Lo interesante es que gracias a la magia de rvm, cada vez que entre en el directorio de mi proyecto nuevo, rvm me va a cambiar al gemset ahí usado:

➜  code  pwd
/home/malev/code
➜  code  rvm gemset list

gemsets for ruby-1.9.2-p290 (found in /home/malev/.rvm/gems/ruby-1.9.2-p290)
=> global
   mobilenews
   proyecto_nuevo
   webui

➜  code  cd proyecto_nuevo 
=========================================================
= NOTICE                                                                     =
=========================================================
= RVM has encountered a new or modified .rvmrc file in the current directory =
= This is a shell script and therefore may contain any shell commands.       =
=                                                                            =
= Examine the contents of this file carefully to be sure the contents are    =
= safe before trusting it! ( Choose v[iew] below to view the contents )      =
=========================================================
Do you wish to trust this .rvmrc file? (/home/malev/code/proyecto_nuevo/.rvmrc)
y[es], n[o], v[iew], c[ancel]> yes
➜  proyecto_nuevo  rvm gemset list

gemsets for ruby-1.9.2-p290 (found in /home/malev/.rvm/gems/ruby-1.9.2-p290)
   global
   mobilenews
=> proyecto_nuevo
   webui

➜  proyecto_nuevo

Si no tienes rvm instalado, corred e instaladlo por favor!

Sobre callbacks en Rails

2011-10-27T00:00:00-03:00

Sobre callbacks en Rails

¿Qué son los callbacks? Son métodos que son llamados en determinados momentos del ciclo de vida de un objeto. Esto nos permite escribir código que se va a ejecutar cuando nuestros objetos (ActiveRecord u otros) son creados, grabados, actualizados, borrados, validados o cargados desde la base de datos (created, saved, updated, deleted, validated, or loaded). Supongamos que nosotros queremos que inmediatamente después de haber creado un usuario, se cree automáticamente una cuenta para ese usuario. Podríamos hacer esto (por favor no lo intenten en sus casas, puede ser peligroso):

class UsersController < ApplicationController
  def create
    @user = User.new(params[:user])
    @account = Account.create :user => @user
  end
end

Sin embargo, estaríamos contaminando nuestro controller con lógica de modelo. Una primera aproximación, podría ser, usar un callback: after_create. Se ejecuta siempre que se crea un objeto y se lo guarda en la base por primera vez:

class User < ActiveRecord::Base
  #...
  def after_create
    Account.create :user => self
  end
  #...
end

Esta aproximación funciona y está buena, pero tiene algunos problemillas: el nombre del método no describe lo que hace y si tenemos que hacer varias cosas, tendríamos un método gigante. Aquí entran en acción el método de clase: after_create:

class User < ActiveRecord::Base
  #...
  after_create :create_account
  
  def create_account
    Account.create :user => self
  end
  #...
end

Una vez creado el objeto, ActiveRecord buscará un método llamado "create_account" y lo ejecutará. Esto nos permite tener varios métodos que se ejecuten como callbacks, he inclusive podemos llamarlos de manera secuencial:

class Snippet < ActiveRecord::Base
  after_create :test1
  after_create :test2

  def test1
    puts "test 1"
  end

  def test2
    puts "test 2"
  end
end

y los resultados:

ruby-1.9.2-p136 :002 > s = Snippet.new
 => #<Snippet id: nil, content: nil, user_id: nil... private: false> 
ruby-1.9.2-p136 :003 > s.save
test 1
test 2
 => true 
ruby-1.9.2-p136 :004 >

Por supuesto, after_create no es el único callback. Hay mucha información al respecto aquí. Aquí solo voy a listar los callbacks disponibles:

Creando un objeto

before_validation
after_validation
before_save
before_create
around_create
after_create
after_save

Actualizando un objeto

before_validation
after_validation
before_save
before_update
around_update
after_update
after_save

Eliminando un objeto

before_destroy
after_destroy
around_destroy

Su uso es ampliamente recomendable y una cosa a tener en cuenta es... no podemos evitarlos! No son como las validaciones, en las que a veces podemos no ejecutarlas. Aquí si alguna vez necesitamos saltearlos algún callback, vamos a tener que repensar la lógica del modelo de vuelta. Usar con responsabilidad.

Agile testing

2011-10-26T00:00:00-03:00

Agile testing

En mi trabajo nuevo, los equipos de desarrollo cuentan con gente de QA, lxs Quality Assurance. Y debo decir, es fantástico trabajar con gente que continuamente este viendo la calidad desde el punto de vista del usuario. Quizás no sea toda la calidad como nos gusta a nosotros (no abarcan todos los atributos de calidad de la ISO9126), pero es algo y ese algo es muy importante. Sin embargo, no todo es alegría y felicidad entre el quipo de desarrollo y el quipo de QA, aunque ambos esten en el mismo equipo, pero bueno. Uno de los principales choques que vivimos apenas se conformo el equipo (voy a seguir diciendo equipo muchas veces más) fue el choque entre Agile y Waterfall (o lo que sea que ellos usaban). Al principio costo mucho mezclar gente ágil (los desarrolladores) con gente que venía de procesos más rígidos (claramente la gente de QA). Esto sigue siendo un punto a resolver, pero el trabajo se da cada vez más natural. Si Uds, tienen un problema similar en sus organizaciones, les recomiendo este video de Google IO, donde Elisabeth Hendrickson, una alta tester de Quality Tree nos cuenta su experiencia de testing en equipo ágiles.

Yo mientras voy a seguir investigando del tema, si encuentro algo más, prometo publicarlo.

AsÃ es, di una charla en PyConAr 2011

2011-10-17T00:00:00-03:00

AsÃ es, di una charla en PyConAr 2011

Así es, me anime, mande y me aceptaron. Buena onda! Este año por fin pude dar una charla en una PyCon y gracias a la experiencia en charlas anteriores como esta, la última no me salio tan mal :) Tuve un público receptivo que inclusive se animó a participar. La charla fue sobre introducción al desarrollo web, pero desde el principio. Vi muchas charlas sobre introducción a Django o Rails o Web2Py que demandaban bastante conocimiento previo, bueno, fue este conocimiento previo que yo aborde en mi charla. Desde que es un servidor, HTML, Javascript, etc hasta una mini mini aplicación web hecha en Bottle. ¿Por qué Bottle? Justamente porque su simpleza y porque se enfoca en la web unicamente. No tiene ORM ni nada, pero para una introducción me pareció genial. Aquí les dejo las diapositivas y más fotos (incluyendo la del super cuchillo que me regalo la organización)

View more presentations from malev. Nota: ninguna foto es mía, las robe de muchos sitios, espero nadie se enoje.

Paso PyCon 2011

2011-10-11T00:00:00-03:00

Paso PyCon 2011

Con un delay importante les cuento que paso PyCon Argentina 2011. Así es, el 23 y 24 de setiembre, gran parte de la comunidad hacker invadió Junín (provincia de Buenos Aires). Por supuesto estuve ahí.

Como siempre, la muy buena onda de la comunidad de python garantizó y cumplió con 2 días espectaculares. Hubo de todo, charlas de muy alto nivel, oradores locales e internacionales, conocí Google App Engine, obtuve consejos sobre como crear librerías y sobre TDD con python y mucho más. Las visitas internacionales, un verdadero lujo y hasta nos mando un saludo Guido van Rossum desde Londres. No recuerdo el nombre, pero uno de los pibes Canonical me dio una mano sobre como configurar Launchpad para un aplicación que estoy haciendo (más adelante les comento que tal). Por último, también pude dar una charla, de la que hablare en otro post. Solo una conclusión: Increíble! y vayan guardando un lugar para mi en la próxima (todavía no sabemos donde va a ser).

Book Review: The Clean Coder

2011-07-28T00:00:00-03:00

Book Review: The Clean Coder

Hace un par de semanas, luego de ver este video (que por cierto recomiendo mucho) me entere que Robert Martin (aka Uncle Bob) había publicado un libro llamado The Clean Coder: A Code of Conduct for Professional Programmers. Un código de conducta! Y eso, por supuesto me llamo profundamente la atención. Una semana después de "comprarlo" en Amazon ya lo había leído y hoy voy a escribir acerca del mismo.

El libro está escrito en un lenguaje "piola", de lectura fácil y sin cosas rebuscadas. Por supuesto no contiene detalles técnicos, ya que no es un libro técnico, pero si mucha mucha experiencia encima y eso me gustó mucho. En lo personal me sentí muy identificado con el libro, el capítulo "saying No". Me gusto mucho como trato el tema de las estimaciones, por supuesto, siendo Bob uno de los firmantes del Agile Manifesto, todo está visto desde un enfoque agile. También destaco el capítulo sobre como practicar programación con los Katas, etc. Yo desconocía acerca de esas prácticas. El libro en general me pareció más que recomendable para cualquiera que trabaje con desarrollo de software, diría que es obligatorio (is a must). No se si estoy del todo de acuerdo con el tema de "avoid the zone" o con el tema de capacitación. Explico un poco: Cuando programamos y nos concentramos mucho, por ahí entramos en una fase en la que el código parece fluir de los dedos de manera natural, se podría decir el momento de máxima concentración y producción. Este momento según Bob es conocido como "the zone" y justamente lo que no me termina de cerrar es el: "eviten la zona". Por supuesto, viene con justificaciones, pero igual, no me terminan de convencer.

Con todo el libro es genial y lo recomiendo 100%.

BTW, aquí está el video que video que les comente.

Y paso el PyDay Gonzalez Catan

2011-07-26T00:00:00-03:00

Y paso el PyDay Gonzalez Catan

Como les había comentado hace unos días atrás. El sábado pasado (16/07/11) asistí al PyDay González Catán. El evento me gustó mucho! Los organizadores se re portaron y a los disertantes (sí hable de un tema) nos mimaron bastante. Hay fotos del evento en el sitio del mismo y yo aquí posteo 2 en las que salgo yo jeje.

Y una durante mi charla que me saco lipe.

La charla que di se titula Modelo de Objetos con Python, salió bien, pero podría haber salido mejor, creo que tengo que practicar un poco más. De todos modos, aquí dejo las diapositivas:

Por último, algunas de las charlas fueron filmadas, aquí los videos:

Torneos de programaciÃ³n

2011-07-11T00:00:00-03:00

Torneos de programaciÃ³n

Varias comunidades de software libre que promocionan distintos lenguajes de programación suelen organizar torneos de programación. Con el fin de promocionar el lenguaje o plataforma, innovar con tecnologías nuevas o simplemente divertirse. Tienen una línea común, un grupo o una única persona debe desarrollar una aplicación desde cero en un tiempo fijo y luego, la comunidad o un grupo de personas votan y eligen la aplicación ganadora. Existen torneos de lo más variados y para todos los gustos. Aquí voy a nombrar algunos relacionados con los lenguajes que suelo usar:

PyWeek: Quizás uno de los más viejos, la idea es desarrollar un juego en una semana. El torneo se larga 2 veces por año y dura una semana de desarrollo. Parece muy muy divertido y por supuesto sus concursantes usan python.
The Rails Rumble: La idea es construir una aplicación web usando Ruby on Rails en 48hs. Más que interesante y en la página se pueden ver algunas de las aplicaciones que salieron durante este concurso y la verdad que muchas sorprenden de lo buenas que estan.
Django dash: Muy similar a la anterior, pero aquí tenemos que usar django. Esta larga en este mes, por si les interesa y también cuenta con un listado enorme de aplicaciones que realizaron los concursantes en torneos anteriores.

Hasta aquí con los concursos en inglés. La gente que está organizando la PyConAr en Junín (que por cierto pinta genial), proponen este año el concurso: PyConApp a realizarse en la misma PyCon en vivo! El objetivo es construir una aplicación en python en 3hs en grupos de no más de 4 personas. La idea es más que tentadora! El último concurso que les quiero comentar es la Rally on Rails, organizado por miembros de la comunidad RubySur. Aquí nos proponen codear toda una aplicación rails en 48 horas con un equipo también de hasta 4 personas. Nos van a juzgar el diseño, la integridad, innovación y utilidad. Las inscripciones ya comenzaron y tenemos hasta el 16 de Julio para anotarnos. Por último les comento que pienso participar del último listado con unos compañeros del trabajo. De ser así, voy a estar bloggeando más al respecto.

HTML - Zen coding

2011-06-28T00:00:00-03:00

HTML - Zen coding

Como habrán notado por varios de mis posts, soy bastante reacio al uso de IDEs para programar y aunque Robert Martin nos recomiende lo contrario [1], todavía no ha logrado convencerme jeje. Bien, partiendo de que uso un editor bastante básico para codear, no hay nada más molesto que escribir HTML en el mismo. Este lenguaje tiene tags muy molestos que hay que abrirlos y cerrarlos usando los símbolos de mayor y menor. La verdad bastante doloroso. Al menos así era hasta que encontré ZenCoding [2].

Zencoding es un plugin para editores que nos permite escribir HTML de una manera fantástica, por ejemplo, en nuestro editor tiramos:

#content y luego presionamos Ctrl + E y obtenemos:

<div id="content"></div>

Hasta aquí nada nuevo, nada que un editor con un poquito de pilas no pueda hacer, lo interesante es cuando queremos armar estructuras más complejas, por ejemplo:

ul.list>li*4 y luego presionamos Ctrl + E y obtenemos:

<ul class="list">
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>

Guau!! y lo mejor es que esto no es todo, hay muchos muchos ejemplos en [2] y en [3]. También hay se lo puede usar en CSS y anda en un montón de editores, si quieren ver cuántos, solo visiten [4].

Resources

Pyday en GonzÃ¡les CatÃ¡n

2011-06-15T00:00:00-03:00

Pyday en GonzÃ¡les CatÃ¡n

Así es! Se viene un nuevo PyDay, creo que nunca hable del PyDay aquí, pero PyAr[1] nos dice:

Un PyDay es una jornada sobre el lenguaje Python de 1 día, con el formato de mini-conferencia pero un poco más simplificado y desestructurado, incluyendo en general charlas y talleres introductorios.

Este PyDay en particular, cuyo lema es "Python en el mundo real", se va a realizar el día 16 de Julio de 2011 de 9 a 19hs en el Instituto Superior Tecnológico Blaise Pascal. Se verán temas como: Software Libre, Desarrollo Web (web2py, django), Videojuegos, Aplicaciones "Visuales" (wx, gtk, qt), Proyectos relacionados y casos de éxito (factura electrónica, voto electrónico), Cooperativas, Economía Social y oportunidades laborales.

También va a contar con la presencia de Docentes, Profesionales, Alumnos y Entusiastas de diferentes puntos del Gran Buenos Aires y de varias provincias del Interior del País.

También les cuento que voy a estar presentando una charla en el mismo. La charla se titula: Modelo de Objetos de Python - Usos y la estaré dando a las 14.00hs.

Y por último, como casi todos los eventos de PyAr habrá un segmento para charlas relámpago[2], así que si se animan también pueden presentar una mini charla!

¿Cómo llegar? Aquí las instrucciones: http://www.pyday.com.ar/catan2011/conference/venue y no se olviden de inscribirse antes!

Resources

[1] http://python.org.ar/pyar/PyDay
[2] http://www.pyday.com.ar/catan2011/conference/lightning

Objects in Javascript

2011-06-13T00:00:00-03:00

Objects in Javascript

En una entrevista cuando buscaba trabajo me hicieron algunas preguntas teóricas acerca de objetos (no pude responder casi ninguna), pero recuerdo una que me dejo pensando mucho tiempo: ¿Todos los lenguajes orientados a objetos tienen clases? Yo dije que sí, pero resultó que no :( . Javascript es justamente un lenguaje orientado a objetos que no tiene clases. Vamos a ver un poco: Objetos en Javascript

[] instanceof Object; // true
(function(){}) instanceof Object; // true

Wow todo es un objeto entonces!! (bueno, casi) También vemos en la última línea del ejemplo que javascript cuenta con funciones anónimas.

¿Y cómo armamos nuestros objetos? Simple, lo obtenemos a partir del objeto "padre" Objetc.

obj = new Object;
// Atributos:
obj.x = 9;
obj.y = 8;
// Un método
obj.multiplication = function(){ return this.x * this.y; };

Otra forma es declarar un objeto literal Aquí vemos un ejemplo donde no solo creamos un objetos, si no que además le añadimos atributos y hasta un método.

marcosObject = {
  name : "Marcos",
  nickname : "malev",
  age : 27,
  favoriteSongs: ['yesterday', 'help'],
  talks : function(){alert("hi there, my na8me is " + this.name)}
};

Object constructor También podemos crear un objeto a partir de otro objeto constructor. Nota: por convención los objetos constructores se nombran con el primer carácter en mayúsculas.

var Person = function (name, age) {
  this.name = name;
  this.age = age;
  this.talk = function() { alert("hi, my name is " + this.name) }
}
// Volvemos a usar a keyword new
ana = new Person("Ana", 25);
ana.talk();

Esta forma de declarar objetos funciona, pero es muy costosa en cuando a memoria. Por cada objeto que hacemos desde el constructor Person, declaramos el método talk, es decir que tenemos varios métodos talk en memoria y todos hacen lo mismo. Una mejor aproximación es añadir el método talk al prototipo de Person:

Person.prototype.jump = function(){
    alert("I am jumping");
}

Ahora, este nuevo método "jump" estará habilitado en todos los objetos que se hayan construido a partir del constructor Person y los objetos que se construirán en el futuro. Aquí una salvedad, NO podemos agregar un método o atributo a un objeto literal de la misma manera:

Rhino 1.7 release 2 2010 09 15
js> persona = {};
[object Object]
js> persona.prototype.age = 0;
js: "", line 3: uncaught JavaScript runtime exception: TypeError: Cannot set property "age" of undefined to "0"
at :3

Agregando un método o atributo a un objeto literal: Justamente lo interesante de la programación con objetos prototipados es que podemos tener objetos que se comportan de manera particular, es decir que tienen un comportamiento extra. Una forma de manejar ese tema es justamente añadiendo métodos a un objeto ya existente.

ana.work = "Something";
ana.go = function(){ "moving" }

Closures En javascript solo las funciones pueden generar nuevos namescopes, estas también permiten recordar los objetos que almacenan, de esta manera podemos hacer:

funciton getCounter() {
var i = 0;
return function() { console.log(++i); }
}
var counter = getCounter();
counter() // 1
counter() // 2

En el ejemplo vemos que estamos retornando una función. Esto es así por que en javascript las funciones son funciones de primer clase (first-class functions), es decir son objetos con los que podemos trabajar.

¿Cómo probar los ejemplos? En lo personal los estoy probando con la consola de javascript de Firebug en Firefox o en Rhino.

Resources

http://mckoss.com/jscript/object.htm
http://docs.jquery.com/Types#Options
http://www.codeproject.com/kb/aspnet/JsOOP1.aspx
http://www.crockford.com/javascript/inheritance.html
http://eloquentjavascript.net/contents.html
http://fingernailsinoatmeal.com/post/292301859/metaprogramming-ruby-vs-javascript
http://www.youtube.com/watch?v=seX7jYI96GE

Using Ruby modules in Rails

2011-05-09T00:00:00-03:00

Using Ruby modules in Rails

El título quizás no sea muy feliz, porque la verdad que es que todo el tiempo estamos usando módulos en Rails. De hecho en Rails 3 podríamos decir que el génesis de cada aplicación rails está contenida en un módulo:

# config/application.rb
module Grouppet
  class Application < Rails::Application
    # ...
  end
end

Volviendo a los módulos, ya he hablado de ellos en [1], y en otro post, que ya fue corregido por el [1], así que no vale la pena citarlo aquí.

¿Qué es un módulo en Ruby? Son modos de agrupamiento de métodos, clases y constantes. Tienen dos beneficios: proveen un namespace previniendo choques de nombres y soportan mezclado o mixins de una manera fácil [2]. En contraste con las clases, los módulos no pueden: ser instanciados o tener subclases[3]. Por último y aprovechando al lenguaje, un módulo es un objeto. Aquí, un ejemplo robado de [4]:

module Trig
  PI = 3.1416
  # class methods
  def Trig.sin(x)
    puts "sin(#{x})"
  end
  def Trig.cos(x)
    # también se podría definir como self.cos(x)
    puts "cos(#{x})"
  end
end
Trig::PI # => 3.1416
Trig.cos(90) #=> cos(90)

Modules mixin (mezcla de módulos) Los módulos pueden ser incluidos (usando include) dentro de las clases y con esto los mezclamos (o al menos eso dice Dave Thomas). Ya he hablado sobre esto en [1], el ejemplo posterior sería como un repaso.

module Trig
  def sin(x)
    puts "sin(#{x})"
  end
end

class Matematica
  include Trig
end
mat = Matematica.new
mat.sin(90) # => sin(90)

Podemos hacer algo similar usando la palabra clave extend pero para agregar métodos de clase:

class Matematica2
  extend Trig
end
Matematica.sin(90) # => sin(90)

In a nutshell Por un lado lo módulos nos permiten agregar funcionalidad a nuestras clases, algunos los clasifican como la forma que tiene Ruby de soportar herencia múltiple (yo no me siento calificado para hacer esa aseguración). Pero hay un poco más, el código de los módulos que incluimos puede interactuar con el código de nuestra clase. Eso permite hacer cosas fantásticas como: (el ejemplo es de [5])

class SizeMatters
  include Comparable
  attr :str
  def <=>(anOther)
    str.size <=> anOther.str.size
  end
  def initialize(str)
    @str = str
  end
  def inspect
    @str
  end
end

s1 = SizeMatters.new("Z")
s2 = SizeMatters.new("YY")
s3 = SizeMatters.new("XXX")
s4 = SizeMatters.new("WWWW")
s5 = SizeMatters.new("VVVVV")

s1 < s2                       #=> true
s4.between?(s1, s3)           #=> false
s4.between?(s3, s5)           #=> true
[ s3, s2, s5, s4, s1 ].sort   #=> [Z, YY, XXX, WWWW, VVVVV]

Bien, ¿qué hicimos aquí? Al incluir el módulo Comparable[5] en nuestra clase le dimos a nuestra clase la capacidad de ordenarse (método sort). El único detalle es que nuestra clase debe poder responder al método "<=>", definido en el interior de la misma. ¿Cómo debe responder ese método? Los objetos de nuestra clase van a ser mayores, menores o iguales de acuerdo a cómo queremos nosotros que se comporten. El método <=> debe devolver 1 si el primer elemento es mayor, -1 si es menor o 0 si son iguales. También podríamos incluir Eumerable[6] y hacer que nuestros objetos sean iterables por ejemplo.

Volviendo al mundo rails Mi curiosidad por los módulos viene desde que uso clearance como gema de autenticación en mis proyectos. Clearance incluye métodos en un modelo y en los controladores:

class User < ActiveRecord::Base
  include Clearance::User
end
class ApplicationController < ActionController::Base
  include Clearance::Authentication
end

El código fuente de estos módulos se puede navegar en github [7] y [8], en ambos casos podemos ver la inclusión de métodos de clase y de instancia y cómo el buen uso de módulos nos permite (en realidad a los muchachos de thoughtbot) generar excelentes plugins para nuestras aplicaciones rails. Ahora me pueden decir: yo no escribo gemas ni plugis. ¿Para qué quiero los módulos en rails? La gente de Stac escribió un artículo [9] sobre como organizar modelos cuando estos empiezan a crecer de manera desenfrenada y empiezan a convertirse un desastre. El artículo expone como usar mixins para poder organizar nuestros métodos por funcionalidad y así tener código mucho más legible y ordenado.

# lib/models/user/friendship_methods.rb
module Models
  module User
    module FriendshipMethods
      extend ActiveSupport::Concern
      included do
        has_many :friendships, :foreign_key => :initiator_id
      end
      module InstanceMethods
        def befriend(other)
          self.friend << other
        end
      end
    end
  end
end

# app/models/user.rb
class User < ActiveRecord::Base
  include Models::User::FriendshipMethods
end

Explicar que hace ActiveSupport::Concern escapa la idea de este post, pero pueden buscar info en [10], aunque creo que el código y los comentarios del propio método concern se explican por si solo [11]. Recomendación: leer el código fuente a veces está bueno! También podríamos usar módulos para compartir código entre modelos. Un buen ejemplo sería un sitio que admite comentarios en varios modelos (post, page, etc). Por un lado podríamos usar herencia polimórfica, pero ahí tendríamos que guardar todo en la misma tabla, por otro lado podríamos definir los métodos comunes en un módulo e importarlo en los modelos en donde los necesitamos.

Resources

[1] http://blog.malev.com.ar/2010/11/30/include-in-ruby/
[2] Programming Ruby - Dave Thomas
[3] http://www.rubyist.net/~slagell/ruby/modules.html
[4] http://rubylearning.com/satishtalim/modules_mixins.html
[5] http://www.ruby-doc.org/core/classes/Comparable.html
[6] http://www.ruby-doc.org/core/classes/Enumerable.html
[7] https://github.com/thoughtbot/clearance/blob/master/lib/clearance/authentication.rb
[8] https://github.com/thoughtbot/clearance/blob/master/lib/clearance/user.rb
[9] http://wearestac.com/blog/2011/05/organise_your_models
[10] http://en.ihower.tw/post/454873995/rails3-activesupport-concern
[11] https://github.com/rails/rails/blob/master/activesupport/lib/active_support/concern.rb

Playing with screen

2011-04-19T00:00:00-03:00

Playing with screen

En el pycamp [1], vi mucha gente usando screen para manejar su terminal. Luego de ponerme a investigar un poquito descubrí que se puede hacer cosas bastante interesantes con este nuevo programilla. Pero, antes, de qué estoy hablando? GNU Screen es un programa informático multiplexor de terminales desarrollado por el proyecto GNU. [2]

Qué cosas tiene de bueno?

Muy configurable
Permite dividir la pantalla
Permite organizar muchas terminales virtuales

El último punto es el más interesante, ya que nos permite automatizar tareas que hacemos en nuestra consola. Digamos por ejemplo que tenemos una aplicación en rails 3. En la misma abrimos: Unicorn (server), una consola de rails, spork y watchr para nuestros test y por último queremos hacer un tail -f al log. Hacer todo esto siempre puede ser un poco molesto. La solución, obviamente: screen:

Primero una introducción: abrimos screen con ...

screen

En principio no hay grandes cambios, pero si nos pasamos al modo comando: Ctrl + A, las cosas empiezan a mejorar. Para crear crear una segunda instancia de la terminal (Ctrl +A c) y navegamos entre ellas con n (next) o p (previous), siempre en el modo comando. También podemos dividir una ventana de manera horizontal. Para esto, entramos a modo comando (Ctrl + A) y escribimos :split. Vemos que se dividió nuestra pantalla. Con "Ctrl+A tab" nos paseamos entre las mitades, y presionamos "c" para crear una nueva terminal en cualquiera de las divisiones. Hasta aquí nada del otro mundo, pero luego de ver una presentación de Tim Charper, pude ver como automatizar tareas comunes de nuestros entornos de desarrollo. Empezamos con un poco de configuración: /home/malev/.screerc

# Remap escape char to C-\
# escape \034\034
vbellwait 0.25
startup_message off
shell "-/bin/bash"
defscrollback 5000
chdir

caption always "%{-u wk} %L=%-Lw%45>%{+ Gk} %n%f* %t %{-}%+Lw%-0< %=%{ck} %H | %M %d %c "

bind j focus down
bind k focus up
bind t focus top
bind b focus bottom

Este archivo hace algunas cosas interesante: elimina el cartel de bienvenida y mapea las teclas j y k como en vim para una navegación más simple. También nos configura b y t para pasarnos entre divisiones de manera más simple. Luego, dentro del directorio de una aplicación que estemos usando agregamos: /home/malev/code/grouppet/screen

# why use stuff instead of exec? Because if the process dies, the screen
# session will die with it, leaving you unable to see the backtrace. Also,
# it's easier to restart that way. But, your choice :)
setenv ROOT "$HOME/code/grouppet"

screen
title "server"
stuff "cd $ROOT\015clear\015unicorn\015"

screen
title "logs"
stuff "cd $ROOT\015clear\015tail -f log/development.log\015"

screen
title "spork"
stuff "cd $ROOT\015clear\015spork\015"

screen
title "watchr"
stuff "cd $ROOT\015clear\015rake watchr\015"

screen
title "console"
stuff "cd $ROOT\015clear\015rails c\015"

screen
title "shell"
stuff "cd $ROOT\015clear\015"

La primer línea útil indica donde estamos parados. Luego crea varias screens y en cada una corre un comando: unicorn, los logs, spork, watchr, la consola y por último un shell limpio. Esto me permite tener mi entorno listo para empezar a trabajar con solo ejecutar:

cd /home/malev/code/grouppet
screen -c screen

Nota: Por supuesto podemos crear un alias para este comando y así tener todo más simple todavía. Algunos comando útiles

C-a D : Sale de la terminal
C-a :quit : Sale de screen
C-a " : Muestra todas las screen abiertas
C-a ? : Muestra ayuda

Más información: Quick reference: http://aperiodic.net/screen/quick_reference

Resources

[1] http://blog.malev.com.ar/2011/03/31/pycamp-2011/
[2] http://es.wikipedia.org/wiki/GNU_Screen
[3] http://www.gnu.org/software/screen/
[4] http://www.debian-administration.org/articles/34
[5] http://www.gnu.org/software/screen/manual/screen.html

Marcos Vanetta (malev)

Nginx, passenger and PHP

Nginx, passenger and PHP

Instalamos algunas cositas:

Instalando spawn-fcgi

Configurando un VirtualHost

Reiniciamos y listo el pollo!

Base de datos

Resources

Learning Javascript

Learning Javascript

Object oriented programming in Javascript

Essential JavaScript Design Patterns

Eloquent JavaScript

Nada que ver

JS Conf

Actualización

RVM plus Nginx plus Server

RVM plus Nginx plus Server

Empezamos con el usuario

Preparandonos para instalar

Avanzando

Instalando Ruby

Instalando Passenger

Configurar Nginx

Instalar nuestra app

Resources

Mustache

Mustache

¿Cuál es el plan?

Ejemplo

Contras

Resources

Nota

About the new design

About the new design

New blog styles

New blog styles

MongoDB con Mongoid

MongoDB con Mongoid

gemsets are the awesomeness

gemsets are the awesomeness

Sobre callbacks en Rails

Sobre callbacks en Rails

Agile testing

Agile testing

AsÃ­ es, di una charla en PyConAr 2011

AsÃ­ es, di una charla en PyConAr 2011

Paso PyCon 2011

Paso PyCon 2011

Book Review: The Clean Coder

Book Review: The Clean Coder

Y paso el PyDay Gonzalez Catan

Y paso el PyDay Gonzalez Catan

Torneos de programaciÃ³n

Torneos de programaciÃ³n

HTML - Zen coding

HTML - Zen coding

Pyday en GonzÃ¡les CatÃ¡n

Pyday en GonzÃ¡les CatÃ¡n

Objects in Javascript

Objects in Javascript

Using Ruby modules in Rails

Using Ruby modules in Rails

Playing with screen

Playing with screen

AsÃ es, di una charla en PyConAr 2011

AsÃ es, di una charla en PyConAr 2011