Exotech.biz - Tag - Développement

Espresso, l'éditeur de code pour le développement web sur Mac

Bastien Labelle — Tue, 30 Dec 2008 18:56:00 +0100

Voilà une news qui va faire plaisir à mon ami Guirec: Espresso, l'éditeur de code pour le développement web de MacRabbit (déjà connu dans le monde Mac pour avoir réalisé CSSEdit) vient de sortir en beta publique cette nuit. Un tout nouvel éditeur, qui vient concurrencer les déjà célèbres et excellents TextMate ou Coda. Et c'est déjà plus de ce dernier que se rapproche Espresso, avec une approche one-window web development.

Les fonctionnalités sont sensiblement les mêmes à celles de Coda. Néanmoins, Espresso ne supporte pas (encore?) SVN, mais inclut sensiblement les mêmes possibilités via son outil de transfert. En parlant de transfert, Espresso permet la connexion à plusieurs serveurs, ce qui peut être très pratique pour développer avec un serveur de test et un serveur de production notamment. Néanmoins, pas de terminal intégré.

A noter aussi les Workspaces, qui mixent les onglets aux sidebar. Cela nécessite un temps d'adaptation, mais il est possible de vous créer des petits workspaces temporaires assez facilement, ce qui peut s'avérer très pratique.

Au niveau CSS, Coda est bien supérieur à Espresso car il intègre un éditeur visuel qui évite de taper trop de code une fois maîtrisé.

Espresso et Coda ont chacun de bons côtés et de mauvais côtés pour leurs éditeurs HTML respectifs. Espresso permet de faire du code folding, et plus confortable au niveau de l'écriture de HTML qui devient presque nataurelle (inspiré de Dreamweaver, ce qui est une bonne chose à mon sens). Néanmoins, Espresso n'est pas aussi riche en référence, et ne gère pas pour l'instant des langages de script, seulement des langages de description, tels que HTML, CSS, XML, etc.

Cependant, on peut se douter qu'Espresso évoluera grâce notamment à son système de plug-ins (pas encore vu à l'oeuvre).

