Noséqué.net

Ruby on Rails, o cómo ser un feliz desarrollador de aplicaciones web

Felicidad. Ésa creo que fue la palabra más repetida en la conferencia sobre Ruby on Rails del martes 6 de abril a la que asistí. Este framework de código abierto, que tan de moda se está poniendo por su potencia y facilidad de uso, también tuvo su riconcito en Imaginática 2007.
Creado por David Heinemeier Hansson, programador danés obsesionado por el código limpio y “bello”, ha tenido el reconocimiento de algunos conocidos sitios (La Coctelera entre ellos), que no han dudado en adoptar su filosofía del “No te repitas” (DRY) y su fácil manejo al programar con tecnología Ajax.
Inicialmente pensado para la creación de un administrador de proyectos (BaseCamp) con el fin de resolver los problemas de deshora con sus colegas que vivían en Chicago, la estructura definida gustó tanto que finalmente David la liberó en Julio de 2004.

Una de las que han aprovechado este framework, ha sido la empresa Flowers In Space, que se dedica al desarrollo de aplicaciones web, y aseguran estar muy contentos con Ruby on Rails. Tanto, que no dudaron en acudir a Imaginática y contarnos lo bien que se lo pasan con esta nueva ideología de programación feliz. Porque según sus impresiones, Rails mejora notablemente la calidad de vida del desarrollador web, pues éste ya no tiene que andar complicándose con los usuales servicios tediosos, que vienen de fábrica y listos para usar gracias a este novísimo framework.

Y tan nuevo que algunos interesados no se atreven a dar el paso. Hace algunos meses pude escuchar a Jero (emigrando.org) hablar del tema en su hora del café #5. Se contaba en su charla sobre frameworks que una desventaja de Rails era precisamente su juventud, y el hecho de que profundizar en el desarrollo con éste era una contínua búsqueda en listas de distribución.

Yo por mi parte estoy bastante interesado, y tengo pensado empezar a aprender a usarlo en cuanto me dejen un rato. Aunque en el taller que los majos señores de Flowers In Space organizaron el miércoles 7 de abril no pude acabar mi primera aplicación, me dejó muy buen sabor de boca, sobre todo en cuanto al manejo de bases de datos se refiere.

Enlaces relacionados:

• Página oficial de Ruby on Rails.
• Rubí sobre Rieles, blog en castellano sobre Ruby On Rails.

Cómo insertar una canción de GoEar Xhtml válida

Jotape y su .blog simiesco nos avisan de que es posible insertar una canción de Goear.com, ese portal equivalente a Youtube pero para subir canciones, pero con un código que cumpla con las especificaciones de la W3C. Yo lo estuve intentando pero no di con él. Al final ha resultado ser más sencillo de lo que imaginaba. Tan sólo hay que escribir:

<div style="text-align:center"><object type="application/x-shockwave-flash" style="width:366px;height:75px" data="http://www.goear.com/files/localplayer.swf?file=XXXXXXX"> <param name="movie" value="http://www.goear.com/files/localplayer.swf?file=XXXXXXX" /></object></div>


donde las XXXXXXX son el identificador asignado por Goear para la canción (por ejemplo c3f791f).

Inserta una etiqueta rápida de Goear entre tus quicktags

Si además, quieres añadir un quicktag rápidamente a tu lista, para hacerte la tarea mucho más sencilla, indico qué 3 fragmentos de código debes añadir a /wp-includes/js/quicktags.js (dentro de tu carpeta de wordpress):

Primero, el código para añadir el botón a tu lista (sólo varía de los demás en el identificador del botón y en el nombre):

edButtons[edButtons.length] =
new edButton(’ed_goear’
,’Goear’
,”
,”
,’a’
); // special case


Ponlo en la misma zona donde estén los demás botones. La cosa debería quedar más o menos así.

Segundo, añade el código necesario que llamará a nuestra función. El código debe ser un condicional más dentro de la función edShowButton (busca el prototipo “function edShowButton(button, i)”):

else if (button.id == \'ed_goear\') {
document.write(\’<input type=”button” id=”\’ + button.id + \’” accesskey=”\’ + button.access + \’” class=”ed_button” onclick=”edInsertGoear(edCanvas, \’ + i + \’);” value=”\’ + button.display + \’” />\’);
}


Aquí tienes una imagen detallada de cómo debería quedarte el condicional dentro de la función edShowButton.

Y tercero, solamente queda añadir la función que coloque el código Xhtml válido. Esta función no va dentro de otra, así que puedes colocarla al final del documento quicktags.js:

