mercredi 18 novembre 2015

Bien démarrer avec React et Webpack

On peut très bien écrire du React sans faire de l'ES6, en écrivant un simple Hello World, sans utiliser d'outil tel que brunch, webpack ou autre browserify mais c'est franchement moins drôle, moins pratique et moins rapide.

Lire la suite...

vendredi 6 novembre 2015

Bonjour le monde avec React

Depuis quelques temps je m'intéresse de plus en plus aux frameworks javascript. Après avoir suivi de superbes conférences à Paris Web ou encore les ateliers du samedi j'ai eu envie se sauter le pas en réalisant qu'on était bien en 2015 et que comme dit si justement Christophe ES6 c'est maintenant, les gens !  Du coup j'ai très envie de faire du javascript de manière plus avancé, en me mettant à ES6, en découvrant React,...

Et pour commencer, parce qu'il faut bien commencer par quelque chose, voici un "Hello World !" à la sauce React. Et pour que ce soit simple, sans passer par des conversions, transpilations, je vais utiliser les sources sur un CDNhttps://www.jsdelivr.com/ En cherchant on trouve facilement les deux bibliothèques nécessaires : react et react-dom, en version 0.14.2.

Le code pour afficher un simple Hello World peut ressembler à ça :

ReactDOM.render(React.createElement('h1', {}, 'Hello World!'), document.getElementById('app'));

Il ne reste plus qu'à l'ajouter à react et react-dom et mettre tout ça dans une page html. Il faut tout de même créer un conteneur (un div par exemple) avec un id app qui contiendra notre application. La page complète ressemble à ça :

 

Vous pouvez aussi voir la page pour de "vrai".

C'est une toute première étape mais je compte bien continuer !

Lundi 22 juin 2015

Contribuer à dotclear en utilisant git

Le code de dotclear est versionné en utilisant le gestionnaire de versions mercurial. Le choix a été fait il y a de cela plusieurs années pour plein de bonnes raisons et en particulier parce qu'il n'y avait pas de client facile d'installation et à l'usage sous l'OS de Raymonde. Quoi qu'il en soit il est difficile de changer de gestionnaire de versions encore une fois. J'ai fait le choix, dès 2009 d'utiliser git comme gestionnaire de versions. Evidemment tous les projets n'utilisent pas git, ce serait trop simple et peut-être ennuyant. Pendant de nombreuses années j'ai utilisé avec plaisir git svn qui offrait une passerelle pour contribuer à un dépôt utilisant subversion. Je bénéficiais de toute la puissance de git en local sans que cela ne force le dépôt distant à être sous git. Depuis quelque temps déjà je contribue à dotclear et toujours avec git en local. Voici à quoi ressemble mon installation locale... 

Lire la suite...

vendredi 7 novembre 2014

Une jolie date dans un formulaire

Lorsqu'on veut demander à l'utilisateur de choisir une date (par exemple sa date de naissance) dans un formulaire, il y a plusieurs solutions :

  • on met un simple champ de type text avec le masque attentu, à savoir par exemple JJ/MM/YYY
  • on peut ajouter un peu de javascript en utilisant une librairie pour afficher un joli calendrier
  • intégrer un webcomponent
  • etc

Mais la solution ultime, en html5, enfin native (dans Chrome uniquement pour le moment), est d'utiliser un champ de type date :

Si vous utilisez Chrome, vous devriez voir quelque chose comme sur l'image suivante.

calendrier.png

Et pour anticiper l'éventuelle question de certains, c'est "accessible" au clavier, c'est-à-dire que l'on peut tabuler entre jour / mois / année.

Dimanche 17 novembre 2013

Utiliser git en local quel que soit le dépôt distant

J'ai pris l'habitude d'utiliser git sur tous mes projets. Comme tous les projets sur lesquels je travaille ou contribue n'utilisent pas forcément git, cela pourrait poser problème ! Mais c'est sans compter les passerelles permettant d'utiliser git en local quel que soit le gestionnaire de version distant.

Lire la suite...

mercredi 13 novembre 2013

Quel beau travail

La nouvelle version de dotclear, la 2.6, vient d'être publié et je viens de mettre à jour en 2 clics. Cela ne changera pas ma vie mais quel plaisir de pouvoir enfin utiliser une belle interface d'administration remaniée avec soin.

Le package debian ne devrait pas tarder. Je m'en occupe dès à présent.

samedi 25 mai 2013

dotclear en version 2.5 dans debian

La version 2.5 de dotclear sortie le 16 mars dernier est disponible dans debian à partir d'aujourd'hui, enfin pour le moment uniquement dans le dépôt unstable. Cela a été un peu long car il a fallu corriger quelques bugs (liés uniquement au package et pas à dotclear lui-même) apparus dans la version précédente. Mais surtout la sortie de wheezy avait bloqué l'entrée de packages ou de mise à jour de package dans unstable.

mardi 9 avril 2013

Comment faire des tests fonctionnels ?

