Yogsototh's last blogs entries

Un programme Haskell fonctionnel

2012-04-30T17:17:53Z

tlàl : Un exemple progressif d’utilisation d’Haskell.

Table of Content

Introduction

First version

Let’s play the song of our people

Le...

Haskell comme un vrai!

2012-02-08T13:17:53Z

tlàl : Un tutoriel très court mais très dense pour apprendre Haskell.

Table of Content

Introduction

Install

Don’t be afraid

Very basic Haskell

La typography et le Web

2012-02-02T09:53:00Z

;

tlàl : La typography sur le web est pourrie et nous ne somme pas près de voir ce problème réparé.

Je suis tombé sur ce site: open typography. Leur message principal est :

«There is no reason to wait for browser development to catch up. We can all create better web typography ourselves, today.»

ou en français :

«Nous ne somme pas obligé d’attendre le développement des navigateurs. Nous pouvons créer un web a...

Site en Haskell

2012-01-15T17:14:40Z

mise à jour: mise à jour pour la version 0.10 de yesod.

tlàl : Un tutoriel pour yesod, un framework web Haskell. Vous ne devriez pas avoir besoin de savoir programmer en Haskell. Par contre je suis désolé pour les francophones, mais je n’ai pas eu le courage de traduire cet article en Français.

Table of content

Before the real start

Install

Initialize

Accroître le pouvoir des languages déficients.

2011-10-20T09:39:36Z

tlàl : Utiliser m4 pour accroître le pouvoir d’xslt et d’svg. Example cool, les fractales.

Lorsqu’xml fût inventé beaucoup pensaient que c’était l’avenir. Passer de fichiers plat à des fichiers structurés standardisés fût un grand progrès dans beaucoup de domaines. Cerain se mirent à voir du xml de partout. À tel point que les les format compatibles xml naquirent de toute part. Non seulement comme format de fichier, mais aussi comme format pour un langage ...

Les idées de yesod

2011-10-04T08:18:59Z

tlàl :

Cela fait un moment que je suis la progression du framework yesod. À mon humble avis on peut commencer à l’utiliser pour des applications sérieuses (comprendre en prod). Avant de vous dire pourquoi vous devriez aussi le considérer, je préfère vous parler de bonnes idées (parmi d’autres) introduites par yesod que je n’avais jamais vu ailleurs.

Types saufs

Commençons par une BD d’xkcd :

Fonctions d'ordre supérieur en zsh

2011-09-28T13:15:23Z

tlàl : des fonctions d’ordres supérieurs en zsh.

Tout d’abord, pourquoi c’est important d’avoir ces fonctions. Plus je programmais avec zsh plus j’essayais d’avoir un style fonctionnel.

Le minimum pour pouvoir avoir du code plus lisible c’est de posséder les fonctions map, filter et fold.

Voici pourquoi avec une comparaison. Commençons par un programme qui converti tous les gif en png dans plusieurs répertoires projets contenant tous des répertoires resources. Avant :

Avant ⇒

# for each ...

Mon expérience avec les languages de programmation

2011-09-28T10:21:41Z

tlàl : Mon avis court et hautement subjectif concernant les différents languages de programmations que j’ai utilisé.

`BASIC`

Ah ! Le language de mes premiers programmes ! Je devais avoir 10-11 ans. Sous MO5, Amstrad CPC 6128 et même Atari STe. Le langage des GOTOs. Je suis empleint de nostalgie rien que d’y penser. C’est à peu prêt le seul intérêt de ce langage.

Aujourd’...

Apprenez Vim Progressivement

2011-08-25T17:28:20Z

tlàl : Vous désirez apprendre vim (le meilleur editeur de texte connu à ce jour) le plus rapidement possible. Voici mes conseils pour vous aider. Commencez à apprendre le minimum vital, puis apprenez doucement de nouvelles commandes.

Vim ou l’éditeur qui vallait 3 milliards :

Meilleur, plus fort, plus rapide.

Apprenez vim et ce sera votre dernier éditeur. Aucun éditeur que je connaisse ne le surpasse. Sa prise en mais est difficile, mais payante.

