Développeur Web RoR

Aller au contenu | Aller au menu | Aller à la recherche

mercredi 25 janvier 2012

Créer une application rubyonrails avec une version spécifique de rails

Comment faire pour utiliser une version spécifique de rails ? Ce n'est pas très compliqué : rails _VERSION_.

Exemples 

rails _3.0.7_ new myapp

rails _3.1.3_ new myapp

rails _3.2.0_ new myapp

Pour connaitre les versions de rails installées sur le système il suffit de faire :

gem list rails

Le but était pour moi de vérifier les différences entre des squelettes d'appli rails sous différentes versions. N'oubliez pas : "meld" pour faire des diff de fichiers sous linux c'est top.

Ouvrir un tunnel SSH

Qu'est ce qu'un tunnel ssh ?

Un tunnel ssh est un conduit qui permet de faire transiter tout ce que l'on veut à travers ssh.

Voici un schema explicatif :

Pourquoi utiliser un tunnel ssh ?

L'intérêt principal est la sécurité. Seul le port 22 est écoute par le serveur en question (ssh est crypté et sécurisé). D'autre part (intérêt pour le fainéant) en utilisant des tunnels ssh ça vous permet de ne pas ouvrir des ports pour tout et n'importe quoi.

Comment le mettre en place ?

ssh -L port_local:localhost:port_sur_le_serveur -XC user@serveur

Exemples : 

pour VNC (port 5900) :

ssh -L 5900:localhost:5900 -XC me@example.com

pour SVN (port 3690) :

ssh -L 3690:localhost:3690 -XC me@example.com

Une fois le tunnel ssh ouvert vous pouvez sur votre poste faire comme si le service et sur localhost. Donc pour pouvez vous connecter avec vinagre (client VNC) sur localhost pour prendre la main sur example.com :

vinagre localhost:5900

D'une manière générale, si vous configurez vino (VNC server) pour écouter sur le port 5987 vous pourrez faire :

ssh -L Y:localhost:5987 -XC me@example.com

vinagre localhost:Y

Y étant un port quelconque n'étant pas déjà utilisé par localhost.