Développer une application web de manière itérative sur de longues années et en gardant une compatibilité ascendante maximum n'est pas chose aisée sans faire de régression. Je me demandais déjà il y a quelques années comment ne pas faire de régressions fonctionnelles. Sans forcément faire du développement piloté par les tests (ce qui me semble pourtant toujours aussi intéressant), le choix d'un outil n'est pas chose aisé.

Lire la suite...

Dimanche 23 décembre 2012

Mettre à jour deux zones avec une seule requête ajax

Il est aisé avec jQuery (par exemple) de faire une requête ajax pour mettre à jour une portion de la page dynamiquement. On peut vouloir mettre à jour deux zones de la page. C'est facile en faisant deux requêtes. Faire cela en ne faisant qu'une seule requête n'est pas beaucoup plus complexe.

Lire la suite...

Dimanche 4 décembre 2011

Et hop dotclear en version 2.4.0 dans debian

La version 2.4.0 de dotclear est sortie le 13 novembre avec son lot de nouveauté. Elle est depuis aujourd'hui disponible dans debian, pour le moment uniquement dans le dépôt unstable.

mardi 13 septembre 2011

Abstraction de base de données

Certains n'ont toujours pas compris l'intérêt de faire une abstraction de base de données. Non seulement cela rend l'ensemble du projet compatible avec plusieurs moteurs de base de données mais cela peut aussi simplifier la vie du développeur.

Voici un petit exemple pour en comprendre un petit peu mieux l'intérêt ...

Lire la suite...

vendredi 9 septembre 2011

Faire un fork de piwigo ?

Un énorme avantage d'un logiciel libre est que sa licence permet le fork. Mais est-ce une bonne idée de faire un fork ?

Lire la suite...

vendredi 2 septembre 2011

Installer dotclear sur debian

Pour votre blog vous utiliser évidemment dotclear, et votre serveur a comme système d'exploitation gnu/linux. Evidemment c'est une debian ! Depuis quelques jours, vous pouvez installer très facilement votre gestionnaire de blog préféré sur votre système préféré... 

Lire la suite...

samedi 28 mai 2011

Une perle de développeur

En lisant le code de certains projets, on apprend souvent de bonnes pratiques, on y trouve de bonnes idées, des modèles de conception,... Mais on peut aussi y trouver une perle. Récemment, j'ai trouvé le bout de code suivant dans un fichier visiblement inclus sur toutes les pages du site :

echo utf8_encode('Une phrase comprenant des accents tels que é ou à ou è');

Pour ceux qui ne connaissent pas bien PHP, la fonction utf8_encode convertit une chaîne de caractères codée en ISO-8859-1 vers UTF-8.

Quelle bonne idée de faire cette conversion à chaque fois !

vendredi 13 mai 2011

Contribuer à un logiciel libre

Il y a de nombreuses manières pour contribuer à un logiciel libre. Et contrairement à ce que de nombreuses personnes pourraient penser, il n'y a pas besoin d'être développeur ! Par exemple, utiliser le logiciel et juste signifier qu'on l'utilise est déjà une forme de contribution. Cela le rend plus populaire !

Il y a bien sûr plein d'autres manières de contribuer...

Lire la suite...

samedi 9 avril 2011

Un caddy pour piwigo

Il y a quelques semaines, je me demandais s'il était possible de faire des plugins pour piwigo ou dotclear en se faisant payer. Et bien c'est possible !

Lire la suite...

jeudi 16 décembre 2010

Version 0.6.0 du plugin relatedLinks

Je viens de déposer sur dotaddict une nouvelle version (0.6.0) du plugin relatedLinks qui permet de faire des liens de manière automatique et simplifié qui viennent s'ajouter après le contenu d'un billet. Cette nouvelle version permet d'ajouter les liens dans un widget que l'on peut mettre dans la colonne de droite (enfin à droite pour mon thème).

Lire la suite...

Dimanche 12 décembre 2010

Une nouvelle version du plugin relatedLinks

Je viens juste de publier la version 0.5.0 du plugin relatedLinks corrige un bug et apporte de nombreuses nouveautés : ajout automatique, activation/désactivation du plugin par blog,...

Lire la suite...

jeudi 9 décembre 2010

Comment faire baisser le taux de rebonds sur son blog ?

Quand on regarde les statistiques de google analytics le taux de rebond est un indicateur de l'intérêt des visiteurs pour le site. Plus il est élevé et moins les visiteurs ont trouvé d'intérêt à la dernière page vue (qui peut d'ailleurs être la première). Il y a de nombreuses façons d'améliorer et faire baisser ce taux...

Lire la suite...

mercredi 8 décembre 2010

Compilation de PHP5 sur itaninium 64 bits

La compilation de PHP5 sur un serveur itanium 64 bits n'est pas une mince affaire. Pour corser le tout, le système d'exploitation est une RHEL 5. La compilation semble bien se passer. Je peux lancer le serveur (apache 2) et je vois même la page phpinfo qui semble correcte. Dans la foulée j'essaie d'installer une application et là c'est le drame ! Le moindre script provoque un "Segmentation fault" d'apache et la mort du processus. Et côté navigateur on a le droit à une erreur "Document Contains No Data".

Lire la suite...

- page 1 de 3

Haut de la page