Un diff plus pratique

2011-08-17T09:33:30Z

diff est un utilitaire très pratique, mais il n’est pas facile à lire pour nous, les Hommes.

C’est pourquoi, lorsque vous utilisez git, il vous montre un formatage plus agréable avec des couleurs.

Voici le script que j’utilise lorsque je veux avoir un diff à la git.

➥ ydiff

#!/usr/bin/env zsh

# Load colors helpers
autoload -U colors && colors

function colorize_diff {
    while read line; do
    case ${line[0]} in
    +) print -n $fg[green];;
    -) print -n $fg[red];;
    @) # Display in cyan the @@ positions @@
       if [[ ${line[1]} = '@' ]]; then
           line=$(print $line | perl -pe 's...

Mandelbrot avec haskell

2011-07-10T10:41:26Z

Voici le code “obfusqué” :

➥ animandel.hs

a=27;b=79;c=C(-2.0,-1.0);d=C(1.0,1.0);e=C(-2.501,-1.003)
newtype C = C (Double,Double) deriving (Show,Eq)
instance Num C where C(x,y)*C(z,t)=C(z*x-y*t,y*z+x*t);C(x,y)+C(z,t)=C(x+z,y+t);abs(C(x,y))=C(sqrt(x*x+y*y),0.0)
r(C(x,y))=x;i(C(x,y))=y
f c z 0=0;f c z n=if(r(abs(z))>2)then n else f c ((z*z)+c) (n-1)
h j k = map (\z->(f (C z) (C(0,0)) 32,(fst z>l - q/2))) [(x,y)|y<-[p,(p+((o-p)/a))..o],x<-[m,(m + q)..l]] where o=i k;p=i j;m=r j;l=r k;q=(l-m)/b
u j k = concat $ map v $ h j k where v (i,p)=(" .,`'°\":;-+oO0123456789=!%*§&$@#"!!i):rst p;rst True="\n";rst False=""
main = putStrLn $ im...

Password Management

2011-05-18T11:14:28Z

tlàl : Une méthode de gestion des mots de passes que j’utilise avec succès depuis quelques années.
sha1( mot_de_passe + nom_de_domaine )
Je ne mémorise qu’un seul mot de passe de très bonne qualité. J’utilise des mots de passe différents sur tous les sites.

Avant de commencer, je tiens à préciser qu’il s’agit d’une tentative de vous vendre mon appli iPhone ;-).

Vous êtes toujours là ? Bon, d’accord, même si vous ne téléchargez pas mon application vous pouvez quand même utiliser ma méthode. Elle est à la fois très sûre et simple à ut...

Hébergement github

2011-04-20T15:22:15Z

J’héberge mon site sur github à partir d’aujourd’hui.

Pourquoi je n'utiliserai pas CoffeeScript (malheureusement)

2011-01-03T08:37:26Z

Mise à jour : Je pense que je vais finallement changer d’avis. Pourquoi ? Tout d’abord, je viens de découvrir un convertisseur javascript vers coffeescript, ensuite Denis Knauf m’a laissé un commentaire et m’a appris l’existence d’une fonction CoffeeScript.eval. De plus, il faut voir CoffeeScript comme javascript avec une syntaxe similaire à Ruby et pas comme un langage similaire à Ruby.

tlàl : Qu’est-ce qui n’allait pas avec Coffeescript? La meta-programmation, il faut le “vendre” aux autres, une nouvelle éta...

Bonne et heureuse année

2011-01-01T06:55:54Z

Bonne et heureuse année !

J’étais très occupé ces derniers mois. Maintenant il me semble que je vais pouvoir faire revivre ce blog.

J’ai fait un outil qui permet d’écrire des livre en utilisant une syntaxe proche de markdown. C’est un markdown avec des macros (essentiel pour les textes longs). De plus le système gère la génération de pages HTML ainsi que du PDF engendré avec du XeLaTeX. Je n’en ai pas encore terminé avec ça. Mais si je tarde trop, je communiquerai lorsque j’aurai fini le minimum.