Espresso coute 59.95€ (je pense que c'est un tarif beta uniquement, il sera certainement plus cher après le lancement), alors que Coda en coûte 99€. Peut-être donc vaut-il mieux attendre qu'Espresso évolue avant de l'acheter, car pour l'instant, j'avoue que je préfère toujours Coda. Même si je pense que l'éditeur HTML d'Espresso est une vraie bombe!

FOWA'08 London Review

Bastien Labelle — Sun, 12 Oct 2008 18:09:00 +0200

Après avoir assisté au FOWD'08 à Londres, je ne pouvais certainement pas manquer la session 2008 du Future Of Web Apps à Londres, dont voici un bilan assez court (désolé, c'est le bordel, je n'ai une fois de plus pris aucune note) sur les sessions qui ont su selon moi se démarquer. Si vous n'avez pas le temps de lire, retenez donc ces quelques mots qui ont été les mots clés de cette conférence: Scalabilité, Queuing, Sécurité, Partage.

The Future of News, Kevin Rose (Digg)

Dans cette première session, Kevin a présenté le nouveau système de recommandation de Digg, la façon dont il est fait. Kevin a donc abordé l'impact de ce système sur les conversations, comment il améliore les conversations autour des breaking news sur Digg, mais aussi l'avenir du recommendation engine, qui est entre autres d'avoir la possibilité pour le digg user de voir l'impact d'un digg, ou de le partager n'importe où.

Languages don't scale, Blaine Cook (ex-Twitter) & Joe Stump (Digg)

Les langages ne sont pas scalables. Qu'il s'agisse de PHP, RoR ou même Python. Tous les problèmes de scalabilité n'ont aucun rapport avec les langages, mais tout tourne autour des I/O (disques, réseau, etc.). Au niveau des solutions: Scale out, Pas de partage, Happy coders, Queuing et partitionnement des données.

Dopplr: It's made of messages, Matt Bidulph (Dopplr)

Une session très intéressante où Matt a expliqué le fonctionnement de Dopplr, et l'importance du queuing et de la décentralisation de certaines tâches qui n'ont pas lieu d'être réalisées en temps réel, comme le Carbon Calculator présent sur Dopplr.

Colliding Worlds: Using Jabber to make awesome websites, Blaine Cook (ex-Twitter)

Très intéressantes présentation de Jabber/XMPP (... and it was good) où Blaine a présenté les intérêts d'utiliser XMPP pour créer des sites scalables et real time. Il s'agit du protocole utilisé notamment par Gtalk pour faire de l'instant Messaging. Mais ce protocole peut évidemment s'appliquer à d'autres types de systèmes, créant ainsi un système de push relativement puissant et performant.

Blowing up social networks with Open Tech, David Recordon (SixApart)

Une session sur les standards ouverts au service des réseaux sociaux, où David nous a présenté quelques standards et protocoles Open Source très intéressants ainsi que leurs usages au sein de l'Open Stack:

Open ID + hCard pour les problématiques d'identité:
XRDS Simple pour la découverte
oAuth pour les autorisations et la sécurité
PortableContacts & XFN pour les contacts
Atom pour les activités
OpenSocial pour les gadgets

Building Desktop Caliber Web Applications, Francisco Tolmasky (280 North)

Une session très dynamique avec ce petit gars de la valley qui nous a présenté Cappuccino, le framework javascript développé par 280 North, la société qui a développé 280 Slides dont je vous avais déjà parlé il y a quelques temps. Un parallèle intéressant entre la transition Desktop/Web et la transition VHS/DVD. Ryan Carson et moi même avons twitté la même chose au même moment: "This guy rocks!"

The fear factor: What to be frightened of in Building a Web Application, Tim Bray (Sun)

Une excellente session dont le but a finalement été de donner quelques bonnes pratiques pour les développeurs en cette période de crise: Networking, Openness ont été les maîtres mots.

How oAuth and portable data can revolutionise your web app, Chris Messina (Vidloop)

Une très bonne introduction à oAuth, où Chris nous a expliqué les basiques et l'utilité d'oAuth en termes de sécurité: oAuth est un protocole très intéressant qui permet de partager des données entre un service provider et un consumer, donnant comme exemple l'accès à vos données Google via des applications tierces ou encore à FireEagle via BrightKite.

The future of your online presence, Bret Taylor, FriendFeed

Bret nous a présenté la manière dont FriendFeed analyse ses données pour filtrer les activités et ne renvoyer que des informations intéressantes à l'utilisateur, informations filtrées sur divers critères tels que la proximité avec quelqu'un, les breaking news, etc.

Beyond Google Maps, Andrew Turner, Mapufacture

Une session où le speaker est allé très vite et a présenté un panel de services web permettant de faire de la géolocalisation et jouer avec des plans tels que Google Maps. Des outils et librairies très très intéressantes, qui montrent comment en en mixant quelques uns, on peut créer des mashups géolocalisés très intéressants!

Scaling the synchronous web, Elaine Wherry & Paul Sowden (Meebo)

Une session sur l'histoire de Meebo et les problèmes rencontrés en termes de scalabilité. Meebo étant un système d'IM et donc en temps réel, la session a été très intéressante dans le sens où les problèmes rencontrés ne sont pas les mêmes que pourraient rencontrer des web apps plus classiques tels que Digg ou Twitter: Ici il n'y a pas de problème de scalabilité relatifs aux bases de données ou aux langages, mais plus à l'architecture pseudo-synchrone utilisée par Meebo.

How to survive outside of Silicon Valley, Michael Galpert (Aviary) & Andy McLoughlin (Huddle)

Une session qui pourrait intéresser les gens qui lisent SVN, le blog de 37 Signals. Ou comment connaître le succès en tant qu'entrepreneur sans être dans la Valley. Cela passe par les communautés d'entrepreneurs, le choix des collaborateurs, etc. Belle conclusion: D'où qu'on soit, si l'on a une bonne webapp, les investisseurs seront là (ou pas, ces temps-ci ^^).

How to grow and nurture your community, Kathy Sierra (JavaRanch)

Une session où est montré que l'utilisateur est au centre de tout, il est important d'avoir des kicking ass users, ou du moins savoir les transformer, via des easter eggs, ou tout simplement de l'attention. Savoir bien s'occuper de son utilisateur est une des clés de la réussite.

En conclusion

Pour résumer, une très bonne conférence de la part de Carsonified, très bien organisée, avec un DiggNation où l'ambiance était plus qu'excellente. Un grand bravo et un grand merci à Ryan Carson et toute son équipe. Petit bonus: les vidéos du FOWA sont en lignes sur le site de Carsonified. Et la prochaine édition qui aura lieu à Miami promet d'être encore plus intéressante! J'ai mis en ligne quelques photos de la conférence sur Flickr.

Programmer Meet Designer

Bastien Labelle — Tue, 20 Nov 2007 18:43:00 +0100

Un fait qui s'applique à la plupart des gens et qu'on ne peut pas être compétent partout, sauf quelques exceptions. Certains ont des idées, d'autres savent programmer, d'autre ont une fibre plus artisitque. C'est à ce niveau que ce service intervient.

Programmer meet designer est un service sympathique destiné à mettre en relation les principaux acteurs du monde du web. Se retrouvent donc sur ce site entrepreneurs, webdesigners, et développeurs, qui peuvent poster des annonces de jobs (freelance ou long terme). Pratique, pour trouver des collaborateurs!

Beanstalk, un Subversion web 2.0 et user friendly

Bastien Labelle — Thu, 15 Nov 2007 19:26:00 +0100

Bon nombre de développeurs savent à quel point la gestion de configuration est importante, à quel point il est essentiel de garder une mémoire, un historique, de chaque développement. Je suppose que bon nombre de développeurs savent aussi combien il est parfois difficile de mettre en place une solution SVN ou CVS. Et nous n'avons pas tous les compétences en administration système.

Subversion est un des rares logiciels que je connais dont les interfaces qui y sont associées ne sont pas vraiment au point. Alors, il y aurait bien WareHouse, mais si j'ai bien compris il faut pouvoir se l'installer (et par conséquent disposer d'un serveur avec RoR, Lighttpd et toute la clique).

Avec BeanStalk, on s'occupe de tout. Vous avez simplement à vous inscrire, et tout se fait via le web. Si vous n'êtes pas un simple geek qui préfèrera toujours sa ligne de commande, mais plutôt un geeket qui aime les belles interfaces utilisateur, BeanStalk vous séduira sans doute.

Les fonctions essentielles d'administration sont là: gestion des utilisateurs, gestion des dépôts, subversion browser (auquel il ne manque peut-être que la coloration syntaxique), tableau de bord d'activité, etc. Et bien sûr, c'est joli. Très joli!

BeanStalk propose une version gratuite, qui offre 10 Mo de stockage (ce qui semble être amplement suffisant pour le projet que j'y ai déposé dessus), 1 dépôt SVN, ainsi que la possibilité d'ajouter 3 utilisateurs (car évidemment la gestion de configuration parait vraiment indispensable pour les projets d'équipes). Depuis le 1er novembre, BeanStalk propose aussi des offres payantes, qui permettent d'avoir plus d'espace, plus d'utilisateurs, et plus de dépôts. Ces versions payantes devraient d'ailleurs intégrer sous peu un support SSL qui ravira ceux qui sont un peu paranoïaques.

L'autre chose très intéressante avec BeanStalk est son intégration: Il est possible de coupler BeanStalk avec d'autres applications de management de projets web 2.0: FogBugz, LightHouse ou le très célèbre BaseCamp. En associant par exemple BeanStalk et LightHouse (que je trouve très bien fait), le couple se révèlera être une véritable et puissante alternative face aux désormais populaires mais complexes Trac et Subversion!

Note: un petit merci à Jenn qui m'a aidé à découper le logo (pas de logiciel pour le faire correctement quand j'ai commencé cet article à la fac), et concernant le screenshot: mon projet "WebmailTouch" est de proposer un webmail IMAP pour l'iPhone et l'iPod Touch!

Snippet Bucket présente le Clogging et les Clogs

Bastien Labelle — Thu, 04 Oct 2007 20:54:00 +0200

On connaissait le blogging, le micro-blogging, le tumbling, mais connaissez-vous le Clogging?

Une idée lancée par John Nunemaker a laquelle a donné vie Nicolas Mérouze hier. Le clogging est la compression des mots Code et Blogging. Là où certains bloguent ou micro-bloguent des notes et des fichiers multimedias, Snippet Bucket cible quant à lui les développeurs tout languages confondus, afin qu'ils puissent ~~bloguer~~ cloguer des Snippets.

Pour une définition des Snippets, un petit tour direction Wikipedia...

Snippet est un terme programmatique pour une petite région réutilisable de code source ou de texte. Ordinairement, ce sont des unités formellement définies à incorporer dans des modules plus larges.

Le design est joli, soigné et est signé Stéphane.

A noter aussi une fonction intéressante: on peut exporter des bouts de codes et les afficher via un petit code javascript. En gros, Snippet Bucket permet de diffuser les snippets! Un exemple avec le classique "Hello World!":

Une applications très intéressante pour les développeurs au niveau mondial, car Snippet Bucket est disponible en anglais, mais aussi en français. J'y invite d'ailleurs les développeurs à poster leurs snippets as soon as possible.

Dernier point: Snippet Bucket utilise OpenID comme méthode d'authentification. Si vous ne connaissez pas, je vous conseille l'excellent billet qu'a écrit Stéphane à ce sujet

Note: Ah, j'oubliais un truc: j'ai aussi un Clog!

Note2: Apparement, la fonction Snippet en javascript bugue au niveau des CSS, mais ce n'est qu'une beta!

Inventeur d'un langage de programmation ou serial killer?

Bastien Labelle — Wed, 08 Aug 2007 20:23:00 +0200

Je ne peux m'empêcher de vous faire partager ce petit quizz très marrant: vous devez deviner d'après la photo si il s'agit d'un inventeur d'un langage de programmation ou bien d'un serial killer! Attention ce n'est pas évident: j'ai atteint un pitoyable score de 6/10! Serez-vous plus fort que moi à ce quizz???

Programming Language Inventor or Serial Killer? (vu sur le Pownce de Leah Culver)

Ultimate Web developper bookmark, pourquoi pas sur Delicious?

Bastien Labelle — Wed, 18 Jul 2007 21:52:00 +0200

Avis à nos amis Web développeurs (moi par exemple): Gérald publie sur son blog Dreaminvasion 107 liens qui constituent son Ultimate Web Developer Bookmark. Je vous invite donc à faire votre liste. Peut être qu'on pourrait se faire un UWDB entre blogueurs développeurs web sur Delicious? Avec un tag "UWDB" associé aux tags classiques!

Pingdom Tools, calculez le temps de chargement de vos pages

Bastien Labelle — Sat, 16 Jun 2007 03:53:00 +0200

Voici un outil web 2.0 fort utile pour tous ceux qui font du développement web!, que j'ai découvert chez Hongkiat Avec Pingdom Tools (Free Page Test), vous pouvez calculer en combien de temps votre site se charge, avec un niveau de détail étonnant qui est représenté sous la forme d'un diagramme de Gantt coloré, avec des indicateurs sur le temps de réponse, le temps de connexion, et le temps de téléchargement. Ainsi, vous pourrez agir à deux niveaux:

Au niveau du code et des images, que vous aurez à optimiser. Par exemple, un code PHP optimisé accélèrera le temps de connexion, un code XHTML ou CSS plus propre accélèrera le temps de téléchargement (ceci est valable aussi pour la compression d'images).
Au niveau du temps de réponse, vous pourrez peut être améliorer votre serveur ou changer de formule d'hébergement.

Bien entendu, un test comme celui-ci ne tient pas compte de la charge actuelle sur le serveur. Ainsi, il serait donc peut-être plus utile de pouvoir effectuer ces tests sur un serveur de test, et non pas un serveur de production. Malheureusement, je n'ai pas vu de version offline ou standalone. Mais celà pourrait être une idée à développer!