Sur windows y a pas de soucis vous pouvez ouvrir votre tunnel ssh en utilisant putty. (voir le Wiki de korben pour la config de putty : http://free.korben.info/index.php/Tunnel_SSH)

Il est également possible de changer le port de ssh...


lundi 23 janvier 2012

Les ressources / articles web dev de ces derniers jours

Voici les quelques ressources que j'ai trouvé intéressante ces derniers jours (ça fait office de post-it en ce qui me concerne).

Framework html / css / js : http://www.99lime.com/

jQuery highlighter de code (marche avec Ruby !) : http://steamdev.com/snippet/

Utilisation de VIM : tutorial découverte par Synbioz : http://www.synbioz.com/blog/2012/01/18/l_utilisation_de_vim

Impress.js (Sur la ferme du web) : http://www.lafermeduweb.net/billet/impress-js-creez-des-presentations-de-type-prezi-en-javascript-1273.html

User interface Futurico (attention payant, mais peut être une bonne source d'inspi !) : http://www.behance.net/gallery/Futurico-User-Interface-Pro/2650227

Autre user interface : http://www.webdesignerdepot.com/2012/01/free-download-balio-web-ui-kit/

Inspiration de design web : http://www.queness.com/community-news/10453/30-beautiful-web-design-examples-from-behance-and-deviantart

En espérant que cette petite compilation vous servira...

mercredi 18 janvier 2012

Configurer la 3G sur son mobile Android pour FreeMobile (APN)

Bon après avoir fait moulte test, je me suis aperçu que je n'arrivai pas à me connecter en 3G. (Je n'ai pas acheté mon mobile chez Free). Une page d'aide FreeMobile explique comment faire pas à pas (Attention aux frontaliers...) : http://mobile.free.fr/faq-config-apn-android.html

Redémarrez le mobile. C'est parti ! Il devrait y avoir l'icone h ou 3g en haut à droite

Sinon avant de mettre votre carte SIM vous pouvez installer l'application gratuite MobileConfig https://market.android.com/details?id=fr.freemobile.android.mobileconfig

mardi 17 janvier 2012

J'ai reçu ma carte SIM FreeMobile

Alors voilà ça fait 2 ans que j’attendais ça ! J'ai enfin reçu ma carte SIM FreeMobile (Forfait 15,99€ chez Free, nouveau numéro pas de portabilité). Inscrit le 11 janvier vers 9h, je n'ai reçu qu'un premier mail. Après avoir demandé mes identifiants et mot de passe ici : https://mobile.free.fr/moncompte/ j'ai reçu un mail avec les identifiants. Depuis lundi j'étais en étape 2 (Etape 2 : Votre carte SIM a été expédiée) J'ai reçu ma carte SIM ce matin (courrier daté du 12 janvier). Voici une photo de la bête (ouai ok ce n'est qu'une carte SIM...).

J'ai testé avec succès l'envoi de SMS, appel sur fixe et sur mobile : Tout marche, je suis sur METZ (Lorraine). N'hésitez pas à laisser vos retours dans les commentaires.

vendredi 13 janvier 2012

Faire un zip d'une arborescence en ruby avec rubyzip

Donc le petit code cadeau du jour : faire un zip d'une arborescence en ruby (1.8 et 1.9) avec rubyzip.

require 'rubygems'
require 'zip/zip'
require 'zip/zipfilesystem'
# Dossier à explorer
rootdir = "Mon_dossier"
base_path = [rootdir]
base_zip_path = [rootdir]
# Fonction qui explore une arborescence et ajoute les fichiers dans un zip
def explore_and_add(zipf, pathrep, zippathrep)
  zipf.mkdir(File.join(zippathrep))
  
  (Dir.entries(File.join(pathrep)) - ['.', '..']).each{ |entry|
    diskpath = File.join(pathrep, entry)
    if not File.directory?(diskpath) then
      # Ajoute le fichier dans le zip avec la même structure
      zipdiskpath = File.join(pathrep, entry)
      puts diskpath
      zipf.add(
        diskpath,
        zipdiskpath
      )
    else
      # Ajoute le répertoire et descend dans l'arborescence
      pathrep << entry
      zippathrep << entry
      zipf = explore_and_add(zipf, pathrep, zippathrep)
      pathrep.delete_at(-1)
      zippathrep.delete_at(-1)
    end
  }
  return zipf
end
filename = "zip_" + Time.now.to_i.to_s + ".zip"
Zip::ZipFile.open(filename, Zip::ZipFile::CREATE) { |zipfile|
  zipfile = explore_and_add(zipfile, base_path, base_zip_path)
}

jeudi 12 janvier 2012

Barre de progression en html, css3

Ca vous dit une petite barre de progression (progress bar) ? Certain diront qu'il existe <progress> et <meter> d'html5, c'est juste utilisez-les ! Là il s'agit plus de l'aspect (css) que de la sémantique (html). Donc vous pouvez également utiliser ce css avec les balises sémantique html5...

Voilà pour l'HTML

<div class="barre">
    <div class="progress"></div>
</div>

Voilà pour le CSS3

body{
    background-color:black;
}

.barre{
    height:3px;
    width:300px;
    border-radius:3px;
    border:1px solid #111;
    border-bottom:1px solid #111;
    margin:10px;
}

.progress{
    margin-top:2px;
    margin:0;
    padding:0;
    background-color:#2B85C1;
    height:1px;
    width:200px;
    box-shadow:0px 0px 15px 1px #2B85C1,0px 0px 10px 1px black;
}

Voici le jsfiddle qui va avec : http://jsfiddle.net/yQUHc/2/

- page 1 de 39