J’ai écrit un framework MVC pour application javascript simple mais néanmoins très rapide.

Meilleurs vœux à tous !

Des macros LaTeX pour markdown

2010-10-26T12:30:58Z

tlàl : J’ai fait un système simple de macros pour mon blog. Par exemple, il me suffit d’écrire %latex et ça affiche L^aT_eX.

J’ai ajouter un système de macro pour mon système de blog. Lorsqu’on est habitué à L^aT

S'amuser avec un .wav

2010-10-14T09:04:58Z

tlàl : Je me suis amusé à lire un fichier wav. Le C fut le langage le mieux adapté à ce traitement. Bien meilleur que Ruby par exemple.

edit: Je voulais que ce programme fonctionne sur une machine spécifique. En aucun cas je ne pensais publier ce code pour une utilisation autre que celle-ci.

J’ai eu besoin de calculer la somme des valeurs absolue des données d’un fichier wav. Pour des raison d’efficacité (et aussi de fun), j’ai fait le programme en C.

Celà faisait longtemps que je n’avais pas programmé en C. De mémoire il était peu aisé de manipuler des fichiers. Mais je dois concéder que j’ai été...

Sécurisez vos emails

2010-10-10T16:39:00Z

tlàl : avec un Mac

Récupérez un certificat signé par une AC: cliquez ici pour un certificat gratuit ;
ouvrez le fichier ;
supprimer le fichier en mode sécurisé ;
utilisez Mail plutôt que l’interface web de gmail.

J’ai (re)découvert comment adoptez la norme S/MIME. J’ai été surpris de voir à quel point ce fut aisé. Il y a seulement quelques années c’était bien plus difficile à accom...

Contraintes du design de ce blog

2010-10-06T09:33:03Z

Vous avez pu constater que j’ai modifié le design de mon blog. Maintenant il doit être beaucoup plus léger qu’avant. Je n’utilise plus de CSS3 et beaucoup moins de javascript. Bien entendu, même avant, mes pages étaient parfaitement lisibles sans javascript. Mais, je me suis aperçu que les systèmes de CSS3 sont loin d’être au point. J’utilisait des gradient en CSS3, ainsi que des ombres sous le texte. Ça avait un rendu très sympa. Sauf… Ce n’était pas compatible ie6, sous Chrome le rendu était d’une lenteur incroyable. J’ai donc décidé de faire un site à minima. Je voulais qu’il soit joli et le plus simple possible pour assurer sa compatibilité. Les règles que je me suis fixées sont donc:

pas d’élément CSS qui commence par -moz ou -webkit

Utilisation de git pour calculer les mtimes

2010-09-02T13:54:10Z

Vous pouvez remarquer qu’à la fin de chaque page je donne une date de dernière modification. Précédemment cette date était calculée en utilisant la date du fichier. Mais il arrive fréquemment que je fasse un touch d’un fichier pour engendrer tout le site de nouveau. Donc la date n’est pas nécessairement la vraie de modification du contenue.

J’utilise git pour versionner mon site web. Et cet outil me permet de récupérer la dernière date de vraie modification d’un fichier. Voici comment je m’y prend avec nanoc :

➥ gitmtime.rb

base64 et sha1 sur iPhone

2010-09-01T22:02:17Z

Allons directement à l’essentiel : voici deux fonctions à intégrer à votre application iPhone pour afficher l’encodage en base64 ou en hexadecimal du hash sha1 d’un string en Objective-C pour iPhone.

Pour l’usage c’est très simple, copiez le code dans la classe de votre choix. Puis :

#import <CommonCrypto/CommonDigest.h>
...
NSString *b64_hash = [self b64_sha1:@"some NSString to be sha1'ed"];
...
NSString *hex_hash = [self hex_sha1:@"some NSString to be sha1'ed"];

L’algorithme pour l’encodage en base64 doit être programmé sur iPhone. Il n’y a pas de librairie officielle qui s’occupe de ça.

Envoyer un mail en ligne de commande avec un fichier attaché

2010-08-31T08:16:04Z

