kumquats labs Veille technique et R&D sur les technologies HTML5 et Symfony - page 2

Pour ceux qui développaient avec Symfony 1.4, vous connaissez sûrement l’Admin Generator : ce composant permettait de générer automatiquement une interface d’administration en fonction du modèle de données (entités), ce qui faisait gagner énormément de temps lors de la création de backend.

Ce composant n’est plus présent dans Symfony 2, à notre grand regret, et comme la plupart du temps nos applications web et mobiles ont besoin d’interfaces d’administrations, on est contraints de tout créer « from scratch ».
Heureusement des bundles existent pour créer ces admin, le plus connu Sonata permet de générer le code de ces interfaces qu’on peut ensuite personnaliser. Cela accélère le développement mais créé aussi beaucoup de code ce qui peut être parfois difficile à maintenir.

Aujourd’hui, un développeur de SensioLabs, Javier Eguiluz, apporte sa pierre à l’édifice avec la sortie de son bundle EasyAdminBundle.

Ce bundle est prometteur puisqu’il permet de créer des interfaces d’administrations basées sur des fichiers de configuration yaml, rappelant ainsi un fonctionnement similaire à feu l’Admin Generator. Il est également possible d’étendre les fonctionnalités des admins générées de manière plus simple qu’avec Sonata (à priori le nombre de templates est plus limité).

Côté utilisateur, l’admin générée permet de lister, créer, éditer, supprimer les entités, mais il est possible pour le développeur d’étendre les fonctionnalités de l’admin avec ses propres templates / controlleurs.

Autre avantage, son thème graphique simple (certains diront simpliste) est responsive et basé sur Bootstrap. Même s’il est indiqué dans la doc, qu’aucun système de theming n’est prévu, le code étant basé sur Bootstrap il doit être possible de skinner le tout assez facilement.

Les pré-requis sont Symony 2.3+, Dotrine ORM et que les entités aient comme clé primaire une propriété « id » (rien de très exotique). Pour le moment les relations many-to-many ne sont pas supportées, mais avec la souplesse de développement qu’offre Symfony on peut être certains que ce sera rapidement le cas.

Ce bundle est disponible à partir d’aujourd’hui, alors on va s’empresser de le tester pour voir ce qu’il a dans le ventre !

Pour les développeurs web et mobile les outils s’utilisant en ligne de commande se sont multipliés ces dernières années, que ce soit pour la compilation des fichiers sass, pour lancer son environnement de travail sous Vagrant, pour lancer ses tests unitaires ou encore pour compiler son application PhoneGap/Cordova par exemple.

Sur Mac OSX et Linux, le terminal, très puissant, est bien adapté à ces nouveaux usages. En revanche, sur Windows, les lignes de commande s’exécutent via le programme CMD. Son apparence peu accueillante (c’est peu de le dire) et ses fonctionnalités très limitées en font un très mauvais concurrent par rapport au Terminal Unix. Son problème majeur est son fonctionnement basé sur Powershell, un langage bien en dessous des lignes de commandes utilisées habituellement sous Unix. Si l’on ajoute à cela une ergonomie catastrophique (impossible de redimensionner la fenêtre simplement sans masquer une partie du contenu, aucune coloration syntaxique, copier/coller cauchemardesques, etc.) on comprend que les développeurs sous environnement Windows se sentaient à la traine (et la guerre au troll ici, à Kumquats, faisait rage).

C’est la qu’intervient Cmder !

Cette console portable se présente comme une véritable alternative à CMD.

Tout d’abord, ce qui saute aux yeux, c’est le thème graphique Monokai présent par défaut qui permet d’avoir une véritable coloration syntaxique, ce qui en soi est déjà un point non négligeable en cas d’utilisation intensive du terminal. Toute une palette de thèmes sont disponibles comme les classiques Zenburn, Solarized, etc.
Ensuite, Cmdr donne la possibilité de travailler avec plusieurs consoles grâce aux onglets. Vraiment pratique.
Enfin, l’intégration de Msysgit permet de combler les lacunes de Powershell en rendant disponibles des commandes UNIX comme « ls », « mkdir » ou bien « cat » par exemple. Utile lorsqu’on bascule régulièrement d’un environnement Unix (vagrant, serveur distant) à son poste local.
A noter que Cmder est une fusion d’autres projets comme Msysgit donc mais aussi Conemu et Clink.

