409 lines
No EOL
20 KiB
HTML
409 lines
No EOL
20 KiB
HTML
<?xml version="1.0" encoding="utf-8"?>
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
|
|
<link rel="shortcut icon" type="image/x-icon" href="/Scratch/img/favicon.ico" />
|
|
<link rel="stylesheet" type="text/css" href="/Scratch/assets/css/main.css" />
|
|
<link rel="alternate" type="application/rss+xml" title="RSS" href="http://feeds.feedburner.com/yannespositocomfr"/>
|
|
<link rel="alternate" lang="fr" xml:lang="fr" title="Blog" type="text/html" hreflang="fr" href="/Scratch/fr/blog/" />
|
|
<link rel="alternate" lang="en" xml:lang="en" title="Blog" type="text/html" hreflang="en" href="/Scratch/en/blog/" />
|
|
<script type="text/javascript" src="/Scratch/js/jquery-1.3.1.min.js"></script>
|
|
<script type="text/javascript" src="/Scratch/js/jquery.cookie.js"></script>
|
|
<script type="text/javascript" src="/Scratch/js/index.js"></script>
|
|
<!--[if lt IE 9]>
|
|
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
|
|
<![endif]-->
|
|
<title>Blog</title>
|
|
</head>
|
|
<body lang="fr">
|
|
<script type="text/javascript">// <![CDATA[
|
|
document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
|
|
// ]]>
|
|
</script>
|
|
|
|
<div id="content">
|
|
|
|
<div id="entete">
|
|
<div id="choix">
|
|
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/yannespositocomfr">s'abonner</a></div>
|
|
<div id="choixlang"><a href="/Scratch/en/blog/" onclick="setLanguage('en')">in English</a></div>
|
|
<div class="flush"></div>
|
|
</div>
|
|
<div id="liens"><ul><li><a href="/Scratch/fr/">Bienvenue</a></li>
|
|
<li><span class="active" title="You're here.">Blog</span></li>
|
|
<li><a href="/Scratch/fr/softwares/">Softwares</a></li>
|
|
<li><a href="/Scratch/fr/about/">À propos</a></li></ul></div>
|
|
</div>
|
|
|
|
<img src="/Scratch/img/presentation.png" alt="Presentation drawing"/>
|
|
<div id="titre">
|
|
<h1>
|
|
Blog
|
|
</h1>
|
|
|
|
</div>
|
|
|
|
<div class="flush"></div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="flush"></div>
|
|
|
|
<div id="afterheader">
|
|
<div class="corps">
|
|
|
|
|
|
<ul class="sameline">
|
|
<li> <a href="#popular-articles">Articles populaires <span class="nicer">⇓</span></a></li>
|
|
<li> <a href="#last-articles">Les 5 derniers articles <span class="nicer">⇓</span></a></li>
|
|
<li> <a href="#tagcloud">Nuage de mots clés <span class="nicer">⇓</span></a></li>
|
|
<li> <a href="#archives">Achives <span class="nicer">⇓</span></a></li>
|
|
<li> <a href="#un-petit-mot-sur-le-contenu">Un petit mot sur le contenu <span class="nicer">⇓</span></a></li>
|
|
</ul>
|
|
<div class="flush"></div>
|
|
|
|
<h2 id="popular-articles">
|
|
Articles populaires
|
|
</h2>
|
|
|
|
<a href="/Scratch/en/blog/Learn-Vim-Progressively/">
|
|
<img class="left" src="/Scratch/img/blog/Learn-Vim-Progressively/uber_leet_use_vim.jpg" alt="Ü83R 1337 use Vim!"/>
|
|
<h2 style="display:block;margin-top: 3em">Learn Vim Progressively <span class="nicer">»</span></h2>
|
|
</a>
|
|
<div class="flush"></div>
|
|
|
|
<h2 id="last-articles">
|
|
Les 5 derniers articles
|
|
</h2>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="resumearticle">
|
|
<h1> <span class="date">
|
|
<span class="day">8</span>
|
|
<span class="month">Fév</span>
|
|
<span class="year">2012</span>
|
|
</span>
|
|
<a href="/Scratch/fr/blog/Haskell-the-Hard-Way/">Haskell comme un vrai! <span class="nicer">»</span></a> </h1>
|
|
<div class="corps">
|
|
<p><img alt="Title image" src="/Scratch/img/blog/Haskell-the-Hard-Way/main.png" /></p>
|
|
|
|
|
|
<div class="intro">
|
|
|
|
|
|
<p><span class="sc"><abbr title="Trop long à lire">tlàl</abbr> : </span></p>
|
|
|
|
<blockquote>
|
|
<center><span class="sc"><b>Table of Content</b></span></center>
|
|
|
|
<ul id="markdown-toc">
|
|
<li><a href="#introduction">Introduction</a> <ul>
|
|
<li><a href="#install">Install</a></li>
|
|
<li><a href="#dont-be-afraid">Don’t be afraid</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#essential-haskell">Essential Haskell</a> <ul>
|
|
<li><a href="#notations">Notations</a></li>
|
|
<li><a href="#useful-notations-for-functions">Useful notations for functions</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#hard-part">Hard Part</a> <ul>
|
|
<li></li></ul></li></ul></blockquote></div></p>
|
|
<div class="flush"></div>
|
|
<div>
|
|
<p>
|
|
<a href="/Scratch/fr/blog/Haskell-the-Hard-Way/">en lire plus <span class="nicer">»</span></a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="resumearticle">
|
|
<h1> <span class="date">
|
|
<span class="day">15</span>
|
|
<span class="month">Jan</span>
|
|
<span class="year">2012</span>
|
|
</span>
|
|
<a href="/Scratch/fr/blog/Yesod-tutorial-for-newbies/">Site en Haskell <span class="nicer">»</span></a> </h1>
|
|
<div class="corps">
|
|
<p><img alt="Neo Flying at warp speed" src="/Scratch/img/blog/Yesod-tutorial-for-newbies/flying_neo.jpg" /></p>
|
|
|
|
|
|
<div class="intro">
|
|
|
|
|
|
<p><em>mise à jour</em>: mise à jour pour la version 0.10 de yesod.</p>
|
|
|
|
<p><span class="sc"><abbr title="Trop long à lire">tlàl</abbr> : </span> 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.</p>
|
|
|
|
<blockquote>
|
|
<center><span class="sc"><b>Table of content</b></span></center>
|
|
|
|
<ul id="markdown-toc">
|
|
<li><a href="#before-the-real-start">Before the real start</a> <ul>
|
|
<li><a href="#install">Install</a></li>
|
|
<li><a href="#initialize">In...</a></li></ul></li></ul></blockquote></div></p>
|
|
<div class="flush"></div>
|
|
<div>
|
|
<p>
|
|
<a href="/Scratch/fr/blog/Yesod-tutorial-for-newbies/">en lire plus <span class="nicer">»</span></a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="resumearticle">
|
|
<h1> <span class="date">
|
|
<span class="day">19</span>
|
|
<span class="month">Mai</span>
|
|
<span class="year">2010</span>
|
|
</span>
|
|
<a href="/Scratch/fr/blog/2010-05-19-How-to-cut-HTML-and-repair-it/">Comment réparer un XML coupé ? <span class="nicer">»</span></a> </h1>
|
|
<div class="corps">
|
|
<p>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.</p>
|
|
|
|
<p>Prenons un exemple :</p>
|
|
|
|
<pre class="twilight">
|
|
<span class="MetaTagAll"><span class="MetaTagAll"><</span><span class="MetaTagAll">div</span> <span class="MetaTagAll">class</span>=<span class="String"><span class="String">"</span>corps<span class="String">"</span></span><span class="MetaTagAll">></span></span>
|
|
<span class="MetaTagAll"><span class="MetaTagAll"><</span><span class="MetaTagAll">div</span> <span class="MetaTagAll">class</span>=<span class="String"><span class="String">"</span></span></span></pre>
|
|
<div class="flush"></div>
|
|
<div>
|
|
<p>
|
|
<a href="/Scratch/fr/blog/2010-05-19-How-to-cut-HTML-and-repair-it/">en lire plus <span class="nicer">»</span></a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="resumearticle">
|
|
<h1> <span class="date">
|
|
<span class="day">17</span>
|
|
<span class="month">Mai</span>
|
|
<span class="year">2010</span>
|
|
</span>
|
|
<a href="/Scratch/fr/blog/2010-05-17-at-least-this-blog-revive/">Je reviens à la vie ! <span class="nicer">»</span></a> </h1>
|
|
<div class="corps">
|
|
<p>Bonjour à tous !</p>
|
|
|
|
<blockquote cite="http://www.madore.org/~david/weblog/2010-05.html#d.2010-05-12.1752">
|
|
<p>…plus on retarde quelque chose, plus il devient difficile de s’y mettre…</p>
|
|
</blockquote>
|
|
|
|
<p>Je devais écrire d’autres articles pour ce blog. J’ai noté plein d’idées dans mes <em>todolist</em>. 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 <code>TODO</code> dans votre code est faites le maintenant !<br />
|
|
> Vous serez surpris de l’efficacité de cette mesure.</p>
|
|
|
|
<p>En résumé :
|
|
> </p></p>
|
|
<div class="flush"></div>
|
|
<div>
|
|
<p>
|
|
<a href="/Scratch/fr/blog/2010-05-17-at-least-this-blog-revive/">en lire plus <span class="nicer">»</span></a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="corps">
|
|
<div>
|
|
<script type="text/javascript">
|
|
$(document).ready( function(){$('.list').hide();$('#tagcloud a').removeAttr("href")} );
|
|
function tagSelected(id) {
|
|
$('.list').hide();
|
|
$('#'+id).fadeIn();
|
|
$('.tag.selected').removeClass('selected');
|
|
$('#tag_'+id).addClass('selected');
|
|
}
|
|
</script><div id="tagcloud"><a href="#arbre" style="font-size: 1.0em;" class="tag" onclick="tagSelected('arbre')" id="tag_arbre">arbre</a> <a href="#blog" style="font-size: 1.0em;" class="tag" onclick="tagSelected('blog')" id="tag_blog">blog</a> <a href="#haskell" style="font-size: 1.0em;" class="tag" onclick="tagSelected('haskell')" id="tag_haskell">haskell</a> <a href="#Haskell" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Haskell')" id="tag_Haskell">Haskell</a> <a href="#HTML" style="font-size: 1.0em;" class="tag" onclick="tagSelected('HTML')" id="tag_HTML">HTML</a> <a href="#programming" style="font-size: 1.15em;" class="tag" onclick="tagSelected('programming')" id="tag_programming">programming</a> <a href="#ruby" style="font-size: 1.0em;" class="tag" onclick="tagSelected('ruby')" id="tag_ruby">ruby</a> <a href="#script" style="font-size: 1.0em;" class="tag" onclick="tagSelected('script')" id="tag_script">script</a> <a href="#web" style="font-size: 1.0em;" class="tag" onclick="tagSelected('web')" id="tag_web">web</a> <a href="#yesod" style="font-size: 1.0em;" class="tag" onclick="tagSelected('yesod')" id="tag_yesod">yesod</a> </div><div id="hiddenDivs" ><div id="arbre" class="list"><h4>arbre</h4><ul style="list-style-type: none; margin: 0;">
|
|
<li style="line-height: 3em; margin: 0;">
|
|
<span class="date">
|
|
<span class="day">19</span>
|
|
<span class="month">Mai</span>
|
|
<span class="year">2010</span>
|
|
</span>
|
|
<a href="/Scratch/fr/blog/2010-05-19-How-to-cut-HTML-and-repair-it/">Comment réparer un XML coupé ? <span class="nicer">»</span></a>
|
|
</li>
|
|
</ul><a class="return" href="#tagcloud">↑</a></div><div id="blog" class="list"><h4>blog</h4><ul style="list-style-type: none; margin: 0;">
|
|
<li style="line-height: 3em; margin: 0;">
|
|
<span class="date">
|
|
<span class="day">17</span>
|
|
<span class="month">Mai</span>
|
|
<span class="year">2010</span>
|
|
</span>
|
|
<a href="/Scratch/fr/blog/2010-05-17-at-least-this-blog-revive/">Je reviens à la vie ! <span class="nicer">»</span></a>
|
|
</li>
|
|
</ul><a class="return" href="#tagcloud">↑</a></div><div id="haskell" class="list"><h4>haskell</h4><ul style="list-style-type: none; margin: 0;">
|
|
<li style="line-height: 3em; margin: 0;">
|
|
<span class="date">
|
|
<span class="day">15</span>
|
|
<span class="month">Jan</span>
|
|
<span class="year">2012</span>
|
|
</span>
|
|
<a href="/Scratch/fr/blog/Yesod-tutorial-for-newbies/">Site en Haskell <span class="nicer">»</span></a>
|
|
</li>
|
|
</ul><a class="return" href="#tagcloud">↑</a></div><div id="Haskell" class="list"><h4>Haskell</h4><ul style="list-style-type: none; margin: 0;">
|
|
<li style="line-height: 3em; margin: 0;">
|
|
<span class="date">
|
|
<span class="day">8</span>
|
|
<span class="month">Fév</span>
|
|
<span class="year">2012</span>
|
|
</span>
|
|
<a href="/Scratch/fr/blog/Haskell-the-Hard-Way/">Haskell comme un vrai! <span class="nicer">»</span></a>
|
|
</li>
|
|
</ul><a class="return" href="#tagcloud">↑</a></div><div id="HTML" class="list"><h4>HTML</h4><ul style="list-style-type: none; margin: 0;">
|
|
<li style="line-height: 3em; margin: 0;">
|
|
<span class="date">
|
|
<span class="day">19</span>
|
|
<span class="month">Mai</span>
|
|
<span class="year">2010</span>
|
|
</span>
|
|
<a href="/Scratch/fr/blog/2010-05-19-How-to-cut-HTML-and-repair-it/">Comment réparer un XML coupé ? <span class="nicer">»</span></a>
|
|
</li>
|
|
</ul><a class="return" href="#tagcloud">↑</a></div><div id="programming" class="list"><h4>programming</h4><ul style="list-style-type: none; margin: 0;">
|
|
<li style="line-height: 3em; margin: 0;">
|
|
<span class="date">
|
|
<span class="day">8</span>
|
|
<span class="month">Fév</span>
|
|
<span class="year">2012</span>
|
|
</span>
|
|
<a href="/Scratch/fr/blog/Haskell-the-Hard-Way/">Haskell comme un vrai! <span class="nicer">»</span></a>
|
|
</li>
|
|
|
|
<li style="line-height: 3em; margin: 0;">
|
|
<span class="date">
|
|
<span class="day">15</span>
|
|
<span class="month">Jan</span>
|
|
<span class="year">2012</span>
|
|
</span>
|
|
<a href="/Scratch/fr/blog/Yesod-tutorial-for-newbies/">Site en Haskell <span class="nicer">»</span></a>
|
|
</li>
|
|
</ul><a class="return" href="#tagcloud">↑</a></div><div id="ruby" class="list"><h4>ruby</h4><ul style="list-style-type: none; margin: 0;">
|
|
<li style="line-height: 3em; margin: 0;">
|
|
<span class="date">
|
|
<span class="day">19</span>
|
|
<span class="month">Mai</span>
|
|
<span class="year">2010</span>
|
|
</span>
|
|
<a href="/Scratch/fr/blog/2010-05-19-How-to-cut-HTML-and-repair-it/">Comment réparer un XML coupé ? <span class="nicer">»</span></a>
|
|
</li>
|
|
</ul><a class="return" href="#tagcloud">↑</a></div><div id="script" class="list"><h4>script</h4><ul style="list-style-type: none; margin: 0;">
|
|
<li style="line-height: 3em; margin: 0;">
|
|
<span class="date">
|
|
<span class="day">19</span>
|
|
<span class="month">Mai</span>
|
|
<span class="year">2010</span>
|
|
</span>
|
|
<a href="/Scratch/fr/blog/2010-05-19-How-to-cut-HTML-and-repair-it/">Comment réparer un XML coupé ? <span class="nicer">»</span></a>
|
|
</li>
|
|
</ul><a class="return" href="#tagcloud">↑</a></div><div id="web" class="list"><h4>web</h4><ul style="list-style-type: none; margin: 0;">
|
|
<li style="line-height: 3em; margin: 0;">
|
|
<span class="date">
|
|
<span class="day">15</span>
|
|
<span class="month">Jan</span>
|
|
<span class="year">2012</span>
|
|
</span>
|
|
<a href="/Scratch/fr/blog/Yesod-tutorial-for-newbies/">Site en Haskell <span class="nicer">»</span></a>
|
|
</li>
|
|
</ul><a class="return" href="#tagcloud">↑</a></div><div id="yesod" class="list"><h4>yesod</h4><ul style="list-style-type: none; margin: 0;">
|
|
<li style="line-height: 3em; margin: 0;">
|
|
<span class="date">
|
|
<span class="day">15</span>
|
|
<span class="month">Jan</span>
|
|
<span class="year">2012</span>
|
|
</span>
|
|
<a href="/Scratch/fr/blog/Yesod-tutorial-for-newbies/">Site en Haskell <span class="nicer">»</span></a>
|
|
</li>
|
|
</ul><a class="return" href="#tagcloud">↑</a></div></div>
|
|
</div>
|
|
</div>
|
|
|
|
<h2 id="archives">Archives</h2>
|
|
|
|
<div id="sousliens" class="archive"><h4 class="button" onclick="$('#archives_2012').slideToggle()">[2012]</h4><ul id="archives_2012"><li><span class="date">
|
|
<span class="day">8</span>
|
|
<span class="month">Fév</span>
|
|
<span class="year">2012</span>
|
|
</span> <a href="/Scratch/fr/blog/Haskell-the-Hard-Way/">Haskell comme un vrai!<span class="nicer">»</span></a></li><li><span class="date">
|
|
<span class="day">15</span>
|
|
<span class="month">Jan</span>
|
|
<span class="year">2012</span>
|
|
</span> <a href="/Scratch/fr/blog/Yesod-tutorial-for-newbies/">Site en Haskell<span class="nicer">»</span></a></li></ul><script type="text/javascript">$('#archives_2012').hide()</script><h4 class="button" onclick="$('#archives_2010').slideToggle()">[2010]</h4><ul id="archives_2010"><li><span class="date">
|
|
<span class="day">19</span>
|
|
<span class="month">Mai</span>
|
|
<span class="year">2010</span>
|
|
</span> <a href="/Scratch/fr/blog/2010-05-19-How-to-cut-HTML-and-repair-it/">Comment réparer un XML coupé ?<span class="nicer">»</span></a></li><li><span class="date">
|
|
<span class="day">17</span>
|
|
<span class="month">Mai</span>
|
|
<span class="year">2010</span>
|
|
</span> <a href="/Scratch/fr/blog/2010-05-17-at-least-this-blog-revive/">Je reviens à la vie !<span class="nicer">»</span></a></li></ul><script type="text/javascript">$('#archives_2010').hide()</script></div>
|
|
|
|
<h2 id="un-petit-mot-sur-le-contenu">
|
|
Un petit mot sur le contenu
|
|
</h2>
|
|
|
|
|
|
<div class="corps">
|
|
|
|
|
|
<p>
|
|
Vous trouverez ici des articles qui sont pour la plupart
|
|
écrits en anglais et qui sont techniques.
|
|
Certain sont justes là pour me souvenir de petits trucs, que
|
|
d'autres pourraient trouver utiles. Mais il y a aussi de
|
|
long articles techniques qui vont un peu plus dans les détails.
|
|
</p><p>
|
|
<hr/>
|
|
<p>
|
|
Je fais de mon mieux pour traduire chaque page en anglais et en français.
|
|
Cependant, ce n'est pas toujours évident.
|
|
Il m'arrive de faire de nombreuses fautes d'orthographes, des erreurs typographiques et autres.
|
|
</p>
|
|
<p>
|
|
<strong> Merci de ne pas me juger sur ces erreurs et de ne pas oublier que le fond est plus important que la forme. </strong>
|
|
</p><p>
|
|
L'impression que ce site laisse de moi n'est certainement pas l'impression que je vous laisserais si on se rencontrait.
|
|
</p><p>
|
|
Je vous souhaite de trouver ce que vous cherchez sur ce site.
|
|
</p>
|
|
|
|
<div class="return"><a href="#entete" onclick="fastShowMenu()">↑</a></div>
|
|
|
|
</div>
|
|
<div id="bottom">
|
|
<div>
|
|
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.fr">Droits de reproduction ©, Yann Esposito</a>
|
|
</div>
|
|
<div id="lastmod">
|
|
modifié le : 18/01/2012
|
|
</div>
|
|
<div>
|
|
Site entièrement réalisé avec
|
|
<a href="http://www.vim.org">Vim</a>
|
|
et
|
|
<a href="http://nanoc.stoneship.org">nanoc</a>
|
|
</div>
|
|
<div>
|
|
<a href="/Scratch/fr/validation/">Validation</a>
|
|
<a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
|
|
.
|
|
<a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
|
|
.
|
|
<a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com/Scratch/fr/blog/feed/feed.xml">[rss]</a>
|
|
</div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</body>
|
|
</html> |