J’ai dû envoyer un mail en ligne de commande récemment. Quelle ne fût pas ma surprise lorsque je constatais que ce n’était vraiment pas évident. Je n’avais ni pine ni mutt. Seulement mail et mailx.

Ce qu’on trouve sur internet pour envoyer un mail avec fichier attaché c’est ça :

uuencode fic.jpg fic.jpg | mail -s 'Subject'

Bon, alors, bête et discipliné j’ai essayé. Et bien, ça marche presque tout le temps. Pour mon fichier ça n’a pas marché du tout. Je l’ai compressé au format .gz, .bz2 et .zip. Avec le format .bz2 le mail reçu avait bien un fichier attaché. Mais avec les formats .gz et .zi...

Maintenant sur Heroku

2010-08-23T13:05:13Z

Maintenant sur Heroku

J’ai changé mon hébergeur. Mobileme n’est absolument pas adapté à la diffusion de mon blog. C’est pourquoi je suis passé à Heroku.

Mais comme vous devez le savoir mon blog est un site complètement statique. J’utilise nanoc pour l’engendrer. Avoir un site statique amène beaucoup d’avantages par rapport à un site dynamique. Surtout en terme de sécurité. Voici comment configurer un site statique sur heroku.

La racine de mes fichiers est ‘/output’. Vous devez simplement créer deux fichiers. Un fichier config.ru¹&...

Indécidabilités (partie 1)

2010-08-11T08:04:31Z

Nouveau style après les vacances

2010-07-31T21:59:10Z

Avant les vacances beaucoup d’utilisateurs se sont plaints de la lenteur de rendu de mon site. Il s’agit notamment de problèmes avec Chrome en particulier. Mais pour éviter tout problème. J’ai complètement modifié le style de mon site web. Il est inspiré du style de l’application iBooks© sur iPhone©.

Dites moi ce que vous pensez de ce nouveau design.

N'utilisez pas de gradients avec Chrome

2010-07-07T13:43:43Z

Beaucoup d’utilisateurs de Reddit m’ont rapporté que mon site était très long à charger et à scroller. Ils pensaient qu’il s’agissait d’un problème dû aux ombres que j’applique sur le texte. J’étais un peu surpris puisque je fais mes tests sur une machine vraiment très lente et je n’avais jamais détecté ces problèmes. En réalité, ce qui ralenti le rendu de ce site est par ordre d’importance :

Les dégradés sur Chrome (pas dans Safari sur Mac)
les box shadows sur Firefox

les dégradés

Sur Safari il n’y a absolument aucun problème avec les dégradés. Par contre sur Chrome sous Linux le site devient quasiment inutilisable.

Safari et Chrome utilisent webkit

Cappuccino ou jQuery ?

2010-07-05T11:49:04Z

tlàl:

J’ai essayé de faire une version de YPassword en jQuery et avec Cappuccino.
Cappuccino est très bien sur les navigateurs non mobile mais l’application pèse 1.4Mo et n’est pas compatible avec l’iPhone.
la version jQuery n’est pas aussi jolie que la version réalisée avec Cappuccino mais elle pèse seulement 106Ko et est compatible avec l’iPhone.
J’essayerai Dashcode 3

Avant de commencer, je dois dire que je sais que Cappuccino et jQuery ne sont pas plus comparable que Cocoa et la standard library en C++. L’un est fait pour créer des interfaces util...

Comment faire des popups en jQuery rapidement

2010-06-18T22:44:50Z

Voici une façon simple et rapide pour faire des popups avec jQuery.

➥ essai.js

// --- code popup ---
function openPopup() {
    $(this).clone(false).appendTo($("#_code"));
    $("#_code").show();
}

function closePopup() {
    $("#_code").html("");
    $("#_code").hide();
}