Avis donc aux utilisateurs Windows, voici une chance de ne plus être la risée des devs Mac OS : l’installation se télécharge là : https://bliker.github.io/cmder/. Petit détail : contrairement à ce qui est indiqué sur la page du logiciel, Cmder se lance via Cmder.exe et non Cmder.bat ;)

Vous le savez sûrement déjà : Android 5.0 aka Lollipop est enfin sorti.Pour les heureux possesseurs de Nexus 5, 7 et 10, l’image système permettant la mise à jour sans attendre l’OTA est finalement sortie en fin de semaine dernière ! Les images peuvent se télécharger sur le site développeur Android : https://developers.google.com/android/nexus/images

Pour les autres il faudra attendre les mises à jour (ou images) des constructeurs même s’il est tout de même possible de tester Android 5.0 à l’aide des Android Virtual Devices.

Addy Osmani (qu’on ne présente plus) a partagé cet été une présentation concernant la gestion de la mémoire en Javascript qui vaut le détour et que vous pouvez trouver ici : https://speakerdeck.com/addyosmani/javascript-memory-management-masterclass

Il présente tout d’abord les différents outils de chaque navigateur permettant de surveiller la consommation mémoire de nos applications.
Il explique ensuite les cas les plus courants qui peuvent provoquer les fuites de mémoires ou le ralentissement de l’application.

On apprend par exemple que l’usage du « delete » sur la propriété d’une classe peut la rendre plus lente d’utilisation.
Autre point, les fonctions anonymes peuvent engendrer une grosse consommation de la mémoire étant donné qu’elles maintiennent des références sur toutes les variable du scope dans lequel elles ont été créées et, qu’ainsi, elles les empêchent d’être collectées par le garbage collector (ou « ramasse miettes » pour les puristes).
Pour le reste des exemples c’est ici: https://speakerdeck.com/addyosmani/javascript-memory-management-masterclass

Dans tous les cas l’auteur nuance et rappelle que l’optimisation n’est pas une fin en soi, et qu’au delà des bonnes pratiques élémentaires, mieux vaut privilégier une bonne conception et travailler à l’optimisation une fois le code réalisé et profilé. Il cite notamment Donald Knuth qui nous prévenait déjà en 1974 (pour ceux qui étaient nés ;) :

©Donald Knuth : We should forget about small efficiencies, say about 97% of the time: premature optimization is the root of all evil

Envie de rajeunir, de vous voir en Justin Bieber ou Walter White ? C’est maintenant possible en JavaScript et la démo est assez impressionnante, comme en atteste la photo de notre Terminator & développeur JS.

Face substitution utilise la librairie javascript clmtrackr, qui permet d’ajuster des modèles de visage à des vidéos et des images. Gardez votre visage immobile le temps que le modèle de visage s’ajuste à vous et essayez différents masques depuis la liste déroulante. Cela marche mieux avec un bon éclairage et le support de WebGL dans votre navigateur, à votre Google Chrome ou Firefox donc !

Un petit bout de code intéressant; dans leur exemple, ils utilisent l’API navigator.getUserMedia() pour capter le flux de la webcam :

navigator.getUserMedia( videoSelector, function( stream )
{
    if ( vid.mozCaptureStream )
    {
        vid.mozSrcObject = stream;
    }
    else
    {
        vid.src = ( window.URL && window.URL.createObjectURL( stream ) ) || stream;
    }
    vid.play();
});

Le lien vers la démo : http://auduno.github.io/clmtrackr/examples/facesubstitution.html

Un exemple par étapes : http://auduno.github.io/clmtrackr/example.html

Le GitHub du projet : https://github.com/auduno/clmtrackr

A vos expérimentations, merci JS !