function edInsertGoear(myField) {
var myValue = prompt('Mete el identificador del video', 'npjXEmExcxE');
if (myValue) {
myValue = '<div style="text-align:center"> <object type="application/x-shockwave-flash" style="width:366px;height:75px" data="http://www.goear.com/files/localplayer.swf?file='
+ myValue
+ '"><param name="movie" value="http://www.goear.com/files/localplayer.swf?file='
+ myValue
+ '" /></object></div>';
edInsertContent(myField, myValue);
}
}

Y listo. Si todo ha salido bien, deberías poder ver un botón como éste, que te insertará el código correcto tras preguntarte cuál es el identificador de la canción.

Algunos cambios en el blog

Bueno. Ahora que ya han acabado los exámenes y hay más tiempo estoy actualizando y mejorando el blog, siempre en beta como marcan las tendencias blogocosas.
Como podéis observar, desde hace algunos días tenemos nuevo logo, diseñado por viscop (Ha sido su regalo de cumpleaños ¡Muchas gracias colega!). Aprovecho para pedir a los lectores su opinión sobre el nuevo logo de Noséqué.net ¿Qué os parece? ¿Qué mejoraríais? ¿Quejas? ¿Sugerencias? ¿Insultos? Como siempre, en los comentarios…

Por otro lado, he añadido una barra de herramientas en el formulario de los comentarios (Sólo he instalado el plugin Comment Quicktag y le he modificado las etiquetas). A partir de ahora podréis darle formato a vuestros comentarios. He añadido un botón “Spoiler” que rogaría que utilizárais cuando escribáis contenido que pueda desvelar aspectos importantes de algunas series (todos estamos pensando en Lost xD).
También hay un cómodo botón para buscar directamente cualquier palabra en el diccionario de la RAE (siempre es bueno tener un diccionario a mano cuando se escribe, para corregir las posibles faltas de ortografía, que todos las tenemos).

Espero que os sea útil. Lo he hecho pensando en vosotros

Cómo poner un vídeo de Google Video xhtml válido

Hace algunas semanas ya escribí una anotación en la que pegaba un trozo de código para poder poner vídeos de Youtube en un blog sin cargarse la validación xhtml. Resulta que el post llegó hasta las manos de Actual Word y su autor, Javi Vicente, el cuál decidió currarse un breve tutorial de cómo poner un quicktag que introduzca el código de Youtube automáticamente.

Por otro lado, hace unos días publicó el mismo código adaptado para los vídeos de Google Video, con el cuál yo también había estado lidiando pero que no conseguía validar (mis conocimientos de xhtml no llegan para eso…). Aquí os lo dejo, para aquellos a los que les interese:


<object type="application/x-shockwave-flash" style="width:425px;height:350px" data="http://video.google.com/googleplayer.swf?docId=XXXXXX">
<param name="movie" value="http://video.google.com/googleplayer.swf?docId=XXXXXX" />
</object>


donde las XXXXXX es el identificador del vídeo. Si queréis insertar un quicktag que os pida sólo el identificador para hacerlo todo automáticamente, podéis seguir el mismo tutorial de Javi Vicente que antes mencioné. Muchas gracias a él por este aporte a la blogosfera ;).

Cómo poner un vídeo de Youtube xhtml válido

Es curioso. No entiendo por qué el código que te da Youtube para poner un vídeo en tu blog no es xhtml válido.
Hasta ahora he sido reticente a poner vídeos de Youtube en el blog porque se cargaba la validación de éste. Pero he encontrado el código correcto para que valide. En vez de añadir el código que se te indica desde la página del vídeo, añades el siguiente:

<object type="application/x-shockwave-flash" style="width:425px;height:350px"
data="http://www.youtube.com/v/XXXXXXXXXXX">
<param name="movie"
value="http://www.youtube.com/v/XXXXXXXXXXX" />
</object>

donde las XXXXXXXXXXXXX se sustituyen por la cadena del vídeo correspondiente.
Para haceros la vida más cómoda, podéis, si queréis, añadir un quicktag que te pida la dirección de Youtube y añada el código automáticamente. Como es una quicktag un poco más elaborada de lo habitual, aquí tenéis un tutorial para añadir etiquetas rápidas al editor de posts de Wordpress.

Nota:No recuerdo la fuente de donde saqué el código, mis disculpas, pero el código funciona y valida.

Nota de MrWolf:Ya es posible insertar videos de Youtube en Windows Live Spaces, pero hay que utilizar el código que se especifica en Youtube para insertarlo, con el código aquí expuesto no funcionará.