function initCode() {
    $(".code").click(openPopup);
    $(".code").css({cursor: "pointer"});
    $('body').append('<div id="_code"></div>');
    $('#_code').css( { 'text-align': "justify", position: "fixed", 
                        left:0, top:0, width: "100%", height: "100%", 
                        "background-color": "rgba(0, 0, 0, 0.8)", 'z-i...

Se cacher de ses statistiques web

2010-06-17T14:37:22Z

Voici un moyen très simple de ne plus être comptabilisé dans les visites de son propre site. Tout d’abord, vous devriez jeter un coup d’œil sur comment je gère les systèmes de récupération de statistiques. Je centralise tout dans un seul fichier javascript ce qui facilite le travail.

Cette méthode nécessite l’utilisation de jquery-cookie.

Avant de comptabiliser les visites, je vérifie que la clé admin n’est pas utilisée dans mes cookies.

    var admin = $.cookie('admin');
    if (! admin) {
        // put your analytics code here
    } else {
        console.log("[WARNING] you're HIDDEN to analytics");
    }

et il...

Analyser les clicks sur votre Site

2010-06-17T12:41:36Z

Voici comment analyser tous les clics que font vos utilisateurs sur votre blog en incluant google analytics de façon asynchrone.

Dans le html, il faut utiliser jQuery et un fichier que j’ai appelé yga.js :

    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="yga.js"></script>

Voici le contenu du fichier yga.js :

➥ yga.js

$(document).ready( function() {
    // add an event to all link for google analytics
    $('a').click(function () {
...

Récupérez mon système de blog

2010-06-15T08:56:32Z

J’ai publié une version light de mon système de blog hier soir. Par light il faut comprendre avec un CSS plus épuré et plus portable (sans les bords ronds). Vous pouvez le récupérer sur github.com.

Que pouvez-vous attendre de ce système de blog ?

Tous les avantages liés à nanoc ;
Facilité de la gestion de plusieurs langues ;
coloration syntaxique des codes sources pour la plupart des languages ;
commentaires gérés avec intenseDebate de façon asynchrone ;
très portable avec ou sans javascript, XHTML Strict 1.0 / CSS3 ;
écrivez v...

choix liés à l'écriture dans plusieurs langues

2010-06-14T14:14:57Z

Je traduis la plupart de mes articles pour qu’ils soient disponibles en français et en anglais. La façon que l’on m’a conseillé était d’avoir un fichier par langue. En général ça donne ça.

Bonjour, 

voici un exemple de texte en français.
[image](url)

Hello, 

here is an example of english text.
[image](url)

Cette façon de traduire vous impose une certaine façon de traduire. D’abord écrire entièrement le texte dans une langue, puis copier le fichier et enfin retraduire dans une nouvelle langue.

Le problème, c’est que très souvent, les articles ont des parties communes non négligeables. Par exemple, les images, les codes sources, etc… Lorsque je m’aperçoit que j’ai fait une erreur dans ces parties communes...

Arbres ; Pragmatisme et Formalisme

2010-05-24T18:05:14Z

tlàl : :

J’ai essayé de programmer un simple filtre ;
J’ai été bloqué pendant deux jours ;
J’ai arrêté de penser comme un robot ;
J’ai utilisé un papier et un stylo ;
J’ai fait un peu de maths ;
J’ai résolu le problème en 10 minutes ;
Conclusion: Pragmatisme n’est pas : «n’utilisez jamais la théorie».

Résumé (plus long que le tlàl : )

Je devais résoudre un problème à mon travail. Au début cela semblait...

Comment réparer un XML coupé ?

2010-05-19T20:20:34Z

Sur ma page d’accueil vous pouvez voir la liste des mes derniers articles avec le début de ceux-ci. Pour arriver à faire ça, j’ai besoin de couper le code XHTML de mes pages en plein milieu. Il m’a donc fallu trouver un moyen de les réparer.

Prenons un exemple :

<div class="corps">
    <div class="intro">
        <p>Introduction</p>
    </div>
    <p>The first paragraph</p>
    <img src="/img/img.png" alt="an image"/>
    <p>Another long paragraph</p>
</div>

Après avoir coupé, j’obtiens :

<div class="corps">
    <div class="intro">
        <p>Introduction</p>
    </div>
    <p>The first para...

Je reviens à la vie !

2010-05-17T11:25:51Z

Bonjour à tous !

…plus on retarde quelque chose, plus il devient difficile de s’y mettre…

Je devais écrire d’autres articles pour ce blog. J’ai noté plein d’idées dans mes todolist. Mais j’avais pas mal d’autres choses à faire. Et jusqu’ici, j’ai toujours dit «je le ferai plus tard». Ce qui m’a fait agir, c’est la petite réflexion que j’avais lu une fois. > Arrétez d’écrire des TODO dans votre code est faites le maintenant !
> Vous serez surpris de l’efficacité de cette mesure.

En résumé : > Just do it! ou Juste fait le comme auraient dit les nuls.

Finallement j’écri...

Encapsuler git

2010-03-23T20:37:36Z

Voici une solution pour conserver des branches divergentes avec git. Parce qu’il est facile de merger par erreur, je propose un script qui encapsule le comportement de git pour interdire certains merges dangereux. Mais qui permet aussi de faire des merges en cascades de la racines vers les autres branches.

Se prémunir contre les erreurs

Je travaille sur un projet dans lequel certaines de mes branches git doivent rester divergentes. Et les divergences devraient aller en s’accentuant.

J’utilise aussi certaines branches qui contiennent la partie commune de ces projets.

Disons que j’ai les branches :

master: commun...

Astuces Git

2010-03-22T08:42:27Z

Cloner de github à travers un pare-feu

La façon standard:

git clone git@github.com:yogsototh/project.git

En utilisant le port HTTPS :

git clone git+ssh://git@github.com:443/yogsototh/project.git

Cloner toutes les branches

git clone peut seulement récuper la branche master.

Si vous n’avez pas beaucoup de branches, vous pouvez simplement les clone le project et ensuite pour chacune d’entre elle lancer la commande suivante :

git branch --track local_branch remote_branch

Quand se passer des expressions régulières ?

2010-02-23T08:09:52Z

Les expressions régulières sont très utiles. Cependant, elles ne sont pas toujours la meilleure manière d’aborder certain problème autour des chaines de caractères. Et surtout quand les transformations que vous voulez accomplir sont simples.

Je voulais savoir comment récupérer le plus vite possible l’extension d’un nom de fichier. Il y a trois manière naturelle d’accomplir celà :

# regexp
str.match(/[^.]*$/); 
ext=$&

# split
ext=str.split('.')[-1]

# File module
ext=File.extname(str)

A première vue, je pensais que l’expression régulière serait plus rapide que le split parce qu’il pouvait y avoir plusieurs de . dans un nom de fichier. Mais la majorité du temps il n’y a qu’un seul ...

découper un fichier par mots clés

2010-02-18T13:29:14Z

Assez bizarrement, je n’ai trouvé aucun outil UNIX pour découper un fichier par mot clé. Alors j’en ai fait un en awk. Je le met ici principalement pour moi, mais ça peut toujours servir à quelqu’un d’autre. Le code suivant découpe un fichier pour chacune de ses ligne contenant le mot UTC.

#!/usr/bin/env awk
BEGIN{i=0;}
/UTC/ { 
    i+=1;
    FIC=sprintf("fic.%03d",i); 
} 
{print $0>>FIC}

En réalité, j’avais besoin de cet outils pour avoir un fichier par jour. Chaque ligne contenant UTC ayant le format suivant :

Mon Dec  7 10:32:30 UTC 2009

J’en suis finallement arrivé au code suivant :

#!/usr/bin/env awk
B...

Tout sauf quelquechose en expression régulière.

2010-02-16T08:33:21Z

Dans mon précédent article j’ai donné certaines astuces pour matcher ‘tout sauf quelque chose’. De la même manière, un truc pour matcher la chaine de caractère la plus petite possible. Disons que vous voulez matcher la chaine de caractère entre ‘a’ et ‘b’. Par exemple, vous voulez matcher :

a.....a......b..b..a....a....b...

Voici les deux erreurs communes et une solution :

/a.*b/
a.....a......b..b..a....a....b...

La première erreur vient de l’utilisation du terrible .*. Parce que vous allez matcher la chaîne de...