diff --git a/content/html/en/blog.erb b/content/html/en/blog.erb
index 42657d540..43c2e244e 100644
--- a/content/html/en/blog.erb
+++ b/content/html/en/blog.erb
@@ -7,7 +7,7 @@ noSubMenu: true
<%
number_of_articles=5
number_of_char_for_resume=800
- language=@item_rep.path.sub(/\/Scratch\//,'').sub(/\/.*$/,'')
+ language=@item_rep.path.sub(/\/n3blog\//,'').sub(/\/.*$/,'')
last_articles = @items.select do |a|
a.reps[0].path =~ /\/#{language}\// && a[:kind] == 'article'
end
diff --git a/content/html/en/blog/06_How_I_use_git.md b/content/html/en/blog/06_How_I_use_git.md
index c054ec9fe..f90174f1d 100644
--- a/content/html/en/blog/06_How_I_use_git.md
+++ b/content/html/en/blog/06_How_I_use_git.md
@@ -47,10 +47,10 @@ for example mine is:
*.swp
.DS_Store
ikog.py.bak
-output/Scratch/assets
-output/Scratch/en
-output/Scratch/fr
-output/Scratch/multi
+output/n3blog/assets
+output/n3blog/en
+output/n3blog/fr
+output/n3blog/multi
diff --git a/content/html/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe.md b/content/html/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe.md
index 33a8abc1e..ac116699f 100644
--- a/content/html/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe.md
+++ b/content/html/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe.md
@@ -19,7 +19,7 @@ tags:
# Update (2009/10/28)
-I [updated my script](/Scratch/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-) which is now incremental. Since the writing of this article, Apple(c) had made many efforts about the bandwith of its European servers.
+I [updated my script](/n3blog/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-) which is now incremental. Since the writing of this article, Apple(c) had made many efforts about the bandwith of its European servers.
newcorps
@@ -116,7 +116,7 @@ if [[ ! $1 = '-s' ]]; then
result=1
essai=1
while (( $result > 0 )); do
- rsync -arv $root/Scratch/ $destRep.tmp
+ rsync -arv $root/n3blog/ $destRep.tmp
result=$?
if (( $result > 0 )); then
print -P -- "%BEchec du rsync%b (essai n°$essai)" >&2
@@ -222,7 +222,7 @@ if [[ ! $1 = '-s' ]]; then
result=1
essai=1
while (( $result > 0 )); do
- rsync -arv $root/Scratch/ $destRep.tmp
+ rsync -arv $root/n3blog/ $destRep.tmp
result=$?
if (( $result > 0 )); then
print -P -- "%Brsync failed%b (try n°$essai)" >&2
diff --git a/content/html/en/blog/11_Load_Disqus_Asynchronously.md b/content/html/en/blog/11_Load_Disqus_Asynchronously.md
index f7c1e8969..82d677a6b 100644
--- a/content/html/en/blog/11_Load_Disqus_Asynchronously.md
+++ b/content/html/en/blog/11_Load_Disqus_Asynchronously.md
@@ -71,7 +71,7 @@ If you forget the `window.disqus_no_style=true;` then your page will be blank. S
### CSS
-But with this option you still need to provide a CSS. This is why you have to copy the css code from the `embed.js` file and rewrite it in a CSS file. You can [download the CSS](/Scratch/en/blog/11_Load_Disqus_Asynchronously/code/original_disqus.css) I obtained.
+But with this option you still need to provide a CSS. This is why you have to copy the css code from the `embed.js` file and rewrite it in a CSS file. You can [download the CSS](/n3blog/en/blog/11_Load_Disqus_Asynchronously/code/original_disqus.css) I obtained.
---
diff --git a/content/html/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-.md b/content/html/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-.md
index effaefde6..4d39532de 100644
--- a/content/html/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-.md
+++ b/content/html/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-.md
@@ -16,7 +16,7 @@ tags:
# [Disqus](http://disqus.com/) *vs.* [Intense Debate](http://intensedebate.com/)
-I made a blog entry about how I tried to integrate [Disqus](http://disqus.com). I had to wait Disqus comment to be displayed before loading correctly my page. This is why I tried to include it in a "non-blocking" way. Unfortunately, I had [difficulties to make it works correctly](/Scratch/en/blog/11_Load_Disqus_Asynchronously/).
+I made a blog entry about how I tried to integrate [Disqus](http://disqus.com). I had to wait Disqus comment to be displayed before loading correctly my page. This is why I tried to include it in a "non-blocking" way. Unfortunately, I had [difficulties to make it works correctly](/n3blog/en/blog/11_Load_Disqus_Asynchronously/).
Furthermore, it was not trivial to make comment to be shared between multiple version of the same page (each page has three differents representations, one for each language and one more for the multi-language version).
diff --git a/content/html/en/blog/2009-09-jQuery-Tag-Cloud.md b/content/html/en/blog/2009-09-jQuery-Tag-Cloud.md
index 0206fa8e4..c2511a5c5 100644
--- a/content/html/en/blog/2009-09-jQuery-Tag-Cloud.md
+++ b/content/html/en/blog/2009-09-jQuery-Tag-Cloud.md
@@ -230,7 +230,7 @@ end
-You can [download the complete file](/Scratch/en/blog/2009-09-jQuery-Tag-Cloud/code/tag.rb) to put in your 'lib' directory.
+You can [download the complete file](/n3blog/en/blog/2009-09-jQuery-Tag-Cloud/code/tag.rb) to put in your 'lib' directory.
Of course to be nice you need the associated CSS
diff --git a/content/html/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-.md b/content/html/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-.md
index 21842ab57..845458814 100644
--- a/content/html/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-.md
+++ b/content/html/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-.md
@@ -15,7 +15,7 @@ tags:
- script
-----
-I already talked about how [I synchronized my website with mobileme](/Scratch/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe). I ameliorated this script in order to make it incremental.
+I already talked about how [I synchronized my website with mobileme](/n3blog/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe). I ameliorated this script in order to make it incremental.
Here is my new script, it first create a map which associate to each file its hash. After that it compare this file to the remote one. Then for each different file, update the content.
diff --git a/content/html/en/blog/2009-10-How-to-preload-your-site-with-style.md b/content/html/en/blog/2009-10-How-to-preload-your-site-with-style.md
index ab364ee05..4e6b64a9c 100644
--- a/content/html/en/blog/2009-10-How-to-preload-your-site-with-style.md
+++ b/content/html/en/blog/2009-10-How-to-preload-your-site-with-style.md
@@ -22,7 +22,7 @@ Here is a live example of what appear while loading my pages.
diff --git a/layouts/feed.html b/layouts/feed.html
index bb95269fe..a307915b3 100644
--- a/layouts/feed.html
+++ b/layouts/feed.html
@@ -1,7 +1,7 @@
-----
-----
<%
-language=@item_rep.path.sub(/\/Scratch\//,'').sub(/\/.*$/,'')
+language=@item_rep.path.sub(%r{#{@config[:webprefix]}/},'').sub(/\/.*$/,'')
number_of_char_for_resume=800
%><%= atom_feed( {
diff --git a/lib/gitmtime.rb b/lib/gitmtime.rb
index 2da6f2184..49f8cf571 100644
--- a/lib/gitmtime.rb
+++ b/lib/gitmtime.rb
@@ -1,5 +1,5 @@
def gitmtime
- filepath=@item.path.sub('/Scratch/','content/html/').sub(/\/$/,'')
+ filepath=@item.path.sub(@config[:webprefix]+'/','content/html/').sub(/\/$/,'')
ext=%{.#{@item[:extension]}}
filepath<<=ext
if not FileTest.exists?(filepath)
diff --git a/lib/html.rb b/lib/html.rb
index 683b2b29f..716b14e88 100644
--- a/lib/html.rb
+++ b/lib/html.rb
@@ -22,7 +22,7 @@ end
def choixlang
@conf.languages.map do |l|
- dest=@item_rep.path.sub(/^\/Scratch\/..\//, %{/Scratch/#{l}/})
+ dest=@item_rep.path.sub(%r{#{@config[:webprefix]}/../}, %{#{@config[:webprefix]}/#{l}/})
if @item_rep.path != dest
%{#{ tradOfKeywordIn(:switchTo,l)}}
else
diff --git a/lib/intenseDebate.rb b/lib/intenseDebate.rb
index e040c4dea..7a63779c0 100644
--- a/lib/intenseDebate.rb
+++ b/lib/intenseDebate.rb
@@ -21,6 +21,6 @@ def generateIntenseDebateThread
var idcomments_post_url = 'http://yannesposito.com#{protectedPath}';
-
+
}
end
diff --git a/lib/nanoc_item_conf.rb b/lib/nanoc_item_conf.rb
index 477c51add..a99a53426 100644
--- a/lib/nanoc_item_conf.rb
+++ b/lib/nanoc_item_conf.rb
@@ -14,7 +14,7 @@ end
def setItemConf
# -- init variables --
conf=LocalConf.new
- language=@item_rep.path.sub(/\/Scratch\//,'').sub(/\/.*$/,'')
+ language=@item_rep.path.sub(%r{#{@config[:webprefix]}/},'').sub(/\/.*$/,'')
if language != ''
conf.language=language
else
diff --git a/lib/tag.rb b/lib/tag.rb
index 471fb810e..4b3ac5bda 100644
--- a/lib/tag.rb
+++ b/lib/tag.rb
@@ -11,9 +11,9 @@
def alltags
language=@item.path
- language =~ %r{/Scratch/([^/]*)/}
+ language =~ %r{#{@config[:webprefix]}/([^/]*)/}
language = $1
- @items.select {|p| p.path =~ %r{/Scratch/#{language}/} and p[:kind].to_s == "article" and p.parent[:kind].to_s == 'blog'}
+ @items.select {|p| p.path =~ %r{#{@config[:webprefix]}/#{language}/} and p[:kind].to_s == "article" and p.parent[:kind].to_s == 'blog'}
end
def tagNumber
@@ -92,7 +92,7 @@
end
tagCloud <<= %{
}
language=@item.path
- language =~ %r{/Scratch/([^/]*)/}
+ language =~ %r{#{@config[:webprefix]}/([^/]*)/}
language = $1
tagLinks.sort{|a,b| a[0].downcase <=> b[0].downcase}.each do |t,l|
protected=t.gsub(/\W/,'_')
diff --git a/multi/about/contact.md b/multi/about/contact.md
index e194f11b8..3806c9e90 100644
--- a/multi/about/contact.md
+++ b/multi/about/contact.md
@@ -6,8 +6,8 @@ menupriority: 1
en: # How to contact me
fr: # Comment me contacter
-en:
-fr:
+en:
+fr:
<%= mail_perso %>
en: Follow me on [twitter](http://twitter.com/yogsototh)
diff --git a/multi/blog.erb b/multi/blog.erb
index c056dbf6d..633b6e0a4 100644
--- a/multi/blog.erb
+++ b/multi/blog.erb
@@ -7,7 +7,7 @@ noSubMenu: true
<%
number_of_articles=5
number_of_char_for_resume=800
- language=@item_rep.path.sub(/\/Scratch\//,'').sub(/\/.*$/,'')
+ language=@item_rep.path.sub(/\/n3blog\//,'').sub(/\/.*$/,'')
last_articles = @items.select do |a|
a.reps[0].path =~ /\/#{language}\// && a[:kind] == 'article'
end
diff --git a/multi/blog/2010-06-15-Get-my-blog-engine.md b/multi/blog/2010-06-15-Get-my-blog-engine.md
index 7f54aeb9e..34fe6ecda 100644
--- a/multi/blog/2010-06-15-Get-my-blog-engine.md
+++ b/multi/blog/2010-06-15-Get-my-blog-engine.md
@@ -119,7 +119,7 @@ multi/blog/2010-06-01-the-title/third_part.md
### mobileme
-All files are intended to be generated into the `output/Scratch` directory.
+All files are intended to be generated into the `output/n3blog` directory.
This was made like that to work nicely with iWeb organisation of websites.
### menu
diff --git a/multi/blog/2010-06-17-hide-yourself-to-analytics.md b/multi/blog/2010-06-17-hide-yourself-to-analytics.md
index c4cb1badd..6a807e86e 100644
--- a/multi/blog/2010-06-17-hide-yourself-to-analytics.md
+++ b/multi/blog/2010-06-17-hide-yourself-to-analytics.md
@@ -19,10 +19,10 @@ fr: - cacher
-----
fr: Voici un moyen très simple de ne plus être comptabilisé dans les visites de son propre site.
-fr: Tout d'abord, vous devriez jeter un coup d'œil sur comment [je gère les systèmes de récupération de statistiques](/Scratch/fr/blog/2010-06-17-track-events-with-google-analytics).
+fr: Tout d'abord, vous devriez jeter un coup d'œil sur comment [je gère les systèmes de récupération de statistiques](/n3blog/fr/blog/2010-06-17-track-events-with-google-analytics).
fr: Je centralise tout dans un seul fichier javascript ce qui facilite le travail.
en: This is a way not to count your own visits to your blog.
-en: First you should look on how [I handle analytics](/Scratch/en/blog/2010-06-17-track-events-with-google-analytics). All analytics are handled in one javascript file, this make things really convenient.
+en: First you should look on how [I handle analytics](/n3blog/en/blog/2010-06-17-track-events-with-google-analytics). All analytics are handled in one javascript file, this make things really convenient.
fr: Cette méthode nécessite l'utilisation de `jquery-cookie`.
en: Then you need to know my method use the `jquery-cookie`.
diff --git a/multi/blog/2010-08-23-Now-heberged-on-heroku.md b/multi/blog/2010-08-23-Now-heberged-on-heroku.md
index fee4341eb..01520891c 100644
--- a/multi/blog/2010-08-23-Now-heberged-on-heroku.md
+++ b/multi/blog/2010-08-23-Now-heberged-on-heroku.md
@@ -70,7 +70,7 @@ use Rack::TryStatic,
:urls => %w[/], # match all requests
:try => ['.html', 'index.html', '/index.html'] # try these postfixes sequentially
-errorFile='output/Scratch/en/error/404-not_found/index.html'
+errorFile='output/n3blog/en/error/404-not_found/index.html'
run lambda { [404, {
"Last-Modified" => File.mtime(errorFile).httpdate,
"Content-Type" => "text/html",
diff --git a/multi/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes.md b/multi/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes.md
index 470ebb94c..91923e6e4 100644
--- a/multi/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes.md
+++ b/multi/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes.md
@@ -31,7 +31,7 @@ fr: Voici comment je m'y prend avec [nanoc](http://nanoc.stoneship.org) :
def gitmtime
- filepath=@item.path.sub('/Scratch/','content/html/').sub(/\/$/,'')
+ filepath=@item.path.sub('/n3blog/','content/html/').sub(/\/$/,'')
ext=%{.#{@item[:extension]}}
filepath<<=ext
if not FileTest.exists?(filepath)
diff --git a/multi/blog/2010-10-06-New-Blog-Design-Constraints.md b/multi/blog/2010-10-06-New-Blog-Design-Constraints.md
index c6b56c7c8..02d4e1fe4 100644
--- a/multi/blog/2010-10-06-New-Blog-Design-Constraints.md
+++ b/multi/blog/2010-10-06-New-Blog-Design-Constraints.md
@@ -27,7 +27,7 @@ en: Now it should be far cleaner.
en: I believe I use no CSS3 feature and far less javascript.
en: Of course before my website was perfectly browsable without javascript.
en: Unfortunately some CSS3 feature are not mature enough on some browser.
-en: For more details you can read my older [blog entry](/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator).
+en: For more details you can read my older [blog entry](/n3blog/en/blog/2010-07-07-CSS-rendering-problems-by-navigator).
en: But the major problem came from, `font-shadow` and gradients.
en: Then my new design obey to the following rules:
diff --git a/multi/index.erb b/multi/index.erb
index 901199526..c3722f9d3 100644
--- a/multi/index.erb
+++ b/multi/index.erb
@@ -17,7 +17,7 @@ no_entete: true
en:
-fr:
+fr:
fr: Contact
fr: »
fr:
diff --git a/multi/softwares.md b/multi/softwares.md
index cc8189eeb..bf2860942 100644
--- a/multi/softwares.md
+++ b/multi/softwares.md
@@ -5,23 +5,23 @@ noSubMenu: true
hidden: false
-----
<%= block( %{YPassword},
-en: %{/Scratch/en/softwares/ypassword},
+en: %{/n3blog/en/softwares/ypassword},
en: %{YPassword is a password manager that make your web life more secure}
-fr: %{/Scratch/fr/softwares/ypassword},
+fr: %{/n3blog/fr/softwares/ypassword},
fr: %{YPassword est un outil de gestion de mots de passe pour rendre votre vie en ligne plus sûre.}
) %>
<%= block( %{YAquaBubbles},
-en: %{/Scratch/en/softwares/yaquabubbles},
+en: %{/n3blog/en/softwares/yaquabubbles},
en: %{Nice underwater floating bubbles}
-fr: %{/Scratch/fr/softwares/yaquabubbles},
+fr: %{/n3blog/fr/softwares/yaquabubbles},
fr: %{Des bulles se déplaçant sous l'eau}
) %>
<%= block( %{YClock},
-en: %{/Scratch/en/softwares/yclock},
+en: %{/n3blog/en/softwares/yclock},
en: %{Biohazard logo inspired clock},
-fr: %{/Scratch/fr/softwares/yclock},
+fr: %{/n3blog/fr/softwares/yclock},
fr: %{Une horloge inspirée par le symbole "biohazard"},
"right"
) %>
diff --git a/multi/softwares/yaquabubbles.md b/multi/softwares/yaquabubbles.md
index 4162e8e66..136e7b906 100644
--- a/multi/softwares/yaquabubbles.md
+++ b/multi/softwares/yaquabubbles.md
@@ -7,7 +7,7 @@ noSubMenu: true
hidden: false
-----
-[  ][yaquabubbles]
+[  ][yaquabubbles]
fr: YAquaBubbles est un économiseur d'écran réalisé avec QuartzComposer.
fr: Il s'agissait d'un simple essai mais le résultat était plaisant.
@@ -17,4 +17,4 @@ en: It was one of my first try but the result was nice.
[➥ YAquaBubbles.dmg][yaquabubbles]
-[yaquabubbles]: /Scratch/files/YAquaBubbles.dmg
+[yaquabubbles]: /n3blog/files/YAquaBubbles.dmg
diff --git a/multi/softwares/yclock.md b/multi/softwares/yclock.md
index c09478c3f..9a5f5de9a 100644
--- a/multi/softwares/yclock.md
+++ b/multi/softwares/yclock.md
@@ -6,7 +6,7 @@ hidden: false
-----
-[  ][yclock]
+[  ][yclock]
fr: YClock est un économiseur d'écran qui vous donne l'heure.i
fr: Il a trois thèmes clair, rouge et noir.
@@ -17,4 +17,4 @@ en: It is based on a QuartzComposition and with some little Objective-C code to
[➥ YClock.dmg][yclock]
-[yclock]: /Scratch/files/YClock.dmg
+[yclock]: /n3blog/files/YClock.dmg
diff --git a/multi/softwares/ypassword.md b/multi/softwares/ypassword.md
index f96c6b766..a248bd35a 100644
--- a/multi/softwares/ypassword.md
+++ b/multi/softwares/ypassword.md
@@ -8,24 +8,24 @@ en: _Easy_, _Secure_ and _Portable_ way to manage your web passwords.
fr: Une gestion _simple_, _sécurisée_ et _portable_ de ses mots de passes web.
en: Remember only _one_ strong password. And the rest follow.
-en: See my [blog entry](/Scratch/en/blog/ypassword.html) for the details.
+en: See my [blog entry](/n3blog/en/blog/ypassword.html) for the details.
fr: Souvenez vous d'_un_ seul mot de passe de bonne qualité, le reste suis.
-fr: Lisez mon [article](/Scratch/fr/blog/ypassword.html) pour les détails.
+fr: Lisez mon [article](/n3blog/fr/blog/ypassword.html) pour les détails.
en: Here you can find:
fr: Ici vous trouverez :
-en: - A [Dashboard Widget](/Scratch/files/YPassword-1.6.zip),
-en: - An [Applescript](/Scratch/files/forcePaste.app.zip) to simulate copy/paste in protected fields,
-en: - An alpha [Web Application](/Scratch/en/softwares/ypassword/web/) made with [Cappuccino](http://cappuccino.org),
-en: - An alpha [Web Application](/Scratch/en/softwares/ypassword/iphoneweb/) for iPhone,
-en: - A [command line tool](/Scratch/files/getpass).
+en: - A [Dashboard Widget](/n3blog/files/YPassword-1.6.zip),
+en: - An [Applescript](/n3blog/files/forcePaste.app.zip) to simulate copy/paste in protected fields,
+en: - An alpha [Web Application](/n3blog/en/softwares/ypassword/web/) made with [Cappuccino](http://cappuccino.org),
+en: - An alpha [Web Application](/n3blog/en/softwares/ypassword/iphoneweb/) for iPhone,
+en: - A [command line tool](/n3blog/files/getpass).
-fr: - Un [widget](/Scratch/files/YPassword-1.6.zip) ;
-fr: - un [Applescript](/Scratch/files/forcePaste.app.zip) pour simuler la copie dans les champs textes protégés ;
-fr: - une [application web](/Scratch/fr/softwares/ypassword/web/) écrite avec [Cappuccino](http://cappuccino.org),
-fr: - une [application web](/Scratch/fr/softwares/ypassword/iphoneweb/) pour iPhone ;
-fr: - un [script utilisable en ligne de commande](/Scratch/files/getpass).
+fr: - Un [widget](/n3blog/files/YPassword-1.6.zip) ;
+fr: - un [Applescript](/n3blog/files/forcePaste.app.zip) pour simuler la copie dans les champs textes protégés ;
+fr: - une [application web](/n3blog/fr/softwares/ypassword/web/) écrite avec [Cappuccino](http://cappuccino.org),
+fr: - une [application web](/n3blog/fr/softwares/ypassword/iphoneweb/) pour iPhone ;
+fr: - un [script utilisable en ligne de commande](/n3blog/files/getpass).
en: I'll soon release an iPhone application.
fr: Dans peu de temps je créerai une application iPhone pour YPassword.
diff --git a/output/index.html b/output/index.html
index e955353d1..cbe2e83cc 100644
--- a/output/index.html
+++ b/output/index.html
@@ -5,14 +5,14 @@
-
-
+
+
-
-
-
+
+
+
@@ -20,13 +20,13 @@
+
+ Multiplicity Automata Algorithm which identifie the class of
+ rational stocastic languages in the limit with probability one,
+
+
+
+ The problem to know whether an MA generates a
+ probabilistic distribution is undecidable (was left open in
+ Probabilistic Automata, Azaria Paz, 1977),
+
+
+
+ Algorithm of identification in the limit with
+ probability one of some subclass of non deterministic HMM
+
But before all, I love to learn. For example, I learned many programming languages: C, C++, Objective-C, Python, Java, Perl, awk, bash, zsh, LaTeX, Metapost, camL… And I’ve got the same passion about computer science research, computer security, philosophy and many other things.
+
+
+
+
+
+
+
+
My little story
+
+
I had my Ph. D degree in Computer Science in december 2004 at the LIF (Marseille). During the 3 years of my formation, not only I made my research but I also teach computer science and programming to University degree students. I also developed a program to experiment my theoretical results.
+
+
Then I had a post Ph. D. Degree position in the Hubert Curien Laboratory at St-Etienne. My mission consisted to develop a scientific application (SEDiL). This application should be used by biologist and should have a simple and nice user interface.
This website was completely made from scratch. Most is done using
+Vim and I generate pages using
+nanoc.
+
+
+
+Pictures were done with
+Inkscape and
+Gimp.
+My website is versionned using the
+
+ DCVS
+
+Git.
+
+
+
+
Blog comments are externalized to disqusintense debate.
+All I need is a static web server, no PHP, Java, ASP or CGI.
+Main advantages of this method concerns the load
+and the security of the server.
+
+
+
+If you didn't understood anything, just remember I used only
+Opensource
+and I mostly all done myself from scratch.
+
+
+
+
If you want all the gory details I suggest you to read
+my article about nanoc.
Sincerely, I don’t understand ack don’t become a common command on all UNIX systems. I can no more live without. For me it is as essential as which or find.
+
+
+
+
+
+
+
+
Better than grep
+
+
One of the my main usage of grep is
+
+
+
+grep 'pattern' **/*(.)
+
+
+
+
Most of time it is enough.
+But it is far better with colored output.
+ack-grep in Ubuntu does that.
+As I couldn’t install it on my ‘Evil Company Server’,
+I had done one myself in very few lines:
In a first, it is clear for me, it is not a fantastic movie. If you follow this line, you’ll face many problem explaining some scenes.
+
+
My hypothesis is the movie describe the Fred’s representation of reality.
+Each of his tries to escape reality will fail.
+
+
Fred had commited an horrible act, a murder, and try to repair his memory to accepts it. He’ll then create alternative realities.
+
+
+
In a first time he kills his wife (Renee) because he believes she cheated at him.
+
In the second part, he’s weaker and will be manipulated by the blond equivalent of Renee to kill Dick Laurent.
+
In a third part, he kills Dick Laurent
+
+
+
Why this interpretation can be valid?
+
+
Because of the dialog at the begining of the movie. Cops ask Fred if he’s own a video camera:
+
+
+
“Do you own a video camera?”
+“No, Fred hates them.”
+“I like to remember things my own way.”
+“What do you mean by that?”
+“How I remember them, not necessarily the way they happened.”
+
+
+
Then, what we see is not reality but the Fred’s perception. Fred is the God of the reality we see. This is why some God/Devil interpretation of the movie works not so bad.
Who’s this mysterious man? He tells Fred it’s him who invited him in his house. He’s present at the party and in the house of Fred in the same time. Eyes wide open, looking everything Fred’s doing?
+
+
It’s a key of the movie. In my humble opinion, I believe it represents the bad part of Fred. Certainly jalousy. If I was catholic, I’ll said he’s Satan. He observe, film but don’t act. He helps Fred to kill Dick Laurent.
+Fred had let him enter and cannot let him go.
+As Iago of Shakespeare is imprisonned by its own jalousy.
+The Mysterious Man help Fred doing the acts of violence.
+It also force Fred to remember the reality.
+
+
When he makes love to his wife (Renee), he sees the face of the Mysterious Man instead of his wife’s face. In reality, it’s the same person for Fred. It should be her who’s the origin of his interior badness.
Certainly it’s the mysterious man (Fred himself) who makes them.
+Their reason should be:
+
+
+
Remember the reality to Fred. From Fred point-of-view, video tapes are the reality. He tries to forget reality. But, finally, the video tapes go to the end: the murder of his wife.
+
It may also be a reference to pornographic video tapes, made by Renee.
There is many possibilities here. But we have many indices. Here is a supposition.
+
+
#1 Hypothesis
+
+
The protagonist is a garagist fallen in love with a porno actress. He believe the producer is the bad guy who go again his will. Then he kills Dick Laurent.
+
+
#2 Hypothesis
+
+
He was really married, he had killed his wife. The the remorse let him create an alternate self, which live in a kind of perfect world. But after the time pass, his obsession about the murder came again. And nobody could know if he had killed Andy or not.
+
+
which one then?
+
+
The second hypothesis seems better. We can make much more interpretation with it. It explain in most part the strange phone call from Dick Laurent to Pete.
+But the first hypothesis remain coherent. And, we should probably make an in depth explanantion using the first hypothesis. And I’m not sure it would be better.
+
+
One of the strength of this movie is to understand there is many other coherent hypothesis. It is an expression of the Rashomon effect. Many different persons could describe in a coherent manner what they saw. But each description contradicts the others.
+
+
+
+
+
+
+
+
Conclusion
+
+
There is much to tell about this movie. But I believe I put all essential keys here. It is a proof this movie is not a random one.
+
+
I believe it is essential to remember the “test of Rorschach effet” when watching this movie.
+
+
I’d like to know or opinion ; is my interpration wrong?
+...this movie must be watched knowing you'll cannot resolve the solution. At his best you'll can suggest an interpretation close to the one of David Lynch. I believe I had found a coherent interpretation which allow to follow the movie without being totally lost. I believed it can give the keys necessary to make its own idea of the movie...
+
+
+
Lost Higway is a really good movie. You keep watching it event it seem totally obscure. This is one of the strength of David Lynch.
+
+
The first time I watched Lost Highway, I was a bit lost.
+Here some of explanations of Lost Highway I found on the Internet:
+
+
+
Fred make a pact with the devil incarnated by the Mysterious Man,
+
Mysterious Man is a video camera,
+
Just the first part of the story is real. The rest is in the Fred’s imagination,
+
+
+
and I don’t speak about many point of view found in forums.
+
+
I finished to find two good site talking about this movie. But none of them still totally convinced me:
the second which state almost the same interpretation about the movie and explain with even more details is on jasonweb
+
+
+
Nonetheless, this movie must be watched knowing you’ll cannot resolve the solution. At his best you’ll can suggest an interpretation close to the one of David Lynch.
+
+
I believe I had found a coherent interpretation which allow to follow the movie without being totally lost. I believed it can give the keys necessary to make its own idea of the movie.
+
+
The Rorschach test
+
+
+
+
Like the protagonist, everybody see what he want to see in this movie. It is an invitation to think. Watch this movie is a little like watch a Rorschach’s test. What do we see in it? Everybody put its own personnality in the interpretation of the movie.
+
+
+
If you are mystic, you’ll see in the mysterious man a devil,
+
If you are more psychanalytics, you’ll see an inconscient part of the protagonist…
+
+
+
Generally, we stay in this movie and we fail explaining everything. There is almost always a point that don’t fit within the interpretation of the movie. This is why trying to find a unique good interpretation of this movie is a mistake.
+
+
Interprétation ≠ Explanation
+
+
I give an interpretation and not an explanation. Just to tell my vision of the movie should be very different from yours.
+There is certainly many coherent explanations.
+
+
I write this post because I believe I had found an interpretation which seems coherent for most of the movie.
My wife bought about 500€ (at least) of TV Shows on iTunes. She bought the first season of Battlestar Gallactica in english (she notified the language after the dowload). DRM make it impossible to play it with french sub-titles.
+
+
+
WTF?
+
+
+
Result, my wife would never buy any TV show on iTunes. She don’t like DVD because it is not as easy to buy and to use than to simply download episodes.
+
+
+
+Therefore far less money for you EVIL Copyrighter!!!!!
+
+
+
+
My wife won’t see these episodes.
+This is a ‘LOSE-LOSE’ cooperation.
I use git simply to synchronize stuff for personnal projects.
+Therefore, when I create a local branch I want most of time this
+branch to be created remotely.
I use Git to manage my personnal projects.
+I have a centralized repository which all my computer should synchronize with.
+Unfortunately I didn’t find clearly what I needed on the official Git documentation.
+
+
In two words, if you want to use an SVN workflow with Git (and all its advantages) here is how to proceed.
+
+
+
+
+
+
+
+
Initialisation
+
+
Suppose I’ve got a directory on my local computer containing a project I want to manage via Git. Here what to do:
Well, now, all seems ok, but you have to worry about two little things. Git is all about decentralisation and branches. It is very easy to manage one branch, or many branches on the same host. But synchronize branches on many hosts is not a natural operation.
+
+
This is why I created two simple scripts to automate this. One for creating a branch locally and remotely. And one to get remotely created branched on your local host.
+
+
Then when you want to create a new branch (locally and remotely) ; you simply have to do a:
+
+
git-create-new-branch branch_name
+
+
+
and when you are on another computer and want to get locally all the remote branches you execute:
For now I didn’t compiled it to work also on Tiger and Leopard. I don’t know XCode enought to know how to make the Garbage collector to be disabled on 32 bits version and enabled on 64 bits version.
+
+
It was a bit difficult to discover these informations. Hope this post helped someone.
In order to bypass evil company firewall and to surf safely on unsafe wifi. I keep an ssh server listening on the port 443.
+
+
Then from my laptop or my local computer I just have to launch the marvelous
+
+
+
+ssh -p 443 -D 9050 username@host
+
+
+
+
and a local socks proxy listening on port 9050 is launched. The socks proxy will transfer local requests via the ssh tunnel. Therefore I can surf locally as if I was on my own computer. I can put password and card number without fear the local wifi network to be sniffed. I simply need to configure my web browser to user the socks proxy on localhost and port 9050.
Most of time I prefer not to use the same product as everybody and try some new. But this time I believe whosamung.us had too much ads on the page. I had to put their image on my website and they only give then number of user currently on the website, not the number of visits.
+
+
This is why I now use google analytics. The only problem, remains for pages with no javascript support.
I live in France and iDisk upload is just terrible. Upload speed remind me the old 56k modem. Most operations such as list the content of a directory take at least 30 seconds (for 15 elements). Renaming a directory fail most of time.
I upload from my Mac and sometimes from an Ubuntu PC (iDisk mounted with webdavfs).
+
+
Synchronize safely the website
+
+
Here is the script I use in order to synchronize my website with maximum safety. It try each operations until it works.
+
+
The idea are:
+
+
+
Synchroniser vers un répertoire temporaire sur le serveur distant, puis “swapper” les noms des répertoires. Ainsi le site ne reste indisponible que le temps du “swap” du nom des deux répertoires.
+
Réitérer toutes les opérations jusqu’à ce qu’elle aient réussi (par exemple pour le renommage)
+
+
+
For now I use rsync which in fact is no more efficient than a simple cp with WebDav. And I should use a method to keep track of elements who have changed. before the publication.
+
+
In fact when I’m on a Mac, I use Transmit which is very cool and far more efficient than the Finder to synchronize files. After the synchronization, I swap the directories.
+
+
My script take a -s option in order to make only the swap option. It also take a -a in order to put the new index.html which should point to the new homepage (not the iWeb one).
+
+
In order to keep this script working for you, just modify the username by yours (the value of the mobileMeUser).
In fact this method works for old threads. But it fails to create new post threads. This is why I tried and be conquered by intensedebate, as you can see in the bottom of this page.
+
+
Remark I didn’t have any comment on my blog when I switched. Therefore my lack of influence was a good thing :-).
+
+
+
+
+
+
+
+
Before begining, I must state that I love Disqus.
+
+
I know there is a similar blog entry at Trephine.org. Here I just add a straight and easy way to load disqus asynchronously using jQuery.
+
+
I also know there is a jQuery plugin to make just that. Unfortunately I had some issue with CSS.
+
+
Now let’s begin.
+
+
+
+
+
+
+
+
Why?
+
+
Why should I want to load the disqus javascript asynchronously?
+
+
+
Efficiency: I don’t want my page to wait the complete execution of disqus script to load.
+
More independance: when disqus is down, my page is blocked!
+
+
+
+
+
+
+
+
+
How?
+
+
I give a solution with jQuery, but I’m certain it will work with many other js library.
If you forget the window.disqus_no_style=true; then your page will be blank. Simply because without this option, the javascript use a document.write action after the document was closed, which cause a complete erasing of it.
+
+
CSS
+
+
But with this option you still need to provide a CSS. This is why you have to copy the css code from the embed.js file and rewrite it in a CSS file. You can download the CSS I obtained.
+
+
+
Now it’s done. I believe all should be fine but I just finished the manip for my own site only 1 hour ago. Therefore there should be some error, tell me if it is the case.
I made a blog entry about how I tried to integrate Disqus. I had to wait Disqus comment to be displayed before loading correctly my page. This is why I tried to include it in a “non-blocking” way. Unfortunately, I had difficulties to make it works correctly.
+
+
Furthermore, it was not trivial to make comment to be shared between multiple version of the same page (each page has three differents representations, one for each language and one more for the multi-language version).
+
+
I am a bit sad to quit Disqus because I must confess giannii had helped me has efficiently as he could. But the problem I had with disqus are inherent to some design choice not simply technical ones.
+
+
During the time I tried to integrate Disqus I never tried Intense Debate. Now that I have tried, i must confess it does exactly what I needed.
+
+
In order to make it fully asynchronous, you’ve just to download their common js and replace the following line:
Here is how I done the tag cloud of my blog. It is done mostly in jQuery.
+All my site is static and pages are generated with nanoc.
+It is (in my humble opinion) the modern geek way to make a website.
+The tagcloud should work for machine with and without javascript.
+
+
This is why I’ll give only a Ruby Generator, not a full javascript generator.
+But you can easily translate from Ruby to Javascript.
If you want to make it fully jQuery one, it shouldn’t be
+too difficult, to use my ruby code and translate it into javascript.
+
+
In a first time tags correpond of the list of all tags.
+
+
+
+deftags
+ return@items.tags.join(', ')
+end
+
+
+
+
A function to create a data structure associating to each
+tag its occurence.
+
+
+
+# generate an hash tag => number of occurence of tag
+deftagNumber
+ tags={}
+ @items.eachdo |p|
+ if p.tags.nil?
+ next
+ end
+ p.tags.eachdo |t|
+ if tags[t]
+ tags[t]+=1
+ else
+ tags[t]=1
+ end
+ end
+ end
+ return tags
+end
+
+
+
+
I also need a data structure who associate to each
+tag a list of pages (at least url and title).
+
+
+
+# generate an hash tag => [ page1, page2 ... ]
+deftagRefs
+ tagLinks={}
+ @items.eachdo |p|
+ if p.tags.nil?
+ next
+ end
+ p.tags.eachdo |t|
+ if tagLinks[t].nil?
+ tagLinks[t]=[ p ]
+ else
+ tagLinks[t] <<= p
+ end
+ end
+ end
+ return tagLinks
+end
+
+
+
+
Calculate the real size of each tag to be displayed.
+
+
I choosen not to use the full range of size for all the tag. Because if no
+tag has more than n (here 10) occurences, then it doesn’t deserve to be
+of the maximal size.
+
+
+
+deftagRealSize
+ tags=tagNumber
+ max=tags.values.max
+ min=tags.values.min
+# size in CSS em.
+ minSize=1.0
+ maxSize=2.5
+ tagSize={}
+ tags.eachdo |t,n|
+ if ( max == min )
+ tagSize[t]=minSize
+ else
+# normalized value between 0 and 1
+# if not tag appear more than 10 times,
+# then it cannot have the maximal size
+ tagSize[t]=[ ( n - min +0.0 ) / ( max - min ) ,
+ (n - min) /10.0 ].min
+# from normalized size to real size
+ tagSize[t]=( tagSize[t] ) * (maxSize - minSize) + minSize
+ end
+ end
+ return tagSize
+end
+
+
+
+
Finaly a function to generate the XHTML/jQuery code
+
+
+
+# generate an XHTML/jQuery code for tag cloud
+deftagCloud
+ tagLinks=tagRefs
+ tagSize=tagRealSize
+
+# begin to write the code
+ tagCloud=%{<script type="text/javascript">
+ $(document).ready( function(){$('.list').hide();} );
+ function tagSelected(id) {
+ $('.list').hide();
+ $('#'+id).fadeIn();
+ $('.tag.selected').removeClass('selected');
+ $('#tag_'+id).addClass('selected');
+}
+ </script><div id="tagcloud">}
+# Creation of the tags <span>
+ tagSize.sort{|a,b| a[0].downcase<=> b[0].downcase}.eachdo |t,s|
+ tag_in_id=t.gsub(/\W/,'_')
+# HTML protected version of the tag
+# for example, replace ' ' by ' '
+ protected=t.gsub(/&/,'&').gsub(//,' ').gsub(/</,'<').gsub(/>/,'>')
+ tagCloud <<=%{
+ <span style="font-size: #{s}em;"
+ class="tag"
+ onClick="tagSelected('#{tag_in_id}')"
+ id="tag_#{tag_in_id}">
+#{protected}
+ </span> }
+ end
+ tagCloud <<=%{</div><div id="hiddenDivs" >}
+# Creation of the divs containing links associated to a tag.
+ tagLinks.eachdo |t,l|
+ tag_in_id=t.gsub(/\W/,'_')
+ tagCloud <<=%{
+ <div id="#{tag_in_id}" class="list">
+ <h4>#{t}</h4><ul>}
+# generate the link list
+ l.eachdo |p|
+ tagCloud <<=%{<li><a href="#{p.path}">#{p.title}</a></li>}
+ end
+ tagCloud <<=%{</ul></div>}
+ end
+ tagCloud <<=%{</div>}
+ return tagCloud # yeah I know it is not necessary
+end
+
+
+// Change the color when mouse over
+.tag:hover {
+ color: #cc0000; }
+
+// Change the color when tag selected
+.tag.selected {
+ color: #6c0000; }
+
+// a bit of space and pointer cursor
+.tag {
+ cursor: pointer;
+ margin-left: .5em;
+ margin-right: .5em; }
+
Here is my new script, it first create a map which associate to each file its hash. After that it compare this file to the remote one. Then for each different file, update the content.
+
+
Even with this script I also have some problem. Mostly due to ‘webdav’ issues. For example, renaming a folder work really badly (on Linux at least). I use webdavfs. For example:
+
+
+mv folder folder2
+
+
+
It returns OK and I’ve got:
+
+
+$ ls
+folder folder2
+
+
+
Booh….
+
+
In order to handle most webdav issues I use a framework in zsh. It handle almost all except the correct renaming of folder. Working on it… Anyway here is the code I use.
And here is the code on how I synchronize my website. There is a little cryptic code. It correspond a problem caused by the bluecloth filter which is a markdown program made in ruby. Each time my email is written it is transformed differently. This is why I remove this part from the content of each html file. Without it, all my files containing email are different at each regeneration of my website.
+#!/usr/bin/env zsh
+
+# Script synchronisant le site sur me.com
+# normalement, le site est indisponible le moins de temps possible
+# le temps de deux renommages de répertoire
+
+# get configuration
+# mostly directories
+source $0:h/config
+
+# get trycp function (copy until success)
+source $0:h/webdav-framework
+
+if [[ $1=='-h' ]];then
+ print -- "usage : $0:h [-h|-s|-d]"
+ print -- " -a sychronise aussi l'index"
+ print -- " -h affiche l'aide"
+ print -- " -d modification directe (pas de swap)"
+ print -- " -s swappe simplement les répertoires"
+fi
+
+# publication incrementale
+function incrementalPublish {
+ local ydestRep=$destRep$suffix
+ localRef="$srcRep/map.yrf"
+ print -- "Creation du fichier de references"
+ create-reference-file.sh >$localRef
+ remoteRef="/tmp/remoteSiteMapRef.$$.yrf"
+ if [[ ! -e "$ydestRep/map.yrf" ]];then
+ # pas de fichier de reference sur la cible
+ print -- "pas de fichier de reference sur la cible, passage en mode rsync"
+ rsyncPublish
+ swap
+ else
+ trycp "$ydestRep/map.yrf""$remoteRef"
+ typeset -U filesToUpdate
+ filesToUpdate=( $(diff $localRef$remoteRef| awk '/^[<>]/ {print $2}') )
+ if ((${#filesToUpdate} == 1));then
+ print -- "Seul le fichier ${filesToUpdate} sera téléversé"
+ elif ((${#filesToUpdate}<10));then
+ print -- "${#filesToUpdate} fichiers seront téléversés :"
+ print -- "${filesToUpdate}"
+ else
+ print -- "${#filesToUpdate} fichiers seront téléversés"
+ fi
+ # copy all file with some differences
+ # except the map in case of error
+ for element in$filesToUpdate;do
+ if [[ $element=="/map.yrf" ]];then
+ continue
+ fi
+ if [[ -e $srcRep$element ]];then
+ trycp $srcRep$element$ydestRep$element
+ else
+ tryrm $ydestRep$element
+ fi
+ done
+ # if all went fine, copy the map file
+ trycp $srcRep/map.yrf $ydestRep/map.yrf
+ # remove the temporary file
+ \rm $remoteRef
+ # if we have used the tmp directory we swap
+ if [[ "$suffix"!="" ]];then
+ swap
+ fi
+ fi
+}
+
+# publication via rsync
+function rsyncPublish {
+ result=1
+ essai=1
+ while (( $result> 0 ));do
+ print -- rsync -arv $srcRep/ $destRep.tmp
+ if ((!testmode));then
+ rsync -arv $srcRep/ $destRep.tmp
+ fi
+ result=$?
+ if (( $result> 0 ));then
+ print -P -- "%BEchec du rsync%b (essai n°$essai)">&2
+ fi
+ ((essai++))
+ done
+}
+
+# swap
+function swap {
+ print -P -- "%B[Directory Swap (tmp <=> target)]%b"
+ [[ -e $destRep.old ]] && tryrm $destRep.old
+
+ print -- " renommage du repertoire sandard vers le .old"
+ tryrename $destRep$destRep.old
+
+ print -- " renommage du repertoire tmp (nouveau) vers le standard"
+ print -P -- "%B[Site Indisponible]%b $(date)"
+ tryrename $destRep.tmp $destRep
+ print -P -- "%B[Site Disponible]%b $(date)"
+
+ print -- " renommage du repertoire old vers le tmp"
+ tryrename $destRep.old $destRep.tmp
+
+ print -P -- " publication terminée"
+}
+
+print -- "Root = $webroot"
+print -- "Dest = $destRep"
+
+if [[ "$1" = "-s" ]];then
+ swap
+else
+ if [[ "$1" = "-d" ]];then
+ suffix=""
+ else
+ suffix=".tmp"
+ fi
+ print -P -- "%BSync%b[${Root:t} => ${destRep:t}$suffix]"
+ incrementalPublish
+fi
+
+
+
+
This is my way to replace rsync with filesystem not handling it.
+Hope it is usefull. I’ll be happy to hear a way to handle the webdav rename folder problem. This is really annoying.
+
+
+
+
+
\ No newline at end of file
diff --git a/output/n3blog/en/blog/2009-10-30-How-to-handle-evil-IE/code/ie.js b/output/n3blog/en/blog/2009-10-30-How-to-handle-evil-IE/code/ie.js
new file mode 100644
index 000000000..661daa2f2
--- /dev/null
+++ b/output/n3blog/en/blog/2009-10-30-How-to-handle-evil-IE/code/ie.js
@@ -0,0 +1,18 @@
+
+// Remove all CSS I don't want to use on IE
+$('link[rel=stylesheet]').each(function(i)
+{
+ if (this.getAttribute('href') == '/css/layout.css')
+ this.disabled = true;
+ if (this.getAttribute('href') == '/css/shadows.css')
+ this.disabled = true;
+ if (this.getAttribute('href') == '/css/gen.css')
+ this.disabled = true;
+}) ;
+
+// Append the CSS for IE only
+$('head').append('');
+
+// I also add a message on top of the page
+$('body').prepend('
+// Remove all CSS I don't want to use on IE
+$('link[rel=stylesheet]').each(function(i)
+{
+ if (this.getAttribute('href') =='/css/layout.css')
+ this.disabled=true;
+ if (this.getAttribute('href') =='/css/shadows.css')
+ this.disabled=true;
+ if (this.getAttribute('href') =='/css/gen.css')
+ this.disabled=true;
+}) ;
+
+// Append the CSS for IE only
+$('head').append('<link rel="stylesheet" type="text/css" href="/css/ie.css"/>');
+
+// I also add a message on top of the page
+$('body').prepend('<div id="iemessage"><p><span class="fr"><em>Avec <a href="http://www.firefox.com"> Firefox </a> et <a href="http://www.apple.com/safari">Safari</a> cette page est bien plus jolie !</em></span><span class="en"><em>This page is far nicer with <a href="http://www.firefox.com"> Firefox </a> and <a href="http://www.apple.com/safari">Safari</a>!</em></span></p>.</div>');
+
+
I believe the goal researched by minimalism is Focus. But I don’t believe minimalism should be the goal. Focus should be the goal, and I believe minimalism isn’t necessary to reach it.
+
+
This is why my design is not minimalist, but I decided to remove most of the navigation stuff of all pages of my website. May be I’ll prefer to hide the menu only when you are on blog article. For now, I hide the menu everywhere on the website.
+
+
+
+
+
+
+
+
technical details
+
+
For those who want the technical details behind the show/hide menu, here is the simple jQuery code.
+
+
The HTML:
+
+
+
+<divid="menuButton"></div>
+<divid="entete">#content of the menu</div>
+
Here is a live example of what appear while loading my pages.
+
+
+
Hello! I've finished loading!
+
Click me to see me disapear again.
+
+ Loading...
+
+
+
+
+
+
I first tried to integrate queryLoader, but it didn’t fill my needs.
+
+
The plugin add a black div to hide all the content. But as the script had to be launched at the end of the source code my website show for a small time.
+
+
In order to hide this small artefact, here is how I do that.
+
+
Code
+
+
In a first time, I added at the top of the body the div hiding all the content.
+
+
+
+...
+<body>
+<divid="blackpage">
+ content to display during the loading.
+</div>
+...
+
I discussed earlier why I prefer to hide my navigation menu. I finally decided to hide it only after a short time. Just the time needed for a user to see it. But how make it disappear only when it is not used for some time?
+
+
Here is how to accomplish that easily.
+
+
HTML:
+
+
+
+ <divid="menuButton"></div>
+ <divid="entete">
+ <ul>
+ <li> menu item 1 </li>
+ ...
+ <li> menu item n </li>
+ </ul>
+ </div>
+
+var last=0;
+
+// will hide the menu in 5 seconds
+// if the variable 'last' has not changed its value
+functionautoHideMenu(value) {
+ setTimeout(function(){
+ if ( last == value ) { hideMenu(); }
+ },5000);
+}
+
+$(document).ready( function() {
+ // show the menu when the mouse is on
+ // the good area
+ $('#menuButton').hover(showMenu);
+
+ // If the mouse is on the menu change the
+ // value of 'last'
+ // try to hide the menu when the mouse
+ // go out off the menu.
+ $('#entete').hover(
+ function(){last+=1;},
+ function(){autoHideMenu(last);} );
+ autoHideMenu(0);
+});
+
+// show / hide menu functions details
+
+// move to the left
+functionhideMenu() {
+ $('#entete').animate({left:"-10em"}, 500 );
+}
+
+// move to right and will try to hide in 5 sec.
+functionshowMenu() {
+ $('#entete').animate({left:"0em"}, 500 );
+ last+=1;
+ autoHideMenu(last);
+}
+
+
+
+
Simple and lightweight. No timer (almost), no memory leak, no Date…
Here is a tip, I don’t know why, but I almost always forgot how to do that.
+
+
When you want to launch a command and this command should not be killed after you close your terminal. Here is how to accomplish that from command line:
+
+
+nohup cmd &
+
+where cmd is your command.
+
+
+
I let this command here for me and I wish it could also help someone.
I explain why I had so much difficulties to use Git. There is an “untaught rule” that make hard to work without. Until I read the good document.
+
+
“Cheap branches” aren’t designed to be totally isolated branches but rather should follow a “Master Branch”. There is a Standard Workflow to follow. If you don’t follow it, you prepare yourself with some hard time with Git.
+
+
+
+
+
+
+
+
My way to decentralisation
+
+
From SVN to Bazaar
+
+
I was a huge user of subversion (svn). Until the day I saw this video of Linus Torvald. Where he explain Git and all advantages of Decentralized Concurrent Versioning System(DCVS)
+
+
I must say I was completely convinced. And the more you learn about DCVS the more you see good reason to use them.
+
+
I then needed a versioning system for my team. As they were not used to open source versioning system except those heavy, with a GUI and with and administrator†
+
+
After some web searches, I founded three main choices:
After trying each other I chosen Bazaar. It has the simplest User Interface*. My choice was done.
+
+
From Bazaar to Git
+
+
It was really natural to learn when coming from subversion. The pull command corresponding to update, push command to commit. Commands like commit and update are still there if you want to use an SVN workflow.
+
+
After some times, reading on many blogs, I realize Git is far more popular and by influent people.
+
+
I then decide to use Git in particular to version this current website.
+But after trying it, I found it difficult and couter intuitive (I’ll speak a work about it later).
+
+
After calling for some help, when I say Bazaar is much simpler to learn, some people answer me that Git:
+
+
+
— SO-MUCH-EASY my 12 year old daughter uses it to version its school documents. She has no difficulties at all, creating branches, blah, blah, blah…
+
+
+
If a 12 years old girl has no problem with Git and I (with my Computer Science Ph.D.) have difficulties to uses it like I want, it is frustrating and humiliating. But what makes Git natural for some people and confusing for me?
+
+
I finally understood why reading a document I didn’t read before. It was the untaught part of the conception. The part every developer found so natural it is not necessary to say a word about it. But it was not natural for me.
* - I never really given its chance to Mercurial. The terminology they chosen was too far from the svn one. And I was used to it.
+
+
+
+
+
+
+
+
When you see explanation about branches and DCVS we imagine each branch is totally uncorrelated to each other, except when merging. Everything is magic. This is the “Parallel World” explanation. This way of seeing is explained more in depth in the real good article about branches on betterexplained.
+
+
Git was designed to manage the Linux Kernel. Git was designed using the concept of Patch instead of Parallel Worlds.
+
+
From one site Parallel World and Patches from the other. There is many equivalent notions in the two point of vue, but also some differences.
+
+
+
Bazaar seems base on the Parallel World vision which implies Patches
+
While Git seem base on the Patch model which will implie the creation of Parallel Worlds.
+
+
+
I will not argument about which is the best. Just tell my vision of DCVS come from the Parallel World vision and Git was designed the other way‡.
+
+
From Theory to Real Life Usage
+
+
I believe I understood conceptual mechanism under Git. But I had some difficulties with real usage. The worst point, the one I didn’t get before long was because I didn’t get really well the notion of Cheap Branching.
+
+
What is a Cheap Branch? If like me you come from Bazaar, it is a totally new notion. It is in fact the ability to create a branches all of them using the same directory.
+
+
You just have to launch a Git command and the local directory reflect the state of the branch you selected.
+
+
In theory, Cheap Branches are exactly like Bazaar branches. The word used is Branch and not Cheap Branch. But there is a slight difference between them. A slight difference between a Cloned Branch and a Cheap Branch.
+
+
A “Standard branch” is what is theoretically a kind of new Parallel World.
+But Cheap branch was designed to be future Patch for the main branch of the directory/Cloned branch.
+
+
Of course, I know anybody can state you can totally use Cheap branches as Cloned branches. But they weren’t designed for that. On daily usage, it is a bit uneasy to use it like this.
+
+
Here how Git cheap branches should be used (for more details see Git for Designers):
+
+
+
get or creation of a main repositoy The Great Repository
+
creation of a Cheap branch containing differences which have to be patched somewhere in the future into The Great Repository
+
+
+
Here’s how you should not use Git:
+
+
+
Get or creation of a repository
+
Create a cheap branch which will never push it’s modification to the main repository.
+
+
+
This simple minor difference of point of view confused me a lot.
+
+
Real Life Usage
+
+
Now I have understood all that. I understand why Git has some many people claiming it is the best DCVS.
+
+
Cheap branching notion is essential in Git and is a really useful feature. Particularly for this website. But, there are not exactly, completely parallel line of development. Because they are designed to path the main branch. Of course, it is not an obligation, but there are slight messages which tell you this should be used like that.
+
+
If I want to separate in a better way some branches I just have to Clone them.
+And I return exactly in branches Bazaar provided me.
+
+
Examples
+
+
For now, I prefer (from far) Bazaar terminology. They are cleaner and more understandable.
+
+
bzr revert
+
+
+
Is clearer than
+
+
git reset --hard HEAD
+
+
+
We can tell the same thing about
+
+
bzr revert -r -3
+
+
+
which seems preferable to
+
+
git reset --hard HEAD~3
+
+
+
Until now, it is not big business. But now, things will go worse.
+If we want to revert time on all the tree we use the keyword reset.
+
+
OK
+
+
Now, if I want to revert time on on file. We should naturally imagine the command will be:
+
+
git reset --hard FILE
+
+
+
**OF COURSE NOT!**
+
+
The solution is:
+
+
git checkout FILE
+
+
+
What? checkout !? Well, ok. I accept. why not?
+With Bazaar it is:
+
+
git revert FILE
+
+
+
What I personally found far more natural.
+
+
But the command to change the current cheap branch is really hard to be accepted (from the User Interface point of view).
+With Bazaar it is:
+
+
cd ../branch
+
+
+
Well yes. With Bazaar you have to change your directory to change your branch. It needs more disk resources but it is really clear. Which is my current branch, is just a pwd away. For Git here is the command:
+
+
git checkout branch
+
+
+
WTF? I believed checkout was the key to get a file in some state (not the entire tree).
+
+
Then checkout is the same keyword used to get back in time on a file (BUT NOT ON ALL THE TREE where you have to use reset --hard) and to change current branch!
+
+
It is totally unnatural. Even if it is theoretically totally justified like you can see in the really good article Git for Computer Scientist. From the user point of vue, it is difficult to do worse than that. It is like somebody made it on purpose to make it the hardest possible to learn and understand.
+
+
+
+
— Try to find the good keyword for this operation
+
— Wrong! Try again!
+
— False, it is not yet right!
+
+
+
+
That were the Git bad side. But It has many advantages. Once you’ve understood the cheap branching paradigm. All became clearer for me after. Even if there is also some difficulties with the edit of the .git/config files (not user friendly at all).
+
+
‡ I must precise that I worked a lot with multi-modal logic and particularly about “Temporal Logics” (linear or not). This is why I was more inclined to see things this way. “Ah ! Just to remember my firsts love with computer science !”
+
+
+
+
+
+
+
+
Conclusion
+
+
DCVS vs. CVS ?
+
+
Was it a good idea to change to a decentralised versionning system? Clearly yes. Decentralisation give far much great possibilities.
+Such as working on a fix on a totally isolated branches.
+
+
Is Git better than Bazaar?
+
+
Speaking about features I’ll tell Git is the best.
+But Git was too much in my way. Is was exactly what I didn’t want for my first DCVS.
+
+
I shouldn’t have had those difficulties about understanding cheap branching which must be a patch. In reality, Git make a difference between the Tree and the Branch. Which is obviously not the case for Bazaar. Conceptually, bazaar is simpler to understand.
+
+
Finally
+
+
In conclusion, I use Git more often than Bazaar and I must say, that I have some preferences for Git. However, Git lack hardly clear commands name like revert.
+For now I don’t made alias to correct that. But may be one day I should do that.
If you just want to use Gitimmediately, just read dark part. You read this part later to understand correctly foundations of version systems and not doing strange things.
+
+
+
+
+
+
Git is a DCVS, which means a Decentralized Concurrent Versions System. Let’s analyze each part of this long term:
+
+
Versions System
+
+
Firstly, versions system manage files.
+When somebody work with files without a versions system, the following happens frequently:
+
+
When you modify a somehow critical file you don’t want to loose. You copy naturally this file with another name. For example:
In consequence of what, the new file, play the role of backup. If you break everything, you can always return in the last state by overwriting your modifications.
+Of course, this method is not very professional and is a bit limited. If you make many modifications, you’ll end with many files with strange names like:
If you want to make it works correctly, you’ll have to use naming convention. Files take many place even if you modify most of time only some lines.
+
+
Fortunately, versions system are here to help.
+
+
You only have to signal you want a new version of a file and the versions system will do the job for you. It will record the backup where it could be easily recovered. Generally, systems version do it better than you, making the backup only of the modified lines and not the total file.
+
+
Once upon a time versions were managed for each file separately. I think about CVS. Then it naturally appears projects are a coherent set of files. Recover each file separately was a tedious work. This is why versions number passed from files to the entire project.
+
+
It is therefore possible to say, “I want to get back three days earlier”.
+
+
+
+
+
+
What gives versions system? (I didn’t mention everything at all)
+
+
+
automatic backups: back in time,
+
gives the ability to see differences between each version,
+
put a tag on some version to be able to refer to them easily,
+
gives the ability to see an historic of all modifications. Generally the user must add a comment for each new version.
+
+
+
+
+
+
+
concurrent:
+
+
Version Systems are already useful to manage its own projects. They help to organize and resolve partially backup problems. I say partially because you have to backup your repository on a decent file system. But versions system are really interesting is on projects done by many people.
+
+
Let’s begin by an example, a two person project ; Alex and Beatrice. On a file containing a Lovecraft’s gods list:
+
+
+
+Cthulhu
+Shubniggurath
+Yogsototh
+
+
+
Say Alex is home and modify the file:
+<div style="width: 10em; margin-left: auto; margin-right: auto">
+<pre class="twilight">
+Cthulhu
+Shubniggurath
+Soggoth
+Yogsototh
+</pre>
+</div>
+
+
after that he send the file on the project server. Then on the server there is the Alex file:
+
+
A bit later, Beatrice who had not get the Alex file on the server make the modification:
+
+
+
+Cthulhu
+Dagon
+Shubniggurath
+Yogsototh
+
+
+
+
Beatrice send her file on the server
+
+
Alex modification is lost. One more time, versions system are here to help.
+
+
A version system would had merge the two files at the time Beatrice send the file on the server. And like by magic, on the server the file would be:
In real life, at the moment Beatrice want to send her modifications, the versions system alert her a modification had occurred on the server. Then she uses a command which pull the modification from the server to her local computer. And this command update her file. After that, Beatrice send again the new file on the server.
+
+
+
+
+
+
In what Concurrent Versions System help?
+
+
+
get without any problem others modifications,
+
send without any problem its own modifications to others,
+
manage conflicts. I didn’t speak about it, but sometimes a conflict can occur (when two different people modify the same line on a file for example). SVC help to resolve such problem. More on that later,
+
help to know who done what and when.
+
+
+
+
+
+
+
decentralized
+
+
This word became popular only recently about CVS. And it mainly means two things:
+
+
First, until really recently (SVN), you’ll have to be connected to the distant server to get informations about a project. Like get the history. New decentralized systems work with a local REPOSITORY (directory containing backups and many informations linked to the versions system functionalities). Hence, one can view the history of a project without the need of being connected.
+
+
All instances of a project can live independently.
+
+
To be more precise, DCVS are base on the branch notion.
+
+
Practically, it has great importance. It means, everybody work separately, and the system help to glue all their work.
+
+
It is even more than just that. It help to code independently each feature and bug fixes. Under other system it was far more difficult.
+
+
Typical example:
+
+
+
I develop my project. I’m ameliorating something. An urgent bug is reported.
+
+
With a DCVS I can easily, get back to the version with the bug. Fix it. Send the fix. Get back to my feature work. And even, use the fix for the new version with my new feature.
+
+
In a not decentralized version system, doing such a thing is possible but not natural. Decentralization means it become natural to use a branch for each separable work.
+
+
+
+
+
+
+
**Advantages given by DCVS: **
+
+
+
Ability to work offline,
+
Ability to create many atomic patches,
+
Help the maintenance of many different versions of the same application.
+
+
+
+
+
+
+
To resume
+
+
Let’s resume what we can easily do with DCVS:
+
+
Versions Systems
+
+
+
back in time,
+
list differences between versions,
+
name some versions to refer to them easily
+
show history of modifications
+
+
+
Concurrent
+
+
+
get others modifications,
+
send its modifications to others,
+
know who done what and when,
+
conflicts management.
+
+
+
Decentralized
+
+
+
Easily manipulate branches
+
+
+
Now let’s see how to obtain all these things easily with Git.
Verify details of this modification: git status and git diff,
+
Add some file to be versionned if necessary: git add [file],
+
Save you modifications git commit -a -m "message",
+
Send your modifications to others: git push (redo a git pull if push return an error).
+
+
+
+
+
With these few commands you can use Git. Even if it is sufficient, you need to know one more thing before really begin ; How to manage conflicts.
+
+
Conflicts management
+
+
Conflicts can arise when you change the same line of code on the same file from another branch you’re merging. It can seems a bit intimidating, but with Git this kind of thing is really simple to handle.
+
+
example
+
+
You start from the following file
+
+
+
+Zoot
+
+
+
+
and you modify one line
+
+
+
+Zoot the pure
+
+
+
+
except during this time, another user had also modified the same line and had done a push.
+
+
+
+Zoot, just Zoot
+
+
+
+
Now when you do a:
+
+
+
+$ git pull
+remote: Counting objects: 5, done.
+remote: Total 3 (delta 0), reused 0 (delta 0)
+Unpacking objects: 100% (3/3), done.
+From /home/e640846/tmp/conflictTest
+ d3ea395..2dc7ffb master -> origin/master
+Auto-merging foo
+CONFLICT (content): Merge conflict in foo
+Automatic merge failed; fix conflicts and then commit the result.
+
+
+
+
Our file foo now contains:
+
+
+
+<<<<<<< HEAD:foo
+Zoot the pure
+=======
+Zoot, just Zoot
+>>>>>>> 2dc7ffb0f186a407a1814d1a62684342cd54e7d6:foo
+
+
+
+
Conflict resolution
+
+
To resolve the conflict you only have to edit the file for example, writing:
+
+
+
+Zoot the not so pure
+
+
+
+
and to commit
+
+
+
+git commit -a -m "conflict resolved"
+
+
+
+
Now you’re ready to use Git.
+Git provide many other functionnalities. Now we’ll see some Git usages older CVS couldn’t handle.
Because with Git you can work on many part of some project totally independently. This is the true efficiency of decentralisation.
+
+
Each branch use the same directory. Then you can easily change your branch. You can also change branch when some files are modified. You can then dispatch your work on many different branches and merge them on one master branch at will.
+
+
Using the git rebase you can decide which modifications should be forget or merged into only one modification.
+
+
What does it mean for real usage? You can focus on coding. For example, you can code, a fix for bug b01 and for bug b02 and code a feature f03. Once finished you can create a branch by bug and by feature. And finally you can merge these modifications on a main branch.
+
+
All was done to code and decide how to organize your versions after. In other VCS it is not as natural as in Git.
+
+
With Git you can depend of many different sources. Then, there is not necessarily a ‘master’ repository where everybody puts its modifications.
+
+
What changes the most with Git when you come from SVN, it’s the idea of a centralized project on one server. With Git many people could work on the same project but not necessarily on the same repository as main reference. One can easily fix a bug and send a patch to many different versions of a project.
+[color]
+ branch = auto
+ diff = auto
+ status = auto
+[alias]
+ st = status
+ co = checkout
+ br = branch
+ lg = log --pretty=oneline --graph
+ logfull = log --pretty=fuller --graph --stat -p
+ unstage = reset HEAD
+ # there should be an article on what this command do
+ uncommit = !zsh -c '"if (($0)); then nb=$(( $0 - 1 )); else nb=0; fi; i=0; while ((i<=nb)); do git revert -n --no-edit HEAD~$i; ((i++)); done; git commit -m \"revert to $0 version(s) back\""'
+ undomerge = reset --hard ORIG_HEAD
+ conflict = !gitk --left-right HEAD...MERGE_HEAD
+ # under Mac OS X, you should use gitx instead
+ # conflict = !gitx --left-right HEAD...MERGE_HEAD
+[branch]
+ autosetupmerge = true
+
+
+
+
You can achieve the same result using for each entry the command: git config --global. Next, configure your name and your email. For example, if your name is John Doe and your email is john.doe@email.com. Launch the following commands:
+
+
+$ git config --global user.name John Doe
+
+$ git config --global user.email john.doe@email.com
+
+
+
Here it is. Base configuration is over. The file containing alias will help to type shorter commands.
+
+
Get a project
+
+
If a project is already versionned with Git you should have an URL of the sources. Then use the following command:
+
+
+$ cd ~/Projets
+$ git clone git://main.server/path/to/file
+
+
+
If there is no git server but you’ve got an ssh access. Just replace the git://host by ssh://user@host. In order not to type your password each time, use:
+
+
+$ ssh-keygen -t rsa
+
+
+
Reply to question and *do not enter a password. Then copy your keys to the distant server. This is not the safest way to do this. The safest being, using ssh-agent.
Let do a small remark. If you don’t want to version every file. Typically intermediate compilation file, swap files… Then you need to exclude them. Just before launching the git add . command. You need to create a .gitignore file in the root directory of your project. This file will contain all exclude pattern. For example:
+
+
+*.o
+*.bak
+*.swp
+*~
+
+
+
Now, if you want to create a repository on a distant server, it must not be in bare mode. The repository will contain only versionning informations, but not the files of the project. To achieve that:
+
+
+$ cd /path/to/local/project
+$ git clone --bare . ssh://server/path/to/project
+
+
+
Others will be able to get your modifications.
+
+
+git clone ssh://server/path/to/project
+
+
+
Abstract of the second step
+
+
You now have a local directory on your computer. It is versionned and you can say it is, because there is a .git directory at the root (and the root only) of your project. This directory contain all necessary informations for Git to version your project.
A detailed tutorial of Git for people knowing very few about versions systems. You’ll understand utility of such program and how we use modern version control system. I try to stay as pragmatic as possible.
+
+
+
+
+
+
+
+
+
+
+
+
Begin with conclusion
+
+
Here is the list of sufficient and necessary command to use Git. There is very few. It is normal not to understand immediately but it is to gives you an idea. Even if this article is long, 95% of Git usage is in these 7 commands:
+# get modifications from other
+git pull
+# read what was done
+git log
+
+# Make local changes to files
+hack, hack, hack...
+# list the modified files
+git status
+# show what I've done
+git diff
+
+# tell git to version a new file
+git add new/file
+
+# commit its own modifications
+# to its local branch
+git commit -a -m "Fix bug #321"
+
+# send local modifications to other
+git push
+
+
+
This article is written for people knowing very few about versionning systems. It is also written for those who had didn’t followed progress since CVS or subversion (SVN). This is why, in a first time I’ll explain quickly which are the goal of such systems. Secondly, I’ll explain how to install and configure Git. Then, I give the command for each feature a DCVS must have.
It is unbelievable you cannot filter your call with an iPhone! The only reason I see for that is a negotiation with phone operator to force users to get phone advertising. It is simple unacceptable.
+
+
I’m a λ iPhone’s user. The only way to filter your call and to manage blacklist is to jailbreak your iPhone. And I don’t want to do that. Then, if like me you find it unacceptable, just write a line to Apple: http://www.apple.com/feedback/iphone.html
Why even if I believe git has many bad point I believe it is the best DCVS around to work with. This is why I first tell why I prefer Bazaar over Git. Secondly I’ll talk about the only advantage of git against Bazaar which lead me to prefer it.
+
+
+
+
+
+
The DCVS discovery
+
+
Before beginning this article, you should know I come from subversion. I find subversion to be a really good CVS. But I was converted to the decentralized ones.
+
+
There is two way of perceive version control system. Either you think in term of branches (see the really good article on betterexplained) or think in term of patches. Another way to say that, is weather you concentrate on vertices or on transitions of the graph of possible states of your project.
+
+
This is the second approach who was behind git and this is the first behind Bazaar. git was created by Linus Torvald in order to close some gap in the version system used to develop the Linux kernel. And patches is a term which is more present than ‘state’ in the development community.
+
+
I first was convinced by Bazaar. Why? Argument in favor of Bazaar were: user friendly, terminology close to the subversion one. And I tried a bit the two, and it was clearly more natural for me to use Bazaar. But after seeing so many people using git I decided to give it a serious try.
+
+
And it was so fastidious! The git terminology was horrible! And it is nothing to say it.
+
+
Where Bazaar is better than git
+
+
The first example, checkout is used to make only one thing from the technical point of vue. But from the user perspective, you make many different things with this word. Example:
+
+
+git checkout pipo
+
+
+
undo the current modification of the file pipo
+
+
+git checkout pipo
+
+
+
change the current branch to the branch pipo
+
+
And, like me, you remark, it is exactly the same command to make two completely different things. What occur when you have a pipo branch and a pipo file? By default, it change the current branch. In order to leave the ambiguity you have to use the following syntax:
+
+
+git checkout ./pipo
+
+
+
Yes, hum…
+
+
It works, but it is clearly not really user friendly. Furthermore, checkout had a complete different signification in older CSV like cvs et svn. checkout was used to get a distant project locally.
+
+
Bazaar terminology is far more natural, because there is no command to change the current branch as there is only one branch per directory. Changing a branch in Bazaar is changing the current directory. I also believe it is the biggest problem of Bazaar, I’ll tell you why. And to undo things in Bazaar:
+
+
+bzr revert pipo
+
+
+
Furthermore, most Bazaar command take a revision number in parameter. For example, to get back 3 versions earlier, it is enough to write:
+
+
+bzr revert -r -3 pipo
+
+
+
The git equivalent is far more cryptic:
+
+
+bzr checkout HEAD~3 pipo
+
+
+
One more time, Bazaar is far more readable.
+
+
Back in time for all the project:
+
+
with Bazaar:
+
+
+bzr revert -r -3 pipo
+
+
+
and with git? git checkout? Of course not! It would be too simple. What we find in the documentation (man) and everywhere on the net:
+
+
+git reset --hard HEAD~3
+
+
+
Except that this command is horrible. It forget revisions! Then you must use it with prudence. And you cannot tell other people working on the project you discard some changes. If someone had pulled the bad version, you are doomed. This is why you can also use:
Just to keep a backup branch. Without it we can definitively loose the current version HEAD. But some error may rest when there were some addition and deletion of files. The unique way to be really clean without any risk is to use the following command:
And with this command this is the only good way to undo things in a project and tell other contributor you reverted something. You simply revert version in backward order.
+
+
The rule is simple: NEVER use the git reset command on a version somebody else could have fetched
+
+
It was said. Discover the best method took me some time. I’d made many different tries. The safer and best way of reverting back your tree is to use this method. If you want to make it automatic just had the following alias in your ~/.gitconfig. Of course this alias will work only on environment having zsh installed. Which is the cas for most UNIX (Ubuntu, Mac OS X…).
+[alias]
+ uncommit = !zsh -c '"if (($0)); then nb=$(( $0 - 1 )); else nb=0; fi; i=0; while ((i<=nb)); do git revert -n --no-edit HEAD~$i; ((i++)); done; git commit -m \"revert to $0 version(s) back\""'
+
+
+
+
What make git by far the best DCVS today
+
+
After talking about the negatives points of git, now it’s time to speak about the very positive feature that make git the best DCVS in my humble opinion.
+
+
Cheap branching
+
+
You always work into the same main directory. For example, you can work on two fix in the same time. Say fix1 require you to work on file1 and fix2 to work on file2. You can work in any order on file1 and file2 in the master branch. And then go to branch fix1, commit file1 into it. Then go to branch fix2 and commit file2 into it. And finally merge the two branches fix1 and fix2 into master.
And this is great not to worry about working in the good branch and coding in the same time. You just worry about your code and then about the versionning system.
+
+
And I use this possibilities a lot. Working with bazaar, I often made the error to begin a change in the bad branch. then I have to copy my modifications, then revert. In short it was tiedous.
+
+
This is why I prefer using git on an every day usage. If Bazaar implement the same way of cheap branching than git. I should switch again.
I just found a way to change the default shell on Mac OS X. This note is mostly for me, but somebody else should find it useful. Just launch the following command:
+if str.match(regexp) and
+ not str.match(other_regexp)
+ do_something
+
+
+
and you have to make this behaviour with only one regular expression. The problem is the complementary of regular languages is not regular. Then, for some expression it is absolutely not impossible.
+
+
But sometimes with some simple regular expression it should be possible†. Say you want to match everything containing the some word say bull but don’t want to match bullshit. Here is a nice way to do that:
+
+
+# match all string containing 'bull' (bullshit comprised)
+/bull/
+
+# match all string containing 'bull' except 'bullshit'
+/bull([^s]|$)|
+bulls([^h]|$)|
+bullsh([^i]|$)|
+bullshi([^t]|$)/
+
+# another way to write it would be
+/bull([^s]|$|s([^h]|$)|sh([^i]|$)|shi([^t]|$))/
+
+
+
Let look closer. In the first line the expression is:
+bull([^s]|$), why does the $ is needed?
+Because, without it the word bull would be no more matched. This expression means:
+
+
+
The string finish by bull
+or,
+contains bull followed by a letter different from s.
+
+
+
And this is it. I hope it could help you.
+
+
Notice this method is not always the best. For example try to write a regular expression equivalent to the following conditional expression:
+
+# Begin with 'a': ^a
+# End with 'a': c$
+# Contain 'b': .*b.*
+# But isn't 'axbxc'
+if str.match(/^a.*b.*c$/) and
+ not str.match(/^axbxc$/)
+ do_something
+end
+
This solution uses the maximal length of the string not to be matched.
+There certainly exists many other methods. But the important lesson is
+it is not straightforward to exclude something of a regular expression.
+
+
+
†
+It can be proved that any regular set minus a finite set is also regular.
+
In my previous post I had given some trick to match all except something. On the same idea, the trick to match the smallest possible string. Say you want to match the string between ‘a’ and ‘b’, for example, you want to match:
+
+
+a.....a......b..b..a....a....b...
+
+
+
Here are two common errors and a solution:
+
+
+/a.*b/
+a.....a......b..b..a....a....b...
+
+
+
The first error is to use the evil.*. Because you will match from the first to the last.
+
+
+/a.*?b/
+a.....a......b..b..a....a....b...
+
+
+
The next natural way, is to change the greediness. But it is not enough as you will match from the first a to the first b.
+Then a simple constatation is that our matching string shouldn’t contain any a nor b. Which lead to the last elegant solution.
+
+
+/a[^ab]*b/
+a.....a......b..b..a....a....b...
+
+
+
Until now, that was, easy.
+Now, just pass at the case you need to match not between a and b, but between strings.
+For example:
+
+<li>...<li>
+
+
+
This is a bit difficult. You need to match
+
+<li>[anything not containing <li>]</li>
+
+
+
The first method would be to use the same reasoning as in my previous post. Here is a first try:
+
+
+<li>([^<]|<[^l]|<l[^i]|<li[^>])*</li>
+
+
+
But what about the following string:
+
+<li>...<li</li>
+
+
+
That string should not match. This is why if we really want to match it correctly† we need to add:
Yes a bit complicated. But what if the string I wanted to match was even longer?
+
+
Here is the algorithm way to handle this easily. You reduce the problem to the first one letter matching:
+
+
+# transform a simple randomly choosen character
+# to an unique ID
+# (you should verify the identifier is REALLY unique)
+# beware the unique ID must not contain the
+# choosen character
+s/X/_was_x_/g
+s/Y/_was_y_/g
+
+# transform the long string in this simple character
+s/<li>/X/g
+s/<\/li>/Y/g
+
+# use the first method
+s/X([^X]*)Y//g
+
+# retransform choosen letter by string
+s/X/<li>/g
+s/Y/<\/li>/g
+
+# retransform the choosen character back
+s/_was_x_/X/g
+s/_was_y_/Y/g
+
+
+
And it works in only 9 lines for any beginning and ending string. This solution should look less I AM THE GREAT REGEXP M45T3R, URAN00B, but is more convenient in my humble opinion. Further more, using this last solution prove you master regexp, because you know it is difficult to manage such problems with only a regexp.
+
+
+
† I know I used an HTML syntax example, but in my real life usage, I needed to match between en: and ::. And sometimes the string could finish with e::.
Strangely enough, I didn’t find any built-in tool to split a file by keyword. I made one myself in awk. I put it here mostly for myself. But it could also helps someone else.
+The following code split a file for each line containing the word UTC.
Regular expression are really useful. Unfortunately, they are not always the best way of doing things.
+Particularly when transformations you want to make are easy.
+
+
I wanted to know how to get file extension from filename the fastest way possible. There is 3 natural way of doing this:
At first sight I believed that the regexp should be faster than the split because it could be many . in a filename. But in reality, most of time there is only one dot and I realized the split will be faster. But not the fastest way. There is a function dedicated to this work in the File module.
+Here is a solution to maintain divergent branches in git. Because it is easy to merge by mistake. I give a script that encapsulate git in order to forbid some merge and warn you some merge should be dangerous.
+
+
+
how to protect against your own dumb
+
+
I work on a project in which some of my git branches should remain divergent. And divergences should grow.
+
+
I also use some branch to contain what is common between projects.
+
+
Say I have some branches:
+
+
master: common to all branches
+dev: branch devoted to unstable development
+client: branch with features for all client but not general enough for master
+clientA: project adapted for client A
+clientB: project adapted for client B
+
+
Here how I want to work:
+
+
+
+
And more precisely the branch hierarchy:
+
+
+
+
An arrow from A to B means, you can merge A in B. If there is no arrow from A to B that means it is forbidden to merge A in B. Here is the corresponding rubycode:
Having a :master => [ :dev, :client ] means you can merge master branch into dev and client.
+
+
If by mistake I make a git checkout master && git merge clientA, I made a mistake. This is why I made a script which encapsulate the git behaviour to dodge this kind of mistake.
+
+
But this script do far more than that. It also merge from top to down. The action allmerges will do:
+
+
+git co dev && git merge master
+git co client && git merge master
+git co clientA && git merge client
+git co clientB && git merge client
+
+
+
That means, I can update all branches. The algorithm will not make loop even if there is a cycle in the branch hierarchy.
The more you wait to do something, the more difficult it is to start doing it.
+
+
+
I had to write another post for this blog. I had added many article idea in my todolist. But, I made many other things, and I’ve always said (until now), I’ll do this later. What changed my mind is the haunt of this simple remark about how to be productive in programming.
+> Stop write TODO in your code and make it now!
+> You’ll be surprised by the results.
+
+
In short:
+> Just do it! ou Juste fait le comme auraient dit les nuls.
+
+
Finally I’ll certainly write blog post more often for a short period of time.
I also finished to update my blog engine to nanoc3. The difficult part was to handle nicely multiple languages. But I should detail why in a future post.
+
+
I also have a real life. I enjoyed some vacancies with my family.
+
+
I work with Luc on a simple ruby REST/JSON/API oriented framework. It works fairly well, with really few bug until now. We planify to make a simple todolist tutorial. May be in two to three blog posts. This framework is not public for now. It will certainly be after we’ll create some simple web service with it and made a nice website for it.
+
+
Then what I plan to do from now:
+
+
+
finish to make a public web service (I believe it can be popular)
+
finish to write the associated iPhone application for it
+
finish to publish our private framework to make web services
+
publish some articles about this blog (at least 3)
+
+
+
+
+
\ No newline at end of file
diff --git a/output/n3blog/en/blog/2010-05-19-How-to-cut-HTML-and-repair-it/code/repair_xml.rb b/output/n3blog/en/blog/2010-05-19-How-to-cut-HTML-and-repair-it/code/repair_xml.rb
new file mode 100644
index 000000000..1121d4ef1
--- /dev/null
+++ b/output/n3blog/en/blog/2010-05-19-How-to-cut-HTML-and-repair-it/code/repair_xml.rb
@@ -0,0 +1,25 @@
+
+# repair cutted XML code by closing the tags
+# work even if the XML is cut into a tag.
+# example:
+# transform '
For my main page, you can see, a list of my latest blog entry. And you have the first part of each article. To accomplish that, I needed to include the begining of the entry and to cut it somewhere. But now, I had to repair this cutted HTML.
+
+
Here is an example:
+
+
+<divclass="corps">
+ <divclass="intro">
+ <p>Introduction</p>
+ </div>
+ <p>The first paragraph</p>
+ <imgsrc="/img/img.png"alt="an image"/>
+ <p>Another long paragraph</p>
+</div>
+
In fact, it is not as difficult as it should sound first. The secret is, you don’t need to keep the complete tree structure to repair it, but only the list of not closed parents.
+
+
Given with our example, when we are after the first paragraph. we only have to close the div for class corps and the XML is repaired. Of course, when you cut inside a tag, you sould go back, as if you where just before it. Delete this tag and all is ok.
+
+
Then, all you have to do, is not remember all the XML tree, but only the heap containing your parents. Suppose we treat the complete first example, the stack will pass through the following state, in order:
The algorihm, is then really simple:
+<pre class="twilight">
+let res be the XML as a string ;
+read res and each time you encouter a tag:
+ if it is an opening one:
+ push it to the stack
+ else if it is a closing one:
+ pop the stack.
+
+
remove any malformed/cutted tag in the end of res
+for each tag in the stack, pop it, and write:
+ res = res + closed tag
+
+
return res
+</pre>
+
+
And res contain the repaired XML.
+
+
Finally, this is the code in ruby I use. The xml variable contain the cutted XML.
+# repair cutted XML code by closing the tags
+# work even if the XML is cut into a tag.
+# example:
+# transform '<div> <span> toto </span> <p> hello <a href="http://tur'
+# into '<div> <span> toto </span> <p> hello </p></div>'
+defrepair_xml( xml )
+ parents=[]
+ depth=0
+ xml.scan( %r{<(/?)(\w*)[^>]*(/?)>} ).eachdo |m|
+ if m[2] =="/"
+ next
+ end
+ if m[0] ==""
+ parents[depth]=m[1]
+ depth+=1
+ else
+ depth-=1
+ end
+ end
+ res=xml.sub(/<[^>]*$/m,'')
+ depth-=1
+ depth.downto(0).each { |x| res<<=%{</#{parents[x]}>} }
+ res
+end
+
+
+
+
I don’t know if the code can help you, but the raisonning should definitively be known.
Conclusion: The pragmatism shouldn’t mean “never use theory”.
+
+
+
+
+
+
+
Abstract (longer than tl;dr)
+
+
For my job, I needed to resolve a problem. It first seems not too hard.
+Then I started working directly on my program.
+I entered in the infernal: try & repair loop.
+Each step was like:
+
+
+
– Just this thing to repair and that should be done.
+ – OK, now that should just work.
+ – Yeah!!!
+ – Oops! I forgotten that…
+ repeat until death
+
+
+
After two days of this Sisyphus work, I finally just stopped to rethink the problem.
+I took a pen, a sheet of paper. I simplified the problem, reminded what I learned during my Ph.D. about trees.
+Finally, the problem was crushed in less than 20 minutes.
+
+
I believe the important lesson is to remember that the most efficient methodology to resolve this pragmatic problem was the theoretical one.
+And therefore, argues opposing science, theory to pragmatism and efficiency are fallacies.
+
+
+
+
+
+
+
+
First: my experience
+
+
Apparently 90% of programmer are unable to program a binary search without bug.
+The algorithm is well known and easy to understand.
+However it is difficult to program it without any flaw.
+I participated to this contest.
+And you can see the results here1.
+I had to face a problem of the same kind at my job. The problem was simple to the start. Simply transform an xml from one format to another.
+
+
The source xml was in the following general format:
At first sight I believed it will be easy. I was so certain it will be easy that I fixed to myself the following rules:
+
+
+
do not use xslt
+
avoid the use of an xml parser
+
resolve the problem using a simple perl script[^2]
+
+
+
You can try if you want. If you attack the problem directly opening an editor, I assure you, it will certainly be not so simple.
+I can tell that, because it’s what I’ve done. And I must say I lost almost a complete day at work trying to resolve this. There was also, many small problems around that make me lose more than two days for this problem.
+
+
Why after two days did I was unable to resolve this problem which seems so simple?
+
+
What was my behaviour (workflow)?
+
+
+
Think
+
Write the program
+
Try the program
+
Verify the result
+
Found a bug
+
Resolve the bug
+
Go to step 3.
+
+
+
This was a standard workflow for computer engineer. The flaw came from the first step.
+I thought about how to resolve the problem but with the eyes of a pragmatic engineer. I was saying:
+
+
+
That should be a simple perl search and replace program.
+Let’s begin to write code
+
+
+
This is the second sentence that was plainly wrong. I started in the wrong direction. And the workflow did not work from this entry point.
+
+
Think
+
+
After some times, I just stopped to work. Tell myself “it is enough, now, I must finish it!”.
+I took a sheet of paper, a pen and began to draw some trees.
+
+
I began by make by removing most of the verbosity.
+I first renamed <item name="Menu"> by simpler name M for example.
+I obtained something like:
+
+
+
+
and
+
+
+
+
Then I made myself the following reflexion:
+
+
Considering Tree Edit Distance, each unitary transformation of tree correspond to a simple search and replace on my xml source2.
+We consider three atomic transformations on trees:
+
+
+
substitution: renaming a node
+
insertion: adding a node
+
deletion: remove a node
+
+
+
One of the particularity of atomic transformations on trees, is ; if you remove a node, all children of this node, became children of its father.
+
+
An example:
+
+
+r - x - a
+ \ \
+ \ b
+ y - c
+
+
+
If you delete the x node, you obtain
+
+
+ a
+ /
+r - b
+ \
+ y - c
+
+
+
And look at what it implies when you write it in xml:
+
+
+<r>
+ <x>
+ <a>value for a</a>
+ <b>value for b</b>
+ </x>
+ <y>
+ <c>value for c</c>
+ </y>
+</r>
+
+
+
Then deleting all x nodes is equivalent to pass the xml via the following search and replace script:
+
+
+s/<\/?x>//g
+
+
+
Therefore, if there exists a one state deterministic transducer which transform my trees ;
+I can transform the xml from one format to another with just a simple list of search and replace directives.
+
+
Solution
+
+
Transform this tree:
+
+
+R - C - tag1
+ \ \
+ \ tag2
+ E -- R - C - tag1
+ \ \ \
+ \ \ tag2
+ \ E ...
+ R - C - tag1
+ \ \
+ \ tag2
+ E ...
+
+
+
to this tree:
+
+
+ tag1
+ /
+M - V - M - V - tag2 tag1
+ \ /
+ M --- V - tag2
+ \ \
+ \ M
+ \ tag1
+ \ /
+ V - tag2
+ \
+ M
+
+
+
can be done using the following one state deterministic tree transducer:
+
+
+
C → ε
+ E → M
+ R → V
+
+
+
Wich can be traduced by the following simple search and replace directives:
I translate most of my blog entries in French and English.
+Most people advice me to have one file per language. Generally it ends with:
+
+
+Bonjour,
+
+voici un exemple de texte en français.
+[image](url)
+
+
+
+Hello,
+
+here is an example of english text.
+[image](url)
+
+
+
This way of handling translations force you to write completely an article in one language, copy it, and translate it.
+
+
However, most of time, there are common parts like images, source code, etc…
+When I want to correct some mistake on these parts, I have to make twice the work. With sometimes adding another mistake in only one language.
+
+
This is why I preferred to handle it differently.
+I use tags on a single file.
+Finally my files looks like:
+
+
+ fr: Bonjour,
+ en: Hello,
+
+ en: here is an example of english text.
+ fr: voici un exemple de texte en français.
+[image](url)
+
+
+
As I edit my files with vim, it is really easy to add fr: or en: at some line’s beginning using the useful C-v.
+However nanoc was conceived to be used for one language only. Or to be used with the first method. I tried to adapt nanoc to my usage. But after a while, I found it easier to pre-filter the nanoc work by a simple script. My script transform my file into two new files. And all work like a charm.
+
+
You can get my blog code source (without most of articles) at github.com/yogsototh/nanoc3_blog. I’ll make a new blog entry about how to use it. I added many scripts and libraries to help making nice website.
I published a light version of my blog engine based on nanoc yesterday night. By light, I mean a lighter, more portable CSS (without round border).
+You can get it on github.com.
Once installed (follow the README.md instructions).
+
+
+$ cd /root/of/nanoc3_blog
+$ ./task/new_blog_entry Title of the blog
+$ vi latest.md
+$ ./task/recompile
+
+
+
Now your website reside into the output directory.
+
+
+
+
+
+
+
+
Documentation
+
+
Useful things to know
+
+
Multi-language
+
+
All files in multi are processed and copied in the content directory.
+For each file in multi, each line starting by ‘fr: ’ are copied (without the fr: into the content/html/fr/ tree, but not into the content/html/en tree. File not starting by fr: or en: are copied in each destinations.
+
+
If you want to add another language, you’ll have to modify tasks/config, and config.yaml, create a content/html/xx where xx is the language code.
+
+
Edition & Rendering
+
+
additional keywords
+
+
You can separate multi content div using the: newcorps directive (see examples).
+
+
You can create div using begindiv(classname), enddiv. (See some existing blog entries for example). Use the class intro for the abstract part.
+
+
You can create nice description table using <desc> (See source code for example).
+
+
Typography
+
+
In French all ‘:’, ‘;’, ‘!’ and ‘?’ are preceded automatically by  . This enable not to have a line starting by a single special character.
This is a way not to count your own visits to your blog.
+First you should look on how I handle analytics. All analytics are handled in one javascript file, this make things really convenient.
+
+
Then you need to know my method use the jquery-cookie.
+
+
I check if the key admin is not set in the cookie before adding the visit.
+
+
+ var admin =$.cookie('admin');
+ if (! admin) {
+ // put your analytics code here
+ } else {
+ console.log("[WARNING] you're HIDDEN to analytics");
+ }
+
+<?xmlversion="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">
+<htmlxmlns="http://www.w3.org/1999/xhtml"lang="fr"xml:lang="fr">
+ <head>
+ <metahttp-equiv="Content-Type"content="text/html; charset=UTF-8" />
+<scripttype="text/javascript"src="jquery.js"></script>
+<scripttype="text/javascript"src="jquery.cookie.js"></script>
+<script>
+$(document).ready(function(){
+$.cookie('admin',null);
+$('#info').html('Analytics can see you.')
+});
+</script>
+ <title>Hide to analytics</title>
+ </head>
+ <body>
+ <divid="info"></div>
+ </body>
+</html>
+
+
+
+
Now accessing these files with you browser you can hide or appear in your statistics. You just have to think to access these file from all you browser.
Some source code on this blog can be downloaded.
+Most of time, the code is larger than the div bloc.
+This is why I use a method to show this code in a large jQuery popup.
+
+
You can try clicking the following code ; remark that the content is cutted a bit after z-index:
At the loading of the page, I create a div as wide as the window.
+This div is a bit transparent. Then I hide it. I also take care to its z-index value to be sure it is behind all elements.
+
+
Then when we click on a div of class code, I copy the content into this new wide div, and I show it.
+Really simple but really efficient.
+No need to use a jQuery plugin.
Tried to make YPassword in jQuery and with Cappuccino.
+
Cappuccino nice in desktop browser but 1.4MB, not compatible with iPhone.
+
jQuery not as nice as the Cappuccino version but 106KB. iPhone compatible.
+
I’ll give a try to Dashcode 3.
+
+
+
+
+
+
+
+
+
+
+
+
Before start, I must say I know Cappuccino and jQuery are no more comparable than Cocoa and the C++ standard library. One is oriented for user interface while the other is and helper for low level programming.
+Nonetheless I used these two to make the same web application. This is why I compare the experience I had with each of them for this specific task.
+
+
+
+
+
+
I made a web version of my dashboard widget YPassword.
+It is a simple widget to manage your online password with a strong security and with a totally portable way. It is not intended to replace a keychain.
+It is more a password generator.
+
+
The first was made from the code of my dashboard widget and with some jQuery.
+You can try it here.
+I then made a second version with the Cappuccino. You can try it here.
+
+
What this widget do?
+
+
+
+
+
+
If you don’t mind about what does my widget and just want to know how the two frameworkcompare, you should go
+directly to the next part.
+
+
+
+
+
+
I manage my password on many site with a simple method.
+I remember a strong master password. And my password is mainly
+<pre class="twilight">hash(masterPassword+domainName)
+</pre>
+
+
In reality I need a bit more informations to create a password:
In fact depending of websites, some give some strange constraint to your password:
+
+
+
minimal length,
+
maximal length,
+
must not contain a special character,
+
must contain a special character,
+
etc…
+
+
+
And if you want to change your password the leak number is here for that.
+All informations such as user name, maximal length can be stored in a public file. The only real secret is the master password.
+
+
If you want to know even more details you can always look at some of my old blog entries:
First, I’d like to say Cappuccino applications look simply awesome.
+It is like having a Cocoa application in your web browser.
+And this is great.
+
+
I also must admit I enjoyed making my application with Cappuccino.
+It is like programming for an iPhone application.
+If you are a bit familiar with Cocoa, you feel at home.
+If you don’t know anything about Cocoa, I suggest you to look at it.
+This is a really great framework to make User Interface.
+I am not a specialist, but I have done some MFC, java Swing1 and WXWindows User Interfaces (some years ago).
+And I must say, Cocoa is far better than those.
+
+
Cappuccino is a great web application oriented development.
+But there was also some drawbacks
I made some time to understand how to handle the onChange on the text fields.
+
Documentation lacked a bit of organisation.
+
It doesn’t work on iPhone.
+
It weighted 11MB to deploy.
+
It weight 1.3MB to load.
+
+
+
I didn’t use bindings because I believe they are not ready by now.
+
+
jQuery
+
+
The jQuery version of YPassword is not as finished as the Cappuccino one. Because, there is no slider directly with jQuery. I’d have to use jQueryUI. And I believe, using it will make the application weight far more than the today 106KB.
+
+
To make this version I simply copied my widget source code and adapted it. It was straightforward. But jQuery is not an application oriented framework. It is more a “dark side javascript animation framework”2.
+
+
I don’t have too much to say about the jQuery version. But this was way more low level programming than Cappuccino.
+
+
My conclusion
+
+
If you want to make an iPhone compatible web application just don’t use Cappuccino yet.
+If you want to make simple application like mine, I also believe, Cappuccino is a bit too much.
+
+
If you want to make a complex web oriented application, Cappuccino is a great choice.
+But you may have some difficulties to begin programming with it.
+
+
Finally, to terminate my web version of my widget, I’ll give a try to Dashcode 3.
+It seems to be a good alternative to create web widgets.
+I don’t know if Dashcode 3 is portable on non webkit browser.
+But if it is, it could be the end of projects like Cappuccino and Sproutcore.
+
+
+
+
If you are interested you can take a look at SEDiL. I am proud of the tree drawing view made from scratch.↩
+
+
+
I don’t want to feel like a troll I use jQuery to make some dark side animation on this blog. But the javascript on my blog is not needed except for commenting.↩
Some Reddit users reported my website was really long to load and to scroll.
+They thinks it was because of the ‘1px shadow’ I apply on all the text.
+I was a bit surprised, because I make some test into a really slow virtual machine. And all have always worked fine. In fact, what slow down so much are by order of importance:
+
+
+
Radial gradient on Chrome (not in Safari on Mac)
+
Box shadows on Firefox and Chrome
+
+
+
Gradient
+
+
On Safari on Mac there is absolutely no rendering time problem. But when I use Chrome under Linux it is almost unusable.
+
+
Safari and Chrome use webkit, when you access my website with javascript enabled, an additionnal browser specific CSS is loaded. Until now I switched only between: IE, Mozilla and Webkit. Now I added one more special case for Chrome. Now I continue to use gradient for Safari but no more on Chrome.
+
+
I didn’t tried to verify the efficiency of all new CSS 3 features. But I advise you not to use -webkit-gradient on Chrome. At least when the host is a Linux.
+
+
Box Shadows
+
+
I also detected that -moz-box-shadow elements slow down the rendering on Firefox under Linux. But there was very few time rendering issue with Safari on Mac.
+
+
Text Shadows
+
+
Many tell me to use text-shadows sparingly. But I believe it was not the real reason of the slow down. This is why I’ll get them back.
+
+
Conclusion
+
+
Do not use -webkit-gradient on Chrome browser yet.
+Try to use -moz-box-shadow sparingly.
tl;dr: I pretend to create a world to give examples of different meanings behind the word undecidability:
+
+
+
Undecidability due to measure errors,
+
Big errors resulting from small initial measure error,
+
Fractal undecidability ;
+
Logic Undecidability.
+
+
+
+
+
+
+
+
+
+
+
+
+
The Undecidabilities
+
+
+
+
+
+
If a demiurge made our world, he certainly had a great sense of humor.
+After this read, you should be convinced.
+I’ll pretend to be him.
+I’ll create a simplified world.
+A world that obey to simple mathematical rules.
+And I’ll tell you about one of the curse on this world: the undecidability.
+The inability to know if we had find the truth.
+The inability to predict many things that should be natural.
+Here begin the story.
+
+
+
+
+
+
+
+
In the beginning there was only void.
+Then a blog post beginning to be written.
+I breath profoundly to feel the weight of the act I will accomplish.
+A last tense moment and… I create the Universe.
+An incredible Universe which will exists only the time of this read.
+I’m the demiurge of this universe and you are its observer.
+
+
I construct this world using only simples rules.
+I decide that real rules of this world will be the one we believe are true for our world.
+Note the difference.
+For their world, everything we believe today is true for them.
+Their world is then probably simpler than our.
+Particularly, we can describe this world with axioms and mathematic rules.
+It is not so sure for our Universe.
+But we’ll talk about that later.
+
+
Lets the work begin.
+I create an Earth.
+I populate it with intelligent people, the Ys.
+Of course they are curious.
+In particular they try to understand their world.
+They believe that if they know the rules of their world they will be able to predict the consequences of most of their acts.
+They are so naive.
+If only they knew.
+But I’m here to help them.
+
+
I am a God who likes jokes.
+The first joke I make to Ys is to make their sense imperfect.
+Furthermore it is not possible to make perfect precise measure in my world.
+I let Ys ameliorate their technology but there is a theoretical limit to the best precision they can reach.
+
+
I’d like to precise that these people believe their world is flat.
+Some believe it is possible to find the rules of their Universe.
+Now, let the game begins.
+
+
Lets start easily, errors can cause undecidability.
+
+
Undecidability due to measure errors
+
+
Here is what one of them think:
+
+
+
All triangle I observe seems to share the same property.
+Each time I sum up their angles I obtain π radiants (180°).
+It is certainly a rule of my Universe.
+But how to be certain all triangle in my Universe share this property?
+
+
+
+
+
Some began to formalize the problem.
+They end by writing a mathematical proof.
+Marvelous!
+The proof seems correct, but, a problem remains.
+The proof is based on rules and axioms.
+How to be certain these rules and axioms are right in their world?
+They will try to measure again and again the sum of the angles of triangles.
+The measure will never fail.
+But they’ll never be certain the rules and axioms are right.
+Because then only way to verify all axioms depends of observation.
+And as a facetious god, I forbid perfect measure in observation.
+
+
Of course, they prey, they call me to help.
+And as any respectful god, I don’t answer.
+Ah ah ah! I’ve always loved to make these kind of thing.
+Let’s act as if I don’t exists.
+What a good joke!
+
+
They feel sad. But they have some hope:
+
+
Hope
+
+
+
If we make small measure error, we will make small predictive error.
+
+
+
Growing errors Undecidability
+
+
+
+
Unfortunately, the three bodies problem will crush this hope.
+Using Newton’s Universal Law of gravitation with two bodies, we can predict with precision what will be their position and speed in the future.
+Until there all seems OK.
+But now, add another body.
+All errors will grow.
+Errors will grow at a point that any prediction will be unusable.
+
+
Even with this bad news there is the hope to control the error.
+> May we should know the maximal measure error we can handle to predict something.
+> And we should at least determine what we can predict and what we cannot.
+
+
Once again, this should not terminate has they hope.
+
+
Fractal Undecidability
+
+
Consider the following question:
+
+
+
+
Consider some GPS coordinates on a point around the cost of the “Bretagne” in France.
+The coordinates are 3 feet precise.
+Is the point in the water or on Earth?
+
+
For some coordinates it is not possible to know.
+Even if we are authorize to move a bit to dodge the borders.
+Because there are some zone in which all point could be a “border” for any size of the zone.
+
+
We can even imagine some mathematical structure where all points are at the border[^2].
+[^2]: The set R\Q has this property.
+
+
Logical Undecidability
+
+
+
+
Until there all problem were undecidable because of measure errors.
+May be in a controlled world without any error we should be able to predict anything.
+I’m sorry to say no.
+Even in a self-contained mathematical world it can be possible to create object with an unpredictable behaviour.
+
+
It is the halting problem.
+
+
Theorem: It is undecidable given a description of a program, whether the program finishes running or will run forever.
+The idea of the proof is simple enough to be part of this article.
+And this is with pleasure I give you one here.
+
+
+
Suppose a program able to decide if any program halt exists.
+More precisely:
+
+
Hypothesis: there exists a program P such that:
+
+
+
P(x,y) return “stop” in a finite amount of time if x(y)1 will stop running.
+
P(x,y) return “loop” in a finite amount of time if x(y) will never stop running.
+
+
+
Remark: Any program can be represented as a string. Therefore, a program can be used as the input of another program.
+It is authorized to write P(x,x).
+
+
Let Q be the following program using the return value of P.
+<pre class="twilight">
+Q(x) :
+ if P(x,x)=”stop” then I enter in an infinite loop
+ if P(x,x)=”loop” then I stop
+</pre>
+
+
Now, what is the value of P(Q,Q)?
+
+
+
if P(Q,Q) returns “stop” that imply by construction of Q that P(Q,Q) returns “loop”.
+
if P(Q,Q) returns “loop” that means by construction of Q that P(Q,Q) return “stop”.
+
+
+
Therefore there is a contradiction the only way to handle is by the non existence of the program P.
+
+
+
I am the demiurge of this imaginary world.
+And I cannot know the future of this world.
+Therefore, creative power isn’t equivalent to omnipotence.
+
+
+
+
+
+
+
+
After all this, it becomes difficult to know what we can believe.
+But it would be another error to throw away all our knowledge.
+In a future next part, I’ll explain what we can hope and what attitude we should have once we’ve realized most of truth are unaccessible.
+ send mail from command line with attached file
+
+
+
+
+
+
+
+
+
+
+
+
+
+
I had to send a mail using only command line.
+I was surprised it isn’t straightforward at all.
+I didn’t had pine nor mutt or anything like that.
+Just mail and mailx.
+
+
What Internet say (via google) is
+
+
+uuencode fic.jpg fic.jpg | mail -s 'Subject'
+
+
+
I tried it.
+And it works almost each times.
+But for my file, it didn’t worked.
+I compressed it to .gz, .bz2 and .zip.
+Using .bz2 format it worked nicely, but not with other formats.
+Instead of having an attached file I saw this in my email.
You can remark at the bottom of each page I provide a last modification date.
+This label was first calculated using the mtime of the file on the file system.
+But many times I modify this date just to force some recompilation.
+Therefore the date wasn’t a date of real modification.
+
+
I use git to version my website.
+And fortunately I can know the last date of real change of a file.
+This is how I do this with nanoc:
Of course I know it is really slow and absolutely not optimized.
+But it works as expected.
+Now the date you see at the bottom is exactly the date I modified the content of the page.
+
+
Thanks to Eric Sunshine to provide me some hints at cleaning my code.
Lets be straight:
+here are two functions to add to your code to have base64 and hexadecimal version of the sha1 hash of an NSString.
+
+
To use it, simply copy the code in your class and use as this:
+
+
+#import<CommonCrypto/CommonDigest.h>
+...
+NSString *b64_hash = [selfb64_sha1:@"some NSString to be sha1'ed"];
+...
+NSString *hex_hash = [selfhex_sha1:@"some NSString to be sha1'ed"];
+
+
+
The base64 algorithm must be programmed by hand on iPhone!
I changed the design of my blog.
+Now it should be far cleaner.
+I believe I use no CSS3 feature and far less javascript.
+Of course before my website was perfectly browsable without javascript.
+Unfortunately some CSS3 feature are not mature enough on some browser.
+For more details you can read my older blog entry.
+But the major problem came from, font-shadow and gradients.
+Then my new design obey to the following rules:
+
+
+
no CSS element begining by ‘-moz’ or ‘-webkit’, etc…,
I’ve (re)discovered how to become S/MIME compliant.
+I am now suprised how easy it was.
+Some years ago it was far more difficult.
+Now I’m able to sign and encrypt my emails.
+
+
Why is it important?
+
+
Signing: it tell the other with an aboslute certitude the writer of the mail is you or at least used your computer.
+
+
Encrypt: because sometimes you need to be 100% sure a conversation remains private.
tl;dr: Played to process a wav file. C was easier and cleaner than Ruby.
+
+
edit: I wanted this program to work only on one specific machine (a x86 on a 32 bit Ubuntu). Therefore I didn’t had any portability consideration. This is only a hack.
+
+
+
+
+
+
I had to compute the sum of the absolute values of data of a .wav file.
+For efficiency (and fun) reasons, I had chosen C language.
+
+
I didn’t programmed in C for a long time.
+From my memory it was a pain to read and write to files.
+But in the end I was really impressed by the code I get.
+It was really clean.
+This is even more impressive knowing I used mostly low level functions.
+
+
A wav file has an header containing many metadata.
+This header was optimized to take as few space as possible.
+The header is then a block of packed bytes.
+
+
+
The 4th first bytes must contains RIFF in ASCII,
+
the following 4th Bytes is an 32 bits integer giving the size of the file minus 8, etc…
+
+
+
Surprisingly, I believe that reading this kind of file is easier in C than in most higher level language.
+Proof: I only have to search on the web the complete header format and write it in a struct.
+
+
+struct wavfile
+{
+ char id[4]; // should always contain "RIFF"
+ int totallength; // total file length minus 8
+ char wavefmt[8]; // should be "WAVEfmt "
+ int format; // 16 for PCM format
+ short pcm; // 1 for PCM format
+ short channels; // channels
+ int frequency; // sampling frequency
+ int bytes_per_second;
+ short bytes_by_capture;
+ short bits_per_sample;
+ char data[4]; // should always contain "data"
+ int bytes_in_data;
+};
+
+
+
To read this kind of data in Ruby, I certainly had to write a block of code for each element in the struct.
+But in C I simply written:
+
+
+fread(&header,sizeof(header),1,wav)
+
+
+
Only one step to fill my data structure. Magic!
+
+
Then, get an int value coded on two Bytes is also not a natural operation for high level language.
+In C, to read a sequence of 2 Bytes numbers I only had to write:
+
+
+short value=0;
+while( fread(&value,sizeof(value),1,wav) ) {
+ // do something with value
+}
+
+
+
Finally I ended with the following code. Remark I know the wav format (16 bit / 48000Hz):
+#include<stdio.h>
+#include<stdlib.h>
+#include<stdint.h>
+
+struct wavfile
+{
+ char id[4]; // should always contain "RIFF"
+ int totallength; // total file length minus 8
+ char wavefmt[8]; // should be "WAVEfmt "
+ int format; // 16 for PCM format
+ short pcm; // 1 for PCM format
+ short channels; // channels
+ int frequency; // sampling frequency
+ int bytes_per_second;
+ short bytes_by_capture;
+ short bits_per_sample;
+ char data[4]; // should always contain "data"
+ int bytes_in_data;
+};
+
+intmain(int argc, char *argv[]) {
+ char *filename=argv[1];
+ FILE *wav = fopen(filename,"rb");
+ struct wavfile header;
+
+ if ( wav == NULL ) {
+ fprintf(stderr,"Can't open input file %s", filename);
+ exit(1);
+ }
+
+
+ // read header
+ if ( fread(&header,sizeof(header),1,wav) < 1 )
+ {
+ fprintf(stderr,"Can't read file header\n");
+ exit(1);
+ }
+ if ( header.id[0] != 'R'
+ || header.id[1] != 'I'
+ || header.id[2] != 'F'
+ || header.id[3] != 'F' ) {
+ fprintf(stderr,"ERROR: Not wav format\n");
+ exit(1);
+ }
+
+ fprintf(stderr,"wav format\n");
+
+ // read data
+ long sum=0;
+ short value=0;
+ while( fread(&value,sizeof(value),1,wav) ) {
+ // fprintf(stderr,"%d\n", value);
+ if (value<0) { value=-value; }
+ sum += value;
+ }
+ printf("%ld\n",sum);
+ exit(0);
+}
+
+
+
+
Of course it is only a hack.
+But we can see how easy and clean it should be to improve.
+As I say often: the right tool for your need instead of the same tool for all your needs.
+Because here C is clearly far superior than Ruby to handle this simple tasks.
+
+
I am curious to know if somebody know a nice way to do this with Ruby or Python.
+
+
edit: for compatibility reasons (64bit machines) used int16_t instead of short and int instead of int.
+
+
+
+
+
+
Edit (2): after most consideration about portability I made an hopefully more portable version.
+But I must confess this task was a bit tedious.
+The code remain as readable as before.
+But I had to use some compiler specific declaration to force the structure to be packed:
+
+
+__attribute__((__packed__))
+
+
+
Therefore this implementation should for big and little endian architecture.
+However, it must be compiled with gcc.
+The new code make more tests but still don’t use mmap.
+Here it is:
+data =ARGF.read
+ keys =%w[id totallength wavefmt format
+ pcm channels frequency bytes_per_second
+ bytes_by_capture bits_per_sample
+ data bytes_in_data sum
+]
+ values = data.unpack'Z4 i Z8 i s s i i s s Z4 i s*'
+ sum = values.drop(12).map(&:abs).inject(:+)
+ keys.zip(values.take(12) << sum) {|k, v|
+ puts "#{k.ljust17}: #{v}"
+ }
+
tl;dr: I made a simple macro system for my blog. Now I juste have to write %latex and it show as LaTeX.
+
+
+
+
+
+
I added a macro system for my blog system.
+When we are used to LaTeX this lack can be hard to handle.
+Particularly when using mathematical notations.
+In the header of my files I simply write:
tl;dr: I would have loved to program client side using a Ruby-like syntax. But in the end, CoffeScript raised more disavantages than advantages.
+
+
+
+
+
+
Recently I read this entry on HackerNews.
+The most upvoted comment praised (within other) CoffeeScript.
+Recently I used a lot of javascript. After trying
+Sproutcore,
+Cappuccino, looking at
+backbone.js&
+javascriptMVC,
+I’ve finally decided to make my own minimal javascript MVC framework.1
+
+
I had to fight the horrible syntax of javascript. It was like experiencing a back-in-time travel:
+
+
+
Verbose Java-like syntax,
+
Strange and insanely Verbose Object Oriented Programming,
+
No easy way to refer to current instance of a class (this doesn’t work really well),
+
etc…
+
+
+
It was so annoying at a point, I had thinked about creating my own CoffeeScript.
+
+
I’d finished a first draft of my MVC javascript framework.
+Just after I learned about the existence of CoffeeScript, I immediately created a new git branch to try it.
+
+
Here is my experience:
+
+
+
I had to install node.js and use npm just to use CoffeeScript. It wasn’t a big deal but it wasn’t as straightfoward as I expected either.
+
Existing javascript file are not coffee compatible.
+ I had to translate them by hand.
+ There were no script to help me in this process.
+ Thanks to vim, it wasn’t too hard to translate 90% of the javascript using some regexp.
+ The --watch option of coffee was also really helpful to help in the translation.
+ But I had to write my own shell script in order to follow an entire directory tree.
+
An unexpected event. I made some meta-programming in javascript using eval. But in order to work, the string in the eval must be written in pure javascript not in coffee. It was like writing in two different languages. Really not so good.
+
+
+
Conclusion
+
+
Advantages:
+
+
+
Readability: clearly it resolved most of javascript syntax problems
+
Verbosity: I gained 14% line, 22% words, 14% characters
+
+
+
Disadvantages:
+
+
+
Added another compilation step to see how my code behave on the website.
+
I had to launch some script to generate on change every of my javascript file
+
I have to learn another Ruby-like language,
+
meta-programming become a poor experience,
+
I must convince people working with me to:
+
+
install node.js, npm and CoffeeScript,
+
remember to launch a script at each code session,
+
learn and use another ruby-like language
+
+
+
+
+
The last two point were definitively really problematic for me.
+
+
But even if I’ll have to work alone, I certainly won’t use CoffeeScript either.
+CoffeeScript is a third party and any of their update can break my code.
+I experienced this kind of situation many times, and it is very annoying.
+Far more than coding with a bad syntax.
+
+
Digression
+
+
I am sad.
+I wanted so much to program on Web Client with a Ruby-like syntax.
+But in the end I think it is not for me.
+I have to use the horrible javascript syntax for now.
+At least I would have preferred a complete ruby2js script for example2.
+But I believe it would be a really hard task just to simulate the access of current class for example.
+
+
Typically @x translate into this.x. But the following code will not do what I should expect. Call the foo function of the current class.
tl;dr: Played to process a wav file. C was easier and cleaner than Ruby.
+
+
edit: I wanted this program to work only on one specific machine (a x86 on a 32 bit Ubuntu). Therefore I didn’t had any portability consideration. This is only a hack.
+
+
+
+
+
+
I had to compute the sum of the absolute values of data of a .wav file.
+For efficiency (and fun) reasons, I had chosen C language.
+
+
I didn’t programmed in C for a long time.
+From my memory it was a pain to read and write to files.
+But in the end I was really impressed by the code I get.
+It was really clean.
+This is even more impressive knowi...
I’ve (re)discovered how to become S/MIME compliant.
+I am now suprised how easy it was.
+Some years ago it was far more difficult.
+Now I’m able to sign and encrypt my emails.
+Here you'll can find mostly technical articles.
+Some are just reminder of technical tips.
+But some are long and technically detailled articles.
+
+
+
+ I do my best to traduce each page in french and in english.
+It not always easy. English is not my natural language.
+I make many errors, orthographic, grammatical, typographical…
+
+
+ Thanks not to judge me based on these errors! And don't forget content is more important than presentation!
+
+The first impression I'll let you if we meet in real life should be different from the one I let you based on my website.
+
+I wish you to find something useful or interesting on this website.
+
Many website explaining how MVC works. But I can’t found one who explain why.
+
+
I have difficulties to obey some principle don’t know why I should use it. And something better than the:
+
+
+
“Smarter people than you decided you have to do so”
+
+
+
This article is for people who like me want to understand the real motivation of using an MVC architecture and which advantage it gives you.
+
+
Let’s start making a project from scratch pretending we don’t know anything about the MVC architecture. Then let see how we’ll naturally derive to an MVC architecture.
The page you’re looking at doesn’t exists on the server.
+If you have followed an internal link, you can tell me by mail and I’ll fix it as soon as possible.
+
+
+
+
+
+
+
+
La page que vous recherchez n’est pas présente sur le site.
+Si vous avez suivi un lien vous pouvez me prévenir par mail et je réparerai ça dès que possible.
It is an easy way to aggregate all the update made on websites you like in a single place. You’ll never have to surf many website to see if there is news on a website.
+
+
choose an aggregator
+
+
To begin, you must choose an RSS client called aggregator. There is many online clients: website which will present the news in a fancy way.
+
+
Personally I use Netvibes. I tried a bunch, and it is by far the best - In My Humble Opinion.
+
+
Of course Google has a client named Google Reader.
+It is great for content you never want to forgot some article. It is not really useful when you have to handle flux generating many news per day.
+
+
Subscribe to some website news
+
+
Once you have chosen your aggregator, you only have to subscribe to websites you like. Do do this, you only have to click on the RSS icon in the top bar of your navigator. Or generally a nice icon is shown into the page you’re reading.
+
+
Get the news
+
+
Now, you’ll only have to use your RSS client. And you’ll see all news on all subscribed websites. There is no more need to surf many websites. All news which interest you are in the same place.
YClock is a nice clock screensaver.
+It has three themes: white, black and red.
+It is based on a QuartzComposition and with some little Objective-C code to handle gently the frame per second.
One word to explain why there is some validation errors.
+
+
I wanted to use box-shadows and border-radius.
+
+
Then here I prefered pragmatism against dogmatism.
+
+
Using these properties broke my validation
+but work really well in the two most recent and main browsers
+(Safari 4 and Firefox 3.5 at the time I’m writing these lines).
+If you don’t use these browser the page is
+correctly displayed but not with all the ‘eyecandy’ effects.
+
+
I believed in the benefits of CSS
+validation, this is why there is alway the
+CSS validation link on my pages.
+And all CSS validate except
+for properities beginning by -moz and -webkit.
+
+
+
+
+
\ No newline at end of file
diff --git a/output/n3blog/feed/feed.xml b/output/n3blog/feed/feed.xml
new file mode 100644
index 000000000..871359538
--- /dev/null
+++ b/output/n3blog/feed/feed.xml
@@ -0,0 +1,366 @@
+
+
+ http://yannesposito.com/
+ Yogsototh's last blogs entries
+ 2010-02-18T13:29:14Z
+
+
+
+ Yann Esposito
+ http://yannesposito.com
+
+
+ tag:yannesposito.com,2010-02-18:/Scratch/en/blog/2010-02-18-split-a-file-by-keyword/
+ split a file by keyword
+ 2010-02-18T13:29:14Z
+ 2010-02-18T13:29:14Z
+
+ <p>Strangely enough, I didn’t find any built-in tool to split a file by keyword. I made one myself in <code>awk</code>. I put it here mostly for myself. But it could also helps someone else.
+The following code split a file for each line containing the word <code>UTC</code>.</p>
+
+<pre class="twilight">
+<span class="Comment"><span class="Comment">#</span>!/usr/bin/env awk</span>
+<span class="Entity">BEGIN</span>{i=0;}
+<span class="StringRegexp"><span class="StringRegexp">/</span>UTC<span class="StringRegexp">/</span></span> {
+ i+=1;
+ FIC=<span class="SupportFunction">sprintf</span>(<span class="String"><span class="String">"</span>fic.%03d<span class="String">"</span></span>,i);
+}
+{<span class="SupportFunction">print</span> <span class="Variable"><span class="Variable">$</span>0</span>>>FIC}
+</pre>
+
+<p>In my real world example, I wanted one file per day, each line containing UTC being in the following format:</p>
+
+<pre class="twilight">
+Mon Dec 7 10:32:30 UTC 2009
+</pre>
+
+<p>I then finished with the following code:</p>
+
+<pre class="twilight">
+<span class="Comment"><span class="Comment">#</span>!/usr/bin/env awk</span>
+<span class="Entity">BEGIN</span>{i=0;}
+<span class="StringRegexp"><span class="StringRegexp">/</span>UTC<span class="StringRegexp">/</span></span> {
+ date=<span class="Variable"><span class="Variable">$</span>1</span><span class="Variable"><span class="Variable">$</span>2</span><span class="Variable"><span class="Variable">$</span>3</span>;
+ <span class="Keyword">if</span> ( date != olddate ) {
+ olddate=date;
+ i+=1;
+ FIC=<span class="SupportFunction">sprintf</span>(<span class="String"><span class="String">"</span>fic.%03d<span class="String">"</span></span>,i);
+ }
+}
+{<span class="SupportFunction">print</span> <span class="Variable"><span class="Variable">$</span>0</span>>>FIC}
+</pre>
+
+
+
+ tag:yannesposito.com,2010-02-18:/Scratch/fr/blog/2010-02-18-split-a-file-by-keyword/
+ split a file by keyword
+ 2010-02-18T13:29:14Z
+ 2010-02-18T13:29:14Z
+
+ <p>Strangely enough, I didn’t find any built-in tool to split a file by keyword. I made one myself in <code>awk</code>. I put it here mostly for myself. But it could also helps someone else.
+The following code split a file for each line containing the word <code>UTC</code>.</p>
+
+<pre class="twilight">
+<span class="Comment"><span class="Comment">#</span>!/usr/bin/env awk</span>
+<span class="Entity">BEGIN</span>{i=0;}
+<span class="StringRegexp"><span class="StringRegexp">/</span>UTC<span class="StringRegexp">/</span></span> {
+ i+=1;
+ FIC=<span class="SupportFunction">sprintf</span>(<span class="String"><span class="String">"</span>fic.%03d<span class="String">"</span></span>,i);
+}
+{<span class="SupportFunction">print</span> <span class="Variable"><span class="Variable">$</span>0</span>>>FIC}
+</pre>
+
+<p>In my real world example, I wanted one file per day, each line containing UTC being in the following format:</p>
+
+<pre class="twilight">
+Mon Dec 7 10:32:30 UTC 2009
+</pre>
+
+<p>I then finished with the following code:</p>
+
+<pre class="twilight">
+<span class="Comment"><span class="Comment">#</span>!/usr/bin/env awk</span>
+<span class="Entity">BEGIN</span>{i=0;}
+<span class="StringRegexp"><span class="StringRegexp">/</span>UTC<span class="StringRegexp">/</span></span> {
+ date=<span class="Variable"><span class="Variable">$</span>1</span><span class="Variable"><span class="Variable">$</span>2</span><span class="Variable"><span class="Variable">$</span>3</span>;
+ <span class="Keyword">if</span> ( date != olddate ) {
+ olddate=date;
+ i+=1;
+ FIC=<span class="SupportFunction">sprintf</span>(<span class="String"><span class="String">"</span>fic.%03d<span class="String">"</span></span>,i);
+ }
+}
+{<span class="SupportFunction">print</span> <span class="Variable"><span class="Variable">$</span>0</span>>>FIC}
+</pre>
+
+
+
+ tag:yannesposito.com,2010-02-16:/Scratch/en/blog/2010-02-16-All-but-something-regexp--2-/
+ All but something regexp (2)
+ 2010-02-16T08:33:21Z
+ 2010-02-16T08:33:21Z
+
+ <p>In my <a href="previouspost">previous post</a> I had given some trick to match all except something. On the same idea, the trick to match the smallest possible string. Say you want to match the string between ‘a’ and ‘b’, for example, you want to match:</p>
+
+<pre class="twilight">
+a.....<span class="Constant"><strong>a......b</strong></span>..b..a....<span class="Constant"><strong>a....b</strong></span>...
+</pre>
+
+<p>Here are two common errors and a solution:</p>
+
+<pre class="twilight">
+/a.*b/
+<span class="Constant"><strong>a.....a......b..b..a....a....b</strong></span>...
+</pre>
+
+<pre class="twilight">
+/a.*?b/
+<span class="Constant"><strong>a.....a......b</strong></span>..b..<span class="Constant"><strong>a....a....b</strong></span>...
+</pre>
+
+<pre class="twilight">
+/a[^ab]*b/
+a.....<span class="Constant"><strong>a......b</strong></span>..b..a....<span class="Constant"><strong>a....b</strong></span>...
+</pre>
+
+<p>The first error is to use the <em>evil</em> <code>.*</code>. Because you will match from the first to the last. The next natural way, is to change the <em>greediness</em>. But it is not enough as you will match from the first <code>a</code> to the first <code>b</code>. Then a simple constatation is that our matching string shouldn’t contain any <code>a</code> nor <code>b</code>. Which lead to the last elegant solution.</p>
+
+<p>Until now, that was, easy. Now, how do you manage when instead of <code>a</code> you have a string?</p>
+
+<p>Say you want to match: </p>
+<pre class="twilight">
+<li>...<li>
+</pre>
+
+<p>This is a bit difficult. You need to match </p>
+<pre class="twilight">
+<li>[anything not containing <li>]</li>
+</pre>
+
+<p>The first method would be to use the same reasoning as in my <a href="previouspost">previous post</a>. Here is a first try:</p>
+
+<pre class="twilight">
+<li>([^<]|<[^l]|<l[^i]|<li[^>])*</li>
+</pre>
+
+<p>But what about the following string: </p>
+<pre class="twilight">
+<li>...<li</li>
+</pre>
+
+<p>That string should not match. This is why if we really want to match it correctly<sup><a href="#note1">†</a></sup> we need to add:</p>
+<pre class="twilight">
+<li>([^<]|<[^l]|<l[^i]|<li[^>])*(|<|<l|<li)</li>
+</pre>
+
+<p>Yes a bit complicated. But what if the string I wanted to match was even longer?</p>
+
+<p>Here is the algorithm way to handle this easily. You reduce the problem to the first one letter matching:</p>
+
+<pre class="twilight">
+<span class="Comment"><span class="Comment">#</span> transform a simple randomly choosen character</span>
+<span class="Comment"><span class="Comment">#</span> to an unique ID </span>
+<span class="Comment"><span class="Comment">#</span> (you should verify the identifier is REALLY unique)</span>
+<span class="Comment"><span class="Comment">#</span> beware the unique ID must not contain the </span>
+<span class="Comment"><span class="Comment">#</span> choosen character</span>
+<span class="StringRegexp"><span class="StringRegexp"><span class="SupportFunction">s</span>/</span>X</span><span class="StringRegexp"><span class="StringRegexp">/</span>_was_x_<span class="StringRegexp">/</span></span><span class="StringRegexp"><span class="StringRegexp"><span class="Keyword">g</span></span></span>
+<span class="StringRegexp"><span class="StringRegexp"><span class="SupportFunction">s</span>/</span>Y</span><span class="StringRegexp"><span class="StringRegexp">/</span>_was_y_<span class="StringRegexp">/</span></span><span class="StringRegexp"><span class="StringRegexp"><span class="Keyword">g</span></span></span>
+
+<span class="Comment"><span class="Comment">#</span> transform the long string in this simple character</span>
+<span class="StringRegexp"><span class="StringRegexp"><span class="SupportFunction">s</span>/</span><li></span><span class="StringRegexp"><span class="StringRegexp">/</span>X<span class="StringRegexp">/</span></span><span class="StringRegexp"><span class="StringRegexp"><span class="Keyword">g</span></span></span>
+<span class="StringRegexp"><span class="StringRegexp"><span class="SupportFunction">s</span>/</span><<span class="StringRegexpSpecial">\/</span>li></span><span class="StringRegexp"><span class="StringRegexp">/</span>Y<span class="StringRegexp">/</span></span><span class="StringRegexp"><span class="StringRegexp"><span class="Keyword">g</span></span></span>
+
+<span class="Comment"><span class="Comment">#</span> use the first method</span>
+<span class="StringRegexp"><span class="StringRegexp"><span class="SupportFunction">s</span>/</span>X([^X]*)Y</span><span class="StringRegexp"><span class="StringRegexp">/</span><span class="StringRegexp">/</span></span><span class="StringRegexp"><span class="StringRegexp"><span class="Keyword">g</span></span></span>
+
+<span class="Comment"><span class="Comment">#</span> retransform choosen letter by string</span>
+<span class="StringRegexp"><span class="StringRegexp"><span class="SupportFunction">s</span>/</span>X</span><span class="StringRegexp"><span class="StringRegexp">/</span><li><span class="StringRegexp">/</span></span><span class="StringRegexp"><span class="StringRegexp"><span class="Keyword">g</span></span></span>
+<span class="StringRegexp"><span class="StringRegexp"><span class="SupportFunction">s</span>/</span>Y</span><span class="StringRegexp"><span class="StringRegexp">/</span><<span class="StringRegexpSpecial">\/</span>li><span class="StringRegexp">/</span></span><span class="StringRegexp"><span class="StringRegexp"><span class="Keyword">g</span></span></span>
+
+<span class="Comment"><span class="Comment">#</span> retransform the choosen character back</span>
+<span class="StringRegexp"><span class="StringRegexp"><span class="SupportFunction">s</span>/</span>_was_x_</span><span class="StringRegexp"><span class="StringRegexp">/</span>X<span class="StringRegexp">/</span></span><span class="StringRegexp"><span class="StringRegexp"><span class="Keyword">g</span></span></span>
+<span class="StringRegexp"><span class="StringRegexp"><span class="SupportFunction">s</span>/</span>_was_y_</span><span class="StringRegexp"><span class="StringRegexp">/</span>Y<span class="StringRegexp">/</span></span><span class="StringRegexp"><span class="StringRegexp"><span class="Keyword">g</span></span></span>
+</pre>
+
+<p>And it works in only 9 lines for any beginning and ending string. This solution should look less <em>I AM THE GREAT REGEXP M45T3R, URAN00B</em>, but is more convenient in my humble opinion. Further more, using this last solution prove you master regexp, because you know it is difficult to manage such problems with only a regexp.</p>
+
+<hr />
+
+<p><small><a name="note1"><sup>†</sup></a> I know I used an HTML syntax example, but in my real life usage, I needed to match between <code>and</code>. And sometimes the string could finish with <code>e::</code>.</small></p>
+
+
+
+
+ tag:yannesposito.com,2010-02-16:/Scratch/fr/blog/2010-02-16-All-but-something-regexp--2-/
+ All but something regexp (2)
+ 2010-02-16T08:33:21Z
+ 2010-02-16T08:33:21Z
+
+ <p>In my <a href="previouspost">previous post</a> I had given some trick to match all except something. On the same idea, the trick to match the smallest possible string. Say you want to match the string between ‘a’ and ‘b’, for example, you want to match:</p>
+
+<pre class="twilight">
+a.....<span class="Constant"><strong>a......b</strong></span>..b..a....<span class="Constant"><strong>a....b</strong></span>...
+</pre>
+
+<p>Here are two common errors and a solution:</p>
+
+<pre class="twilight">
+/a.*b/
+<span class="Constant"><strong>a.....a......b..b..a....a....b</strong></span>...
+</pre>
+
+<pre class="twilight">
+/a.*?b/
+<span class="Constant"><strong>a.....a......b</strong></span>..b..<span class="Constant"><strong>a....a....b</strong></span>...
+</pre>
+
+<pre class="twilight">
+/a[^ab]*b/
+a.....<span class="Constant"><strong>a......b</strong></span>..b..a....<span class="Constant"><strong>a....b</strong></span>...
+</pre>
+
+<p>The first error is to use the <em>evil</em> <code>.*</code>. Because you will match from the first to the last. The next natural way, is to change the <em>greediness</em>. But it is not enough as you will match from the first <code>a</code> to the first <code>b</code>. Then a simple constatation is that our matching string shouldn’t contain any <code>a</code> nor <code>b</code>. Which lead to the last elegant solution.</p>
+
+<p>Until now, that was, easy. Now, how do you manage when instead of <code>a</code> you have a string?</p>
+
+<p>Say you want to match: </p>
+<pre class="twilight">
+<li>...<li>
+</pre>
+
+<p>This is a bit difficult. You need to match </p>
+<pre class="twilight">
+<li>[anything not containing <li>]</li>
+</pre>
+
+<p>The first method would be to use the same reasoning as in my <a href="previouspost">previous post</a>. Here is a first try:</p>
+
+<pre class="twilight">
+<li>([^<]|<[^l]|<l[^i]|<li[^>])*</li>
+</pre>
+
+<p>But what about the following string: </p>
+<pre class="twilight">
+<li>...<li</li>
+</pre>
+
+<p>That string should not match. This is why if we really want to match it correctly<sup><a href="#note1">†</a></sup> we need to add:</p>
+<pre class="twilight">
+<li>([^<]|<[^l]|<l[^i]|<li[^>])*(|<|<l|<li)</li>
+</pre>
+
+<p>Yes a bit complicated. But what if the string I wanted to match was even longer?</p>
+
+<p>Here is the algorithm way to handle this easily. You reduce the problem to the first one letter matching:</p>
+
+<pre class="twilight">
+<span class="Comment"><span class="Comment">#</span> transform a simple randomly choosen character</span>
+<span class="Comment"><span class="Comment">#</span> to an unique ID </span>
+<span class="Comment"><span class="Comment">#</span> (you should verify the identifier is REALLY unique)</span>
+<span class="Comment"><span class="Comment">#</span> beware the unique ID must not contain the </span>
+<span class="Comment"><span class="Comment">#</span> choosen character</span>
+<span class="StringRegexp"><span class="StringRegexp"><span class="SupportFunction">s</span>/</span>X</span><span class="StringRegexp"><span class="StringRegexp">/</span>_was_x_<span class="StringRegexp">/</span></span><span class="StringRegexp"><span class="StringRegexp"><span class="Keyword">g</span></span></span>
+<span class="StringRegexp"><span class="StringRegexp"><span class="SupportFunction">s</span>/</span>Y</span><span class="StringRegexp"><span class="StringRegexp">/</span>_was_y_<span class="StringRegexp">/</span></span><span class="StringRegexp"><span class="StringRegexp"><span class="Keyword">g</span></span></span>
+
+<span class="Comment"><span class="Comment">#</span> transform the long string in this simple character</span>
+<span class="StringRegexp"><span class="StringRegexp"><span class="SupportFunction">s</span>/</span><li></span><span class="StringRegexp"><span class="StringRegexp">/</span>X<span class="StringRegexp">/</span></span><span class="StringRegexp"><span class="StringRegexp"><span class="Keyword">g</span></span></span>
+<span class="StringRegexp"><span class="StringRegexp"><span class="SupportFunction">s</span>/</span><<span class="StringRegexpSpecial">\/</span>li></span><span class="StringRegexp"><span class="StringRegexp">/</span>Y<span class="StringRegexp">/</span></span><span class="StringRegexp"><span class="StringRegexp"><span class="Keyword">g</span></span></span>
+
+<span class="Comment"><span class="Comment">#</span> use the first method</span>
+<span class="StringRegexp"><span class="StringRegexp"><span class="SupportFunction">s</span>/</span>X([^X]*)Y</span><span class="StringRegexp"><span class="StringRegexp">/</span><span class="StringRegexp">/</span></span><span class="StringRegexp"><span class="StringRegexp"><span class="Keyword">g</span></span></span>
+
+<span class="Comment"><span class="Comment">#</span> retransform choosen letter by string</span>
+<span class="StringRegexp"><span class="StringRegexp"><span class="SupportFunction">s</span>/</span>X</span><span class="StringRegexp"><span class="StringRegexp">/</span><li><span class="StringRegexp">/</span></span><span class="StringRegexp"><span class="StringRegexp"><span class="Keyword">g</span></span></span>
+<span class="StringRegexp"><span class="StringRegexp"><span class="SupportFunction">s</span>/</span>Y</span><span class="StringRegexp"><span class="StringRegexp">/</span><<span class="StringRegexpSpecial">\/</span>li><span class="StringRegexp">/</span></span><span class="StringRegexp"><span class="StringRegexp"><span class="Keyword">g</span></span></span>
+
+<span class="Comment"><span class="Comment">#</span> retransform the choosen character back</span>
+<span class="StringRegexp"><span class="StringRegexp"><span class="SupportFunction">s</span>/</span>_was_x_</span><span class="StringRegexp"><span class="StringRegexp">/</span>X<span class="StringRegexp">/</span></span><span class="StringRegexp"><span class="StringRegexp"><span class="Keyword">g</span></span></span>
+<span class="StringRegexp"><span class="StringRegexp"><span class="SupportFunction">s</span>/</span>_was_y_</span><span class="StringRegexp"><span class="StringRegexp">/</span>Y<span class="StringRegexp">/</span></span><span class="StringRegexp"><span class="StringRegexp"><span class="Keyword">g</span></span></span>
+</pre>
+
+<p>And it works in only 9 lines for any beginning and ending string. This solution should look less <em>I AM THE GREAT REGEXP M45T3R, URAN00B</em>, but is more convenient in my humble opinion. Further more, using this last solution prove you master regexp, because you know it is difficult to manage such problems with only a regexp.</p>
+
+<hr />
+
+<p><small><a name="note1"><sup>†</sup></a> I know I used an HTML syntax example, but in my real life usage, I needed to match between ``. And sometimes the string could finish with <code>e::</code>.</small></p>
+
+
+
+
+ tag:yannesposito.com,2010-02-15:/Scratch/en/blog/2010-02-15-All-but-something-regexp/
+ All but something regexp
+ 2010-02-15T09:16:12Z
+ 2010-02-15T09:16:12Z
+
+ <p>Sometimes you cannot simply write:</p>
+
+<pre class="twilight">
+<span class="Keyword">if</span> str.<span class="Entity">match</span>(regexp) <span class="Keyword">and</span>
+ <span class="Keyword">not</span> str.<span class="Entity">match</span>(other_regexp)
+ do_something
+</pre>
+
+<p>and you have to make this behaviour with only one regular expression. The problem is the complementary of regular languages is not regular. Then, for some expression it is absolutely not impossible.</p>
+
+<p>But sometimes with some simple regular expression it should be possible<sup><a href="#note1">†</a></sup>. Say you want to match everything containing the some word say <code>bull</code> but don’t want to match <code>bullshit</code>. Here is a nice way to do that:</p>
+
+<pre class="twilight">
+<span class="Comment"><span class="Comment">#</span> match all string containing 'bull' (bullshit comprised)</span>
+<span class="StringRegexp"><span class="StringRegexp">/</span></span><span class="StringRegexp">bull</span><span class="StringRegexp"><span class="StringRegexp">/</span></span>
+
+<span class="Comment"><span class="Comment">#</span> match all string containing 'bull' except 'bullshit'</span>
+<span class="StringRegexp"><span class="StringRegexp">/</span></span><span class="StringRegexp">bull<span class="StringRegexp"><span class="StringRegexp">(</span><span class="StringRegexp"><span class="StringRegexp">[</span>^s<span class="StringRegexp">]</span></span>|$<span class="StringRegexp">)</span></span>|</span>
+<span class="StringRegexp">bulls<span class="StringRegexp"><span class="StringRegexp">(</span><span class="StringRegexp"><span class="StringRegexp">[</span>^h<span class="StringRegexp">]</span></span>|$<span class="StringRegexp">)</span></span>|</span>
+<span class="StringRegexp">bullsh<span class="StringRegexp"><span class="StringRegexp">(</span><span class="StringRegexp"><span class="StringRegexp">[</span>^i<span class="StringRegexp">]</span></span>|$<span class="StringRegexp">)</span></span>|</span>
+<span class="StringRegexp">bullshi<span class="StringRegexp"><span class="StringRegexp">(</span><span class="StringRegexp"><span class="StringRegexp">[</span>^t<span class="StringRegexp">]</span></span>|$<span class="StringRegexp">)</span></span></span><span class="StringRegexp"><span class="StringRegexp">/</span></span>
+
+<span class="Comment"><span class="Comment">#</span> another way to write it would be</span>
+<span class="StringRegexp"><span class="StringRegexp">/</span></span><span class="StringRegexp">bull<span class="StringRegexp"><span class="StringRegexp">(</span><span class="StringRegexp"><span class="StringRegexp">[</span>^s<span class="StringRegexp">]</span></span>|$|s<span class="StringRegexp"><span class="StringRegexp">(</span><span class="StringRegexp"><span class="StringRegexp">[</span>^h<span class="StringRegexp">]</span></span>|$<span class="StringRegexp">)</span></span>|sh<span class="StringRegexp"><span class="StringRegexp">(</span><span class="StringRegexp"><span class="StringRegexp">[</span>^i<span class="StringRegexp">]</span></span>|$<span class="StringRegexp">)</span></span>|shi<span class="StringRegexp"><span class="StringRegexp">(</span><span class="StringRegexp"><span class="StringRegexp">[</span>^t<span class="StringRegexp">]</span></span>|$<span class="StringRegexp">)</span></span><span class="StringRegexp">)</span></span></span><span class="StringRegexp"><span class="StringRegexp">/</span></span>
+</pre>
+
+<p>Let look closer. In the first line the expression is:
+<code>bull([^s]|$)</code>, why does the <code>$</code> is needed?
+Because, without it the word <code>bull</code> would be no more matched. This expression means:</p>
+
+<blockquote>
+ <p>The string finish by <code>bull</code> <br />
+or, <br />
+contains <code>bull</code> followed by a letter different from <code>s</code>. </p>
+</blockquote>
+
+<p>And this is it. I hope it could help you.</p>
+
+<p>Notice this method is not always the best. For example try to write a regular expression equivalent to the following conditional expression:</p>
+<pre class="twilight">
+<span class="Comment"><span class="Comment">#</span> Begin with 'a': ^a</span>
+<span class="Comment"><span class="Comment">#</span> End with 'a': c$</span>
+<span class="Comment"><span class="Comment">#</span> Contain 'b': .*b.*</span>
+<span class="Comment"><span class="Comment">#</span> But isn't 'axbxc'</span>
+<span class="Keyword">if</span> str.<span class="Entity">match</span>(<span class="StringRegexp"><span class="StringRegexp">/</span></span><span class="StringRegexp">^a.*b.*c$</span><span class="StringRegexp"><span class="StringRegexp">/</span></span>) <span class="Keyword">and</span>
+ <span class="Keyword">not</span> str.<span class="Entity">match</span>(<span class="StringRegexp"><span class="StringRegexp">/</span></span><span class="StringRegexp">^axbxc$</span><span class="StringRegexp"><span class="StringRegexp">/</span></span>)
+ do_something
+<span class="Keyword">end</span>
+</pre>
+
+<p>A nice solution is:</p>
+
+<pre class="twilight">
+<span class="StringRegexp"><span class="StringRegexp">/</span></span><span class="StringRegexp">abc| <span class="Comment"><span class="Comment">#</span> length 3</span></span>
+<span class="StringRegexp">a.bc| <span class="Comment"><span class="Comment">#</span> length 4</span></span>
+<span class="StringRegexp">ab.c|</span>
+<span class="StringRegexp">a<span class="StringRegexp"><span class="StringRegexp">[</span>^x<span class="StringRegexp">]</span></span>b<span class="StringRegexp"><span class="StringRegexp">[</span>^x<span class="StringRegexp">]</span></span>c| <span class="Comment"><span class="Comment">#</span> length 5</span></span>
+<span class="StringRegexp">a...*b.*c| # length >5</span>
+<span class="StringRegexp">a.*b...*c</span><span class="StringRegexp"><span class="StringRegexp">/</span></span>
+</pre>
+
+<p>This solution uses the maximal length of the string not to be matched.
+There certainly exists many other methods. But the important lesson is
+it is not straightforward to exclude something of a regular expression.</p>
+
+<hr />
+
+<p><small><a name="note1">†</a>
+It can be proved that any regular set minus a finite set is also regular.
+</small></p>
+
+
+
diff --git a/output/n3blog/files/YAquaBubbles.dmg b/output/n3blog/files/YAquaBubbles.dmg
new file mode 100644
index 000000000..67ba05b4e
Binary files /dev/null and b/output/n3blog/files/YAquaBubbles.dmg differ
diff --git a/output/n3blog/files/YClock.dmg b/output/n3blog/files/YClock.dmg
new file mode 100644
index 000000000..3ca0ac498
Binary files /dev/null and b/output/n3blog/files/YClock.dmg differ
diff --git a/output/n3blog/files/YPassword-1.6.zip b/output/n3blog/files/YPassword-1.6.zip
new file mode 100644
index 000000000..769002d60
Binary files /dev/null and b/output/n3blog/files/YPassword-1.6.zip differ
diff --git a/output/n3blog/files/cv.pdf b/output/n3blog/files/cv.pdf
new file mode 100644
index 000000000..1a3bdeb8c
Binary files /dev/null and b/output/n3blog/files/cv.pdf differ
diff --git a/output/n3blog/files/cv_en.pdf b/output/n3blog/files/cv_en.pdf
new file mode 100644
index 000000000..0ad00a4f4
Binary files /dev/null and b/output/n3blog/files/cv_en.pdf differ
diff --git a/output/n3blog/files/forcePaste.app.zip b/output/n3blog/files/forcePaste.app.zip
new file mode 100644
index 000000000..8cd3cc3e9
Binary files /dev/null and b/output/n3blog/files/forcePaste.app.zip differ
diff --git a/output/n3blog/fr/about/contact/index.html b/output/n3blog/fr/about/contact/index.html
new file mode 100644
index 000000000..51784d51c
--- /dev/null
+++ b/output/n3blog/fr/about/contact/index.html
@@ -0,0 +1,112 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Contact
+
+
+
+
+
+Si vous souhaitez pouvoir télécharger ce document en format PDF, iWorks ou Word, merci de me communiquer votre email. Je pourrais vous ajouter à la liste des invités. Il me semble qu'il s'agit d'un bug de la part d'Apple sur ce service encore en β.
+
Mais avant tout j’adore apprendre. Par exemple, j’ai appris de nombreux langages de programmation:
+C, C++, Objective-C, Python, Java, Perl, awk, bash, zsh, LaTeX, Metapost, CamL… Et j’ai la même passion pour la recherche scientifique, la sécurité informatique, la philosophie et encore pas mal d’autres choses.
+
+
+
+
+
+
+
+
Ma petite histoire
+
+
J’ai eu mon doctorat en Informatique en décembre 2004 au LIF (Marseille). Pendant les trois années de ma formation j’ai non seulement fait de la recherche en informatique mais j’ai aussi enseigné à des étudiants de l’Université. J’ai aussi développé un programme informatique dont le but était de vérifier expérimentalement mes résultats théoriques.
+
+
J’ai ensuite fait un Post Doctorat au Laboratoire Hubert Curient de Saint-Etienne. Ma mission consistait à développer une application scientifique (SEDiL). Cette application visait comme public des biologistes et devait avoir une interface utilisateur agréable à utiliser.
Ce site a été réalisé à partir de rien ou presque. Quasiment toutes les
+pages ont été codées avec Vim et engendrées
+avec nanoc.
+
+
+
+Les images ont été faites avec
+Inkscape et
+Gimp.
+J'utilise Git
+comme
+DCVS.
+
+
+
+
Les commentaires de blog sont gérés par
+disqusintense debate. Ainsi je n’ai besoin pour héberger mons site que
+d’un serveur de pages statiques. Ce qui a de nombreux avantages.
+Principalement concernant la charge et la sécurité du serveur.
+
+
+
+Si vous n'avez pas tout compris, rappelez-vous simplement que je n'utilise
+que des outils Opensource
+et que j'ai conçu ce site quasiment ex nihilo.
+
+
+
+
Si au contraire vous voulez connaitre tous les détails je vous suggère
+d’aller lire mon article concernant nanoc.
Comme Andy Lester me l’a fait remarqué. ack est un simple fichier perl qu’il suffit de copier dans son répertoire personnel ~/bin. Maintenant j’ai ack sur mon serveur professionnel.
Sincèrement, je ne comprend pas qu’ack ne soit pas une commande implémentée par défaut sur les systèmes UNIX. Je ne peux vraiment plus m’en passer, il m’est devenu aussi essentiel qu’un which ou un find.
+
+
+
+
+
+
+
+
Mieux que grep
+
+
Un des mes usages principaux de grep est
+
+
+
+grep 'pattern' **/*(.)
+
+
+
+
La plupart du temps c’est suffisant, mais ajouter de la coloration
+améliore beaucoup l’utilité de cette commande. Il existe déjà un outil
+pour ça : il s’appelle ack-grep sous Ubuntu.
+Comme je ne peux pas l’installer sur le serveur de mon entreprise,
+j’en ai créé un moi-même en quelques lignes :
Tout d’abord, il est clair que comprendre le film comme simplement un film fantastique ne fonctionne pas. En suivant ce point d’entrée on en fini pas de se heurter à des détails incompréhensibles.
+
+
Mon hypothèse de départ c’est que le film dépeint la représentation de la réalité que s’en fait Fred.
+Chaque fois qu’il essaye d’échapper à la réalité, celle-ci finira par le rattraper.
+
+
Fred a commis un acte horrible, un meurtre, et essaye de réparer sa mémoire pour accepter son acte. Il va alors s’inventer des réalitées alternatives.
+
+
+
Dans un premier temps il tue sa femme (Renée) parce qu’elle le trompe.
+
Dans la deuxième partie, il est plus faible. La version blonde de Renée va le manipuler pour tuer Dick Laurent.
+
Dans la troisième partie il tue Dick Laurent
+
+
+
Quelle est la validité de ce choix ?
+
+
Cet interprétation me semble valide à cause du dialogue au début du film avec les policier qui demande au protagoniste s’il a une caméra :
+
+
+
“Do you own a video camera?”
+“No, Fred hates them.”
+“I like to remember things my own way.”
+“What do you mean by that?”
+“How I remember them, not necessarily the way they happened.”
+
+
+
Ce que l’on peut traduire approximativement par :
+
+
+
– Avez-vous une caméra ?
+– Non, Fred les détestes.
+– J’aime me rappeler les choses à ma façon.
+– Qu’entendez-vous par là ?
+– Je me rapelle des choses pas nécessairement comme elles se sont passées.
+
+
+
Ainsi, ce que l’on voit n’est pas la réalité, mais la réalité telle que le conçoit Fred. Il est donc le Dieu de cette réalité. Ainsi les interprétations mystiques faisant intervenir le Diable ont une certaine validité.
Qui est donc ce personnage étrange et inquiétant ?
+Un être capable d’ubiquité qui dit être invité par Fred dans sa maison ?
+Sans sourcils, le visage blême, les yeux écarquillés fixant sans relâche les faits et gestes de Fred.
+
+
C’est certainement une des clés du film.
+À mon avis, il représente la partie mauvaise de Fred.
+Certainement la jalousie. Si j’étais Catholique je dirai Satan, le tentateur.
+Il n’agit jamais, mais ne fait qu’observer et filmer.
+Par contre c’est lui qui donne les armes à Fred pour tuer Dick Laurent.
+Fred l’a laissé entrer chez lui et il ne peut plus s’en débarrasser.
+Un peu comme le Iago de Shakespeare est enfermé dans sa jalousie.
+Le personnage mystérieux prend toute l’importance, il le ronge de l’intérieur.
+Il aide Fred à accomplir les actes de violences et aussi l’oblige à se souvenir de la réalité.
+
+
Quand il fait l’amour à Renée il voit le visage de l’homme mystérieux à la place du visage de sa femme. En réalité, il s’agit de la même personne d’après Fred. Ce serait donc elle qui est la source de son mal intérieur.
C’est certainement l’homme mystérieux (ou Fred lui-même) qui est à l’origine de ces cassettes.
+Le rôle des cassettes est double :
+
+
+
Rappeler à Fred la réalité. D’après Fred les cassettes video correspondent à la réalité. Il a beau essayer de se cacher la réalité, les cassettes finissent par aller jusqu’au bout et il se voit en train de tuer Renée.
+
La cassette peut aussi faire référence aux cassettes de films pornographique dans laquelle Renée a peut-être tournée dans la réalité ?
Ici, tout n’est pas donné, on garde une assez grande liberté. Mais on a des indices.
+
+
Hypothese n°1
+
+
Je dirais que le protagoniste est un garagiste qui est tombé amoureux d’une actrice porno. Il l’a certainement vu la première fois accompagnant le fameux Dick Laurent. Voyant qu’il ne peut pas l’avoir pour lui, fou de jalousie il tue Dick Laurent dans un motel où celui-ci à couché avec Renée.
+
+
On a la liberté de décider s’il a vraiment tué la femme ou pas.
+Dans ma première vision du film, j’avais envie de dire qu’il ne la tue pas. Mais qu’une fois le meurtre commis, il va chez elle, sonne pour lui annoncer la mort de Dick Laurent. Il a alors juste le temps de s’enfuir, la police à ses trousses.
+
+
Hypothese n°2
+
+
La première partie resemble à la réalité. Il a vraiment tué sa femme. Il se fait arrété et condamné (certainement à mort). Par contre on ne sait pas s’il est aussi allé tuer Andy.
+
+
alors c’est laquelle ?
+
+
La seconde hypothèse me semble plus vraisemblable, car il y a plus de recoupements possibles.
+La première me semble aussi cohérente. C’est cette première hypothèse que j’avais émise lors de mon premier visionnage du film.
+
+
Ce qui montre la force de ce film c’est de se dire qu’il y a de nombreuses autres hypothèses qui pourraient aussi bien fonctionner. C’est le fameux effet Rashomon. Plusieurs personnes peuvent décrire de façon cohérentes ce qu’elles ont vu, mais toutes les descriptions sont incohérentes entres-elles.
+
+
+
+
+
+
+
+
Conclusion
+
+
Il y aurait encore beaucoup à dire sur l’analyse de ce film. Mais il me semble que j’ai rassemblé l’essentiel des clés pour sa compréhension.
+
+
Il me semble qu’avoir à l’esprit l’effet “test de Rorschach” est essentiel lors de la visualisation de ce film.
+
+
J’aimerai avoir votre opinion ; mon interprétation tient-elle la route ?
+Lost Highway ne laisse pas indiférent. Le revoir ne lasse pas même s'il parrait complètement obscur.
+C'est une des forces de David Lynch.
+Il faut garder à l'esprit qu'il n'existe pas une seule interprétation possible et cohérente du film.
+Seul David Lynch pourrait donner une explication complète du film.
+Je donne cependant quelques clés que j'ai découverte qui aident à suivre le film sans être complètement perdu.
+Ces clés devraient vous aider à vous faire votre propre idée du film...
+
+
+
La première fois que j’ai vu Lost Highway je me suis senti un peu perdu.
+J’en ai alors cherché le sens. Voilà ce que j’ai pu trouver sur Internet :
+
+
+
Fred passe un pacte avec le diable incarné par l’homme en noir ;
+
l’homme mystérieux est une (la) caméra ;
+
seule la première histoire est vrai, la suite étant l’imagination de Fred ;
+
+
+
sans compter les multiples avis trouvés sur les forums. Tout cela ne me paraissait pas convaincant.
+J’ai alors réussi à trouver deux articles (en anglais) qui proposent de bien meilleures interprétations. Mais aucun des deux ne m’a complètement convaincu :
le second qui développe presque la même interprétation que la première est vraiment très détaillé sur jasonweb.
+
+
+
Il faut garder à l’esprit qu’il n’existe pas une seule interprétation possible et cohérente du film. Seul David Lynch pourrait donner l’explication complète du film.
+
+
Je donne quelques clés aidant à suivre le film sans être complètement perdu.
+Ces clés devraient vous aider à vous faire votre propre idée du film.
+
+
Le test de Rorschach
+
+
+À l’instar du protagoniste chacun voit dans ce film ce qu’il a envie d’y voir. Nous pouvons nous y perdre simplement parce que nous pouvons nous perdre dans notre propre esprit. C’est une invitation à la réflexion. Regarder ce film c’est un peu comme passer un test de Rorschach. Qu’y voit-on ? Chacun y met un peu de sa propre personnalité dans l’explication du film.
+
+
+
Si vous êtes un mystique, vous verrez dans l’homme mystérieux un démon
+
si vous êtes plus psychanalytique vous y verrez une partie inconsciente du protagoniste…
+
+
+
En général en essayant d’expliquer ce film, on se perd un peu dans notre pensée. Et souvent on échoue à tout expliquer. Il y a toujours un point qui rend la construction incohérente avec le film. C’est pourquoi rechercher une explication unique est un entreprise vaine.
+
+
Interprétation ≠ Explication
+
+
Je donne une interprétation et non pas une explication. Ma vision des choses, me semble cohérente. Cependant il est très probable que mon adhésion au film soit très différente de la votre.
+Il y a certainement beaucoup d’autres explications qui restent cohérentes.
+
+
J’écris cet article, parce que j’ai l’impression d’en avoir trouver une qui marche pour plus de 97% du film (peut-être 100%, mais j’en doute, il faudrait que je le revois encore une fois).
+ Protections anti-copie = Belle connerie (+1) !
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Protections anti-copie = Belle connerie (+1)!
+
+
Ma femme a acheté pour environ 500€ (au moins) de séries télé sur iTunes. Mais elles s’est trompé pour la première saison de Battlestar Galactica. Qu’elle a téléchargé en anglais. Hors comme les séries sont protégées, on ne peut simplement pas voir la série avec des sous-titres !
+
+
+
WTF?
+
+
+
Résultat des courses, ma femme n’achetera plus de séries sur iTunes tant qu’elles resteront protégées par DRM, qu’elle ne pourront pas être gravées sur DVD (pour être regardées sur la télé). Et comme elle est bien moins prompte à acheter des DVD que simplement cliquer sur un bouton.
+
+
+
+Ca fera nettement moins d'argent pour vous les ayant-droits !!!
+
+
+
+
Et ma femme ne pourra pas voir ces épisodes.
+C’est ce qu’on appelle une cooperation ‘LOSE-LOSE’.
J’utilise Git pour synchroniser des projets personnels.
+C’est pourquoi quand je crée une branche locale je souhaite quasiment toujours qu’elle soit aussi créée en externe (remote).
+
+
Voici le script que j’utilise pour accomplir cette tâche :
Màj : Actuellement j’utilise github avec des repository privés. Je paye une somme très raisonnable pour ce service. Si vous voulez être complètement autonome, je vous conseille d’utiliser gitolite sur votre propre serveur accessible sur le web.
+
+
+
+
+
+
J’utilise Git pour gérer mes projets personnels.
+J’ai un repository centralisé et tous mes ordinateurs se synchronisent avec lui.
+Cependant, dans la documentation officielle, je n’ai pas trouvé clairement ce que je souhaitais.
+
+
En d’autres termes, si vous souhaitez utiliser le type de workflow que SVN proposait avec Git (et ses avantages), voici comment procéder.
+
+
+
+
+
+
+
+
Initialisation
+
+
Disons que j’ai déjà un projet et que je veuille en créer un nouveau.
Maintenant tous les fichiers du répertoire to/project/directory/ sont versionnés. Si vous voulez ignorer certains fichiers il suffit de modifier le fichier .gitignore.
Ensuite, il faut placer ce projet dans un répertoire accessible via Internet.
+
+
+
+git clone --bare . /path/to/repository
+
+
+
+
+Màj: La meilleure solution est d'installer gitolite pour installer un serveur git sur sa machine. Gitolite permet de gérer la gestion des droits d'utilisateurs, ceux-ci n'ayant pas accès à un shell sur la machine.
+
+
+
+
Maintenant à partir de n’importe quel ordinateur, voici ce que vous pouvez faire :
+
+Je vous conseille de faire la même opération sur l'ordinateur qui à servi à créer le projet de façon à vérifier que tout fonctionne correctement.
+
+
+
+
+
+
+
+
+
+
L’utilisation courante
+
+
Pour résumer vous avez maintenant un repository sur Internet et un ou plusieurs ordinateurs lui sont associés. Maintenant il faut que tout soit toujours synchronisé.
+
+
Avant de commencer à travailler, la première chose à faire est de récupérer les modification à partir d’Internet vers votre poste local :
+
+
+
+git pull
+
+
+
+
Ensuit vous pouvez travailler en faisant (plusieurs fois) :
+
+
+
+hack, hack, hack...
+git add some files
+git commit
+
+
+
+
Quang vous voulez envoyez les modifications locales sur Internet, il suffit de faire :
+
+
+
+git push
+
+
+
+
Tout devrait être bon.
+
+
Si vous avez des problèmes avec le push et le pull ; vérifiez votre fichier .git/config. Il devrait contenir les lignes suivantes :
Bien, maintenant que tout semble bon, il faut encore s’occuper de quelques petites choses (sinon, SVN suffirait).
+Git est complètement orienté sur la décentralisation et la création de nouvelles branches sur le même poste. Synchroniser des branches sur plusieurs serveurs différent n’est pas une opération naturelle.
+
+
C’est pourquoi j’ai créé deux simples scripts pour automatiser cette opération. Un script pour créer un branche localement et en ligne. Un autre script pour récupérer les branches en lignes qui ne sont pas présente localement.
+
+
Ainsi, lorsque je veux créer une nouvelle branche (localement et ligne) ; je lance le script :
+
+
git-create-new-branch branch_name
+
+
+
et quand je suis sur un autre ordinateur et que je veux récupérer les branches crées sur un autre poste, j’exécute :
Pour l’instant je ne l’ai pas compilé pour être compatible Tiger et Leopard. Je ne connais pas assez bien XCode pour savoir comment désactiver le garbage collector sur la version 32 bits et l’activer sur la version 64 bits.
+
+
Il a été assez difficile de découvrir toutes ces informations. J’espère que cet article aura pu aider quelqu’un.
Que ce soit pour surfer en toute sécurité depuis un accès wifi non sécurisé ou pour contourner les parefeux diaboliques des entreprises. J’ai configuré un serveur ssh écoutant sur le port 443 chez moi.
+
+
Ensuite de mon portable ou de mon ordinateur local, je dois simplement lancé la merveilleuse commande :
+
+
+
+ssh -p 443 -D 9050 username@host
+
+
+
+
et un proxy socks écoute sur le port 9050. Ce proxy socks transférera toutes les requêtes locales via le tunnel ssh. Ainsi je peux surfer en local comme si je naviguais depuis mon ordinateur à la maison. Je peux écrire mon numéro de carte bleu sans avoir peur que le wifi local soit sniffé. Je dois simplement configurer mon navigateur web pour utiliser le proxy socks sur localhost écoutant le port 9050.
+
+
J’ai eu cette information à partir de cet article.
La plupart du temps je préfère ne pas utiliser le même produit que tout le monde. J’aime bien essayer des choses un peu nouvelles. Mais whosamung.us avait trop de publicités. Je devais affichier une de leur image sur mon site qui n’écrivait que le nombre de personne actuellement présentes. Pas les nombres de visites.
+
+
C’est pourquoi j’utilise maintenant google analytics. Le problème reste entier pour les navigateurs sans javascript.
+
+
Donc pour l’instant
+<div class="encadre">
+Théoreme :
synchronize to a temporary folder then swap the name therefore the website isn’t accessible only during the swap time. It takes only the time of two rename.
+
reiterate all operations until they work (for example, renaming).
+
+
+
Jusqu’ici j’utilise rsync qui n’est en fait pas plus efficace qu’une simple copie cp avec WebDav. Je devrais utiliser une méthode pour mémoriser les changements entre chaque publication.
+
+
En réalité quand je suis sur mon Mac j’utilise Transmit qui est vraiment très bien et surtout beaucoup plus efficace que le finder pour synchroniser des fichiers. Ensuite, je ne fait que le “swap” des répertoires.
In fact this method works for old threads. But it fails to create new post threads. This is why I tried and be conquered by intensedebate, as you can see in the bottom of this page.
+
+
Remark I didn’t have any comment on my blog when I switched. Therefore my lack of influence was a good thing :-).
+
+
+
+
+
+
+
+
Before begining, I must state that I love Disqus.
+
+
I know there is a similar blog entry at Trephine.org. Here I just add a straight and easy way to load disqus asynchronously using jQuery.
+
+
I also know there is a jQuery plugin to make just that. Unfortunately I had some issue with CSS.
+
+
Now let’s begin.
+
+
+
+
+
+
+
+
Why?
+
+
Why should I want to load the disqus javascript asynchronously?
+
+
+
Efficiency: I don’t want my page to wait the complete execution of disqus script to load.
+
More independance: when disqus is down, my page is blocked!
+
+
+
+
+
+
+
+
+
How?
+
+
I give a solution with jQuery, but I’m certain it will work with many other js library.
If you forget the window.disqus_no_style=true; then your page will be blank. Simply because without this option, the javascript use a document.write action after the document was closed, which cause a complete erasing of it.
+
+
CSS
+
+
But with this option you still need to provide a CSS. This is why you have to copy the css code from the embed.js file and rewrite it in a CSS file. You can download the CSS I obtained.
+
+
+
Now it’s done. I believe all should be fine but I just finished the manip for my own site only 1 hour ago. Therefore there should be some error, tell me if it is the case.
J’ai écrit un article sur la façon dont j’ai essayé d’intégrer Disqus. Mon problème majeur avec Disqus c’était que ma page ne s’affichait pas correctement tant que les commentaire n’avait pas fini de s’afficher. Ça m’est arrivé plusieurs fois d’avoir ma page complètement bloquée parce que les serveurs de Disqus ne répondait pas.
+C’est pourquoi j’ai essayer de l’inclure de manière asynchrone. Cependant j’ai eu des difficultés pour le faire fonctionner correctement.
+
+
De plus il n’a pas été trivial de faire en sorte que les commentaires soient commun à plusieurs pages différentes (chaque page à trois représentations différentes, une par language plus une version multi-langue).
+
+
Je dois reconnaître que je suis un peu triste de quitter Disqus parce que pour chacun de mes problèmes giannii m’a aidé du mieux qu’il a pu. Cependant les problèmes que j’ai eu étaient inhérents à des choix de conceptions plus que de simples petits problèmes techniques.
+
+
Lorsque j’ai commencé à intégrer Disqus je n’ai jamais essayé Intense Debate. Maintenant que j’ai essayé je doit dire que je suis conquis. Il correspond exactement à ce que j’espérais de ce type de service.
+
+
Pour le rendre complètement asynchrone il suffit de récupérer leur js commun et de remplacer la ligne suivante :
Here is how I done the tag cloud of my blog. It is done mostly in jQuery.
+All my site is static and pages are generated with nanoc.
+It is (in my humble opinion) the modern geek way to make a website.
+
+
This is why I’ll give only a Ruby Generator, not a full javascript generator.
+But you can easily translate from Ruby to Javascript.
If you want to make it fully jQuery one, it shouldn’t be
+too difficult, to use my ruby code and translate it into javascript.
+
+
In a first time tags correpond of the list of all tags.
+
+
+
+deftags
+ return@page.tags.join(', ')
+end
+
+
+
+
A function to create a data structure associating to each
+tag its occurence.
+
+
+
+# generate an hash tag => number of occurence of tag
+deftagNumber
+ tags={}
+ @pages.eachdo |p|
+ if p.tags.nil?
+ next
+ end
+ p.tags.eachdo |t|
+ if tags[t]
+ tags[t]+=1
+ else
+ tags[t]=1
+ end
+ end
+ end
+ return tags
+end
+
+
+
+
I also need a data structure who associate to each
+tag a list of pages (at least url and title).
+
+
+
+# generate an hash tag => [ page1, page2 ... ]
+deftagRefs
+ tagLinks={}
+ @pages.eachdo |p|
+ if p.tags.nil?
+ next
+ end
+ p.tags.eachdo |t|
+ if tagLinks[t].nil?
+ tagLinks[t]=[ p ]
+ else
+ tagLinks[t] <<= p
+ end
+ end
+ end
+ return tagLinks
+end
+
+
+
+
Calculate the real size of each tag to be displayed.
+
+
I choosen not to use the full range of size for all the tag. Because if no
+tag has more than n (here 10) occurences, then it doesn’t deserve to be
+of the maximal size.
+
+
+
+deftagRealSize
+ tags=tagNumber
+ max=tags.values.max
+ min=tags.values.min
+# size in CSS em.
+ minSize=1.0
+ maxSize=2.5
+ tagSize={}
+ tags.eachdo |t,n|
+ if ( max == min )
+ tagSize[t]=minSize
+ else
+# normalized value between 0 and 1
+# if not tag appear more than 10 times,
+# then it cannot have the maximal size
+ tagSize[t]=[ ( n - min +0.0 ) / ( max - min ) ,
+ (n - min) /10.0 ].min
+# from normalized size to real size
+ tagSize[t]=( tagSize[t] ) * (maxSize - minSize) + minSize
+ end
+ end
+ return tagSize
+end
+
+
+
+
Finaly a function to generate the XHTML/jQuery code
+
+
+
+# generate an XHTML/jQuery code for tag cloud
+deftagCloud
+ tagLinks=tagRefs
+ tagSize=tagRealSize
+
+# begin to write the code
+ tagCloud=%{<script type="text/javascript">
+ $(document).ready( function(){$('.list').hide();} );
+ function tagSelected(id) {
+ $('.list').hide();
+ $('#'+id).fadeIn();
+ $('.tag.selected').removeClass('selected');
+ $('#tag_'+id).addClass('selected');
+}
+ </script><div id="tagcloud">}
+# Creation of the tags <span>
+ tagSize.sort{|a,b| a[0].downcase<=> b[0].downcase}.eachdo |t,s|
+ tag_in_id=t.gsub(/\W/,'_')
+# HTML protected version of the tag
+# for example, replace ' ' by ' '
+ protected=t.gsub(/&/,'&').gsub(//,' ').gsub(/</,'<').gsub(/>/,'>')
+ tagCloud <<=%{
+ <span style="font-size: #{s}em;"
+ class="tag"
+ onClick="tagSelected('#{tag_in_id}')"
+ id="tag_#{tag_in_id}">
+#{protected}
+ </span> }
+ end
+ tagCloud <<=%{</div><div id="hiddenDivs" >}
+# Creation of the divs containing links associated to a tag.
+ tagLinks.eachdo |t,l|
+ tag_in_id=t.gsub(/\W/,'_')
+ tagCloud <<=%{
+ <div id="#{tag_in_id}" class="list">
+ <h4>#{t}</h4><ul>}
+# generate the link list
+ l.eachdo |p|
+ tagCloud <<=%{<li><a href="#{p.path}">#{p.title}</a></li>}
+ end
+ tagCloud <<=%{</ul></div>}
+ end
+ tagCloud <<=%{</div>}
+ return tagCloud # yeah I know it is not necessary
+end
+
+
+
+
You can download the complete file to put in your ‘lib’ directory. Beware, it is a nanoc 2 version, you’ll have to make some small changes like replace @pages by @items to be nanoc3 compatible.
+
+
Of course to be nice you need the associated CSS
+
+
+
+
+// Change the color when mouse over
+.tag:hover {
+ color: #cc0000; }
+
+// Change the color when tag selected
+.tag.selected {
+ color: #6c0000; }
+
+// a bit of space and pointer cursor
+.tag {
+ cursor: pointer;
+ margin-left: .5em;
+ margin-right: .5em; }
+
Voici mon script, il créé tout d’abord un fichier qui contient la liste des fichiers avec leur hash. Afin de les comparer avec ceux qui sont en ligne sans avoir à les parcourir. Ensuite pour chaque fichier qui semble différent, je met à jour le contenu.
+
+
Cependant même avec ce script j’ai encore des problèmes. Dû à webdav. En particulier le renommage de répertoire. Par exemple :
+
+
+mv folder folder2
+
+
+
Retourne OK et pourtant :
+
+
+$ ls
+folder folder2
+
+
+
Bouuhh…
+
+
Pour résoudre ce type de problèmes j’utilise un framework en zsh. Il résout presque tous les problèmes liés à webdav à l’exception du renommage de répertoire.
Et voici le code qui me permet de synchroniser mon site web. Il y a une partie un peu incompréhensible. C’est pour enlever les mail réencodés par le filtre bluecloth qui est une implémentation de markdown. Mes mails, sont encodés à chaque fois de façon différente à chaque réengendrement de page html. C’est pourquoi je les enlève pour ne pas les uploadés inutilement à chaque fois.
+#!/usr/bin/env zsh
+
+# Script synchronisant le site sur me.com
+# normalement, le site est indisponible le moins de temps possible
+# le temps de deux renommages de répertoire
+
+# get configuration
+# mostly directories
+source $0:h/config
+
+# get trycp function (copy until success)
+source $0:h/webdav-framework
+
+if [[ $1=='-h' ]];then
+ print -- "usage : $0:h [-h|-s|-d]"
+ print -- " -a sychronise aussi l'index"
+ print -- " -h affiche l'aide"
+ print -- " -d modification directe (pas de swap)"
+ print -- " -s swappe simplement les répertoires"
+fi
+
+# publication incrementale
+function incrementalPublish {
+ local ydestRep=$destRep$suffix
+ localRef="$srcRep/map.yrf"
+ print -- "Creation du fichier de references"
+ create-reference-file.sh >$localRef
+ remoteRef="/tmp/remoteSiteMapRef.$$.yrf"
+ if [[ ! -e "$ydestRep/map.yrf" ]];then
+ # pas de fichier de reference sur la cible
+ print -- "pas de fichier de reference sur la cible, passage en mode rsync"
+ rsyncPublish
+ swap
+ else
+ trycp "$ydestRep/map.yrf""$remoteRef"
+ typeset -U filesToUpdate
+ filesToUpdate=( $(diff $localRef$remoteRef| awk '/^[<>]/ {print $2}') )
+ if ((${#filesToUpdate} == 1));then
+ print -- "Seul le fichier ${filesToUpdate} sera téléversé"
+ elif ((${#filesToUpdate}<10));then
+ print -- "${#filesToUpdate} fichiers seront téléversés :"
+ print -- "${filesToUpdate}"
+ else
+ print -- "${#filesToUpdate} fichiers seront téléversés"
+ fi
+ # copy all file with some differences
+ # except the map in case of error
+ for element in$filesToUpdate;do
+ if [[ $element=="/map.yrf" ]];then
+ continue
+ fi
+ if [[ -e $srcRep$element ]];then
+ trycp $srcRep$element$ydestRep$element
+ else
+ tryrm $ydestRep$element
+ fi
+ done
+ # if all went fine, copy the map file
+ trycp $srcRep/map.yrf $ydestRep/map.yrf
+ # remove the temporary file
+ \rm $remoteRef
+ # if we have used the tmp directory we swap
+ if [[ "$suffix"!="" ]];then
+ swap
+ fi
+ fi
+}
+
+# publication via rsync
+function rsyncPublish {
+ result=1
+ essai=1
+ while (( $result> 0 ));do
+ print -- rsync -arv $srcRep/ $destRep.tmp
+ if ((!testmode));then
+ rsync -arv $srcRep/ $destRep.tmp
+ fi
+ result=$?
+ if (( $result> 0 ));then
+ print -P -- "%BEchec du rsync%b (essai n°$essai)">&2
+ fi
+ ((essai++))
+ done
+}
+
+# swap
+function swap {
+ print -P -- "%B[Directory Swap (tmp <=> target)]%b"
+ [[ -e $destRep.old ]] && tryrm $destRep.old
+
+ print -- " renommage du repertoire sandard vers le .old"
+ tryrename $destRep$destRep.old
+
+ print -- " renommage du repertoire tmp (nouveau) vers le standard"
+ print -P -- "%B[Site Indisponible]%b $(date)"
+ tryrename $destRep.tmp $destRep
+ print -P -- "%B[Site Disponible]%b $(date)"
+
+ print -- " renommage du repertoire old vers le tmp"
+ tryrename $destRep.old $destRep.tmp
+
+ print -P -- " publication terminée"
+}
+
+print -- "Root = $webroot"
+print -- "Dest = $destRep"
+
+if [[ "$1" = "-s" ]];then
+ swap
+else
+ print -P "Copie de l'init"
+ \cp -f $webroot/n3blog/multi/index.html $webroot/index.html
+
+ if [[ "$1" = "-d" ]];then
+ suffix=""
+ else
+ suffix=".tmp"
+ fi
+ print -P -- "%BSync%b[${Root:t} => ${destRep:t}$suffix]"
+ incrementalPublish
+fi
+
+
+
+
C’est ma façon de remplacer rsync avec des filesystem qui ne permettent pas de l’utiliser. J’espère que ça pourra vous être utile. Je serai heureux de savoir si quelqu’un à une idée sur comment gérer le problème de renommage de répertoire avec webdav.
+
+
+
+
+
\ No newline at end of file
diff --git a/output/n3blog/fr/blog/2009-10-30-How-to-handle-evil-IE/code/ie.js b/output/n3blog/fr/blog/2009-10-30-How-to-handle-evil-IE/code/ie.js
new file mode 100644
index 000000000..661daa2f2
--- /dev/null
+++ b/output/n3blog/fr/blog/2009-10-30-How-to-handle-evil-IE/code/ie.js
@@ -0,0 +1,18 @@
+
+// Remove all CSS I don't want to use on IE
+$('link[rel=stylesheet]').each(function(i)
+{
+ if (this.getAttribute('href') == '/css/layout.css')
+ this.disabled = true;
+ if (this.getAttribute('href') == '/css/shadows.css')
+ this.disabled = true;
+ if (this.getAttribute('href') == '/css/gen.css')
+ this.disabled = true;
+}) ;
+
+// Append the CSS for IE only
+$('head').append('');
+
+// I also add a message on top of the page
+$('body').prepend('
Pour les développeur de site web Internet Explorer est un cauchemar. C’est pourquoi j’utilise un style complètement différent pour ce navigateur. Avec la librairie jQuery.
+
+
+$(document).ready( function() {
+ if ($.browser["msie"]) {
+ // include the ie.js file
+ $('head').append('<script type="text/javascript" src="/js/ie.js"></scr'+'ipt>');
+ }
+});
+
+// Remove all CSS I don't want to use on IE
+$('link[rel=stylesheet]').each(function(i)
+{
+ if (this.getAttribute('href') =='/css/layout.css')
+ this.disabled=true;
+ if (this.getAttribute('href') =='/css/shadows.css')
+ this.disabled=true;
+ if (this.getAttribute('href') =='/css/gen.css')
+ this.disabled=true;
+}) ;
+
+// Append the CSS for IE only
+$('head').append('<link rel="stylesheet" type="text/css" href="/css/ie.css"/>');
+
+// I also add a message on top of the page
+$('body').prepend('<div id="iemessage"><p><span class="fr"><em>Avec <a href="http://www.firefox.com"> Firefox </a> et <a href="http://www.apple.com/safari">Safari</a> cette page est bien plus jolie !</em></span><span class="en"><em>This page is far nicer with <a href="http://www.firefox.com"> Firefox </a> and <a href="http://www.apple.com/safari">Safari</a>!</em></span></p>.</div>');
+
+
+ Cacher la navigation pour une meilleure concentration
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Je crois que le but du minimalisme est de facilité le Focus c’est-à-dire la concentration sur le contenu. Je crois que le minimalisme doit être un moyen et pas une fin. Le Focus devrait être le but, et je pense que le minimalisme n’est pas obligatoire pour l’atteindre.
+
+
C’est pourquoi mon design n’est pas minimaliste. Mais j’ai décidé d’enlever la majorité des objets servant à la navigation pour améliorer l’attention sur l’article. Peut-être que plus tard, je préfèrerai laisser le menu dans les pages normales du site pour ne le cacher que dans les articles de blog.
+Pour l’instant je le cache partout.
+
+
+
+
+
+
+
+
Détails techniques
+
+
Pour ceux qui souhaitent connaître les détails techniques derrière le menu apparaissant/disparaissant, voici le code utilisant jQuery.
+
+
L’HTML :
+
+
+
+<divid="menuButton"></div>
+<divid="entete">#content of the menu</div>
+
Voici comment apparaissent mes pages pendant leur chargement.
+
+
+
Voilà ! Je suis chargée !
+
Cliquez-moi dessus pour recommencer.
+
+ Loading...
+
+
+
+
+
+
J’ai d’abord essayé d’intégrer queryLoader, mais il ne comblait pas mes besoins.
+
+
Ce plugin ajoutait un ‘div’ noir pour cacher le contenu du site. Cependant, comme le script doit être lancé à la fin du code source. Pendant un petit moment, on peut voir mon site en train de se mettre à jour.
+
+
Pour cacher ce petit ‘artefact’, voici comment je m’y suis pris.
+
+
Code
+
+
D’abort il faut ajouter tout en haut du body cette fois un div qui va être le voile noir qui va tout cacher.
+
+
+
+...
+<body>
+<divid="blackpage">
+ content to display during the loading.
+</div>
+...
+
Oui, c’est aussi simple que ça. Maintenant ajouter le #blackpage tout en haut de ma page me permet d’être certain de tout cacher pendant le chargement de la page.
J’ai déjà dit pourquoi je préférais que mon menu de navigation soit caché. J’ai finalement décidé d’attendre un peu avant de cacher le menu. Juste le temps que l’utilisateur le voit. Mais voilà. Comment faire pour qu’il ne disparaisse que lorsque l’on ne s’en sert pas pendant un petit moment ?
+
+
Voici la solution que j’utilise avec jQuery
+
+
HTML :
+
+
+
+ <divid="menuButton"></div>
+ <divid="entete">
+ <ul>
+ <li> menu item 1 </li>
+ ...
+ <li> menu item n </li>
+ </ul>
+ </div>
+
+var last=0;
+
+// will hide the menu in 5 seconds
+// if the variable 'last' has not changed its value
+functionautoHideMenu(value) {
+ setTimeout(function(){
+ if ( last == value ) { hideMenu(); }
+ },5000);
+}
+
+$(document).ready( function() {
+ // show the menu when the mouse is on
+ // the good area
+ $('#menuButton').hover(showMenu);
+
+ // If the mouse is on the menu change the
+ // value of 'last'
+ // try to hide the menu when the mouse
+ // go out off the menu.
+ $('#entete').hover(
+ function(){last+=1;},
+ function(){autoHideMenu(last);} );
+ autoHideMenu(0);
+});
+
+// show / hide menu functions details
+
+// move to the left
+functionhideMenu() {
+ $('#entete').animate({left:"-10em"}, 500 );
+}
+
+// move to right and will try to hide in 5 sec.
+functionshowMenu() {
+ $('#entete').animate({left:"0em"}, 500 );
+ last+=1;
+ autoHideMenu(last);
+}
+
+
+
+
Simple et peu gourmand en ressources. Pas de timer (ou presque), pas de fuite de mémoire, pas d’utilisation de date…
Je décris pourquoi j’ai eu tant de mal à me faire à Git. Il y a en effet une partie “non dite” qui m’a bloqué pendant un bon moment. Jusqu’à ce que je découvre le bon document.
+
+
Le fait est que les branches légères ne sont pas destinée à être des branches isolées. Ainsi, il y a un “workflow standard” qui s’il n’est pas suivi rend l’utilisation de Git inappropriée.
+
+
+
+
+
+
+
+
La décentralisation en action
+
+
De SVN à Bazaar
+
+
J’étais un fervent utilisateur de subversion (svn). Lorsqu’un jour, comme beaucoup de gens je découvris ce qu’en pensais Linus Torvald sur une vidéo. Ventant les mérites d’un système de versions concurrentes décentralisé.
+
+
En effet une fois qu’on s’y intéresse un peu, on voit tous les avantages pratiques qu’apporteraient en théorie un tel système.
+
+
J’ai alors eu besoin d’un système de version dans mon équipe.
+Ils n’étaient pas familier avec les systèmes de versions. À par ceux possédant une GUI, qui sont lourds et administrés par un responsable†.
+
+
Après quelques recherches trois choix se dessinent :
En me renseignant un peu sur les forums et en essayant les trois, je me suis vite rendu compte que celui possédant l’interface utilisateur la plus simple était Bazaar*. Mon choix était fait.
+
+
De bazaar à Git
+
+
Je me suis alors familiarisé avec Bazaar. Et je dois dire que c’était vraiment naturel en venant de subversion. La commande pull correspond au update, la commande push correspond au commit. Puis les commandes commit et update existent toujours si on en a besoin et qu’on veut utiliser un workflow identique à celui de subversion.
+
+
Mais plus le temps passe et plus de partout sur les blog, c’est surtout Git qui a le vent en poupe.
+
+
Je décide alors d’utiliser Git en particulier pour versionner le site que vous êtes en train de lire. Sauf que je le trouve vraiment difficile d’utilisation et surtout complètement contre intuitif (j’y reviendrai plus tard).
+
+
Alors que j’essaye de trouver de l’aide et que je dis qu’il est plus difficile à utiliser que Bazaar, beaucoup me répliquent que c’est :
+
+
+
— Super-tellement-trop-simple que même ma fille de 12 ans qui n’y comprend rien en informatique l’utilise pour versionner ses documents. Elle s’en sert très facilement en créant des branches et tout et tout…
+
+
+
Bon alors si une gamine 12 ans trouve ça très naturel et que moi (avec mon Doctorat en informatique) j’ai du mal à faire ce que je veux, c’est un peu frustrant et humiliant. Mais qu’est-ce qui fait que Git est naturel aux uns (comme pour CocoaSamurai ) et très confus pour moi ?
+
+
C’est en lisant un article j’ai enfin compris ce qu’il me manquait. C’est la partie non dite de la conception. Celle que tous les développeurs et les concepteurs trouvaient comme aller de soi. Sauf que pour moi, ce n’était pas du tout le cas.
* - Je n’ai pas vraiment donné sa chance à Mercurial, la terminologie qu’ils utilisaient était trop éloignée de celle de svn à laquelle je m’étais habituée.
+
+
+
+
+
+
+
+
Lorsqu’on voit les présentations autour de la notion de branche et de dcvs, on s’imagine dans un monde où chaque branche est totalement isolée des autres sauf au moment de “merger” les différences les unes des autres.
+Tout est magique. C’est la façon de voir “Mondes Parallèles”. Cette façon de voir est expliquée dans le très bon article sur les branches sur betterexplained.
+
+
Sauf que les concepteurs de Git (conçu pour le noyau Linux) ont plutôt imaginé un système basé non pas autour des mondes parallèles, mais sur la notion de Patch.
+
+
D’un côté Mondes Parallèles, de l’autre Patchs. Il y a beaucoup de notions équivalentes dans les deux cas, mais aussi quelques différences.
+
+
+
Bazaar est complètement basé sur la notion de Mondes Parallèles qui va impliquer un phénomène de Patch.
+
Alors que Git est basé sur la notion de Patch qui va impliquer la création de Mondes Parallèles.
+
+
+
Je ne vais pas argumenté pour savoir si une façon de voir est meilleure que l’autre. Disons simplement que ma façon d’entrer dans l’explication des DCVS était par le biais des Mondes Parallèles alors que Git est conçut selon l’autre notion‡.
+
+
De la théorie à la pratique
+
+
Bien que je pense avoir bien compris les mécanismes conceptuels de Git, la mise en pratique posait problème. Et le point noir, celui qui m’empêchait de comprendre Git comme je le souhaitais était dû à la notion de branche légère.
+
+
Une branche légère qu’est-ce que c’est me demanderez-vous ? Si comme moi on vient de Bazaar, c’est une notion complètement nouvelle. Il s’agit simplement de la capacité de créer une nouvelle branche en réutilisant le répertoire dans lequel on se trouve.
+
+
En pratique pour changer de branche, il faut lancer une commande. Tous les fichiers locaux non modifiés depuis le dernier commit seront alors modifiés pour correspondre à la version de la branche.
+
+
En théorie, les branches légères sont des branches tout comme avec bazaar. D’ailleurs le mot utilisé n’est pas branche légère mais branche tout court.
+
+
Sauf que contrairement à une branche standard résidant dans son propre répertoire, une branche légère est destinée à n’être qu’un patch de la branche principale du répertoire dans lequel elle réside.
+
+
Bien entendu on pourra m’objecter que l’on peut tout à fait utiliser ces branches légères comme des branches normales. Mais elles n’ont pas été conçues pour ça. Et donc, en pratique, c’est gênant de les utiliser de la sorte.
+
+
Voici comment Git est censé être utilisé (pour plus de détails vous pouvez lire Git for Designers en anglais) :
+
+
+
récupération ou création d’un “repository” central Le Grand Repository
+
Création d’un branche légère locale qui contient les différences qui vont devoir être “patché” dans LE GRAND REPOSITORY.
+
+
+
Voici comment n’est pas censé être utilisé Git :
+
+
+
Récupération ou création d’un “repository” quelconque
+
Création d’un branche légère locale qui n’a pas pour vocation de mettre à jour le “repository” d’origine, mais de vivre sa vie de façon autonome et de récupérer les mises à jour des autres du “repository” d’origine.
+
+
+
En effet cette petite notion m’a empêché de fonctionner correctement.
+
+
En pratique
+
+
Maintenant que j’ai compris ça, je peux enfin comprendre pourquoi Git a tant de défenseurs qui continue de trouver que Git est meilleur que les autres.
+
+
La notion de branche légère est essentielle à Git et vraiment utile en pratique. Notamment pour la gestion de ce site. Par contre, elle m’empêche d’utiliser les branches comme je le souhaiterai.
+
+
Mais dans ce cas-là, je n’ai qu’à utiliser des clônes et pas des branches légères.
+
+
Des exemples
+
+
Je trouve toujours que les terminologies de bazaar sont plus claires et plus concises.
+
+
bzr revert
+
+
+
est quand même plus clair que
+
+
git reset --hard HEAD
+
+
+
De la même façon
+
+
bzr revert -r -3
+
+
+
je trouve ça mieux que
+
+
git reset --hard HEAD~3
+
+
+
Là ça va commencer à se compliquer. Si on veut revenir dans le temps sur toute l’arborescence, avec Git on utilise reset.
+
+
OK
+
+
Maintenant si je veux revenir dans le temps sur un seul fichier. Naturellement on se dit :
+
+
git reset --hard FILE
+
+
+
**ET BIEN NON !**
+
+
La solution c’est :
+
+
git checkout FILE
+
+
+
Quoi ? checkout !? Bon, d’accord, j’accepte, pourquoi pas après tout ?
+En plus quand on est habitué à Bazaar c’est :
+
+
git revert FILE
+
+
+
Ce que je trouve quand même bien plus naturel.
+
+
Mais là où ça devient vraiment difficile de s’y faire c’est pour changer de branche.
+Avec Bazaar ça donne :
+
+
cd ../branch
+
+
+
Bon ok, il faut changer de répertoire, un répertoire par branche. Ça consomme de l’espace disque mais au moins on voit où on est. Avec Git voilà comment on change de branche (branche légère) :
+
+
git checkout branch
+
+
+
Alors là, on se dit “WTF?” ; en français : mais qu’est-ce que c’est que ça ? Je croyais que checkout c’était pour récupérer l’état d’un fichier ?
+
+
En fait le mot checkout sert à la fois à revenir en arrière sur un fichier (MAIS PAS TOUTE UNE ARBORESCENCE où là ça sera reset --hard) et à changer de branche !
+
+
Je trouve ça carrément contre nature. Même si c’est totalement justifié du point de vue théorique voir le très bon article (en anglais) Git for Computer Scientist. Du point de vue interface utilisateur, on peut difficilement faire pire. On dirait que les mots clés sont utilisés pour piéger l’utilisateur.
+
+
+
+
— Alors, essaye de deviner ce qu’il va falloir écrire pour faire cette opération ?
+
— Perdu. Essaye encore, cherche sur Internet (blaireau).
+
— Non, c’est toujours pas bon, recommence (sale nul).
+
+
+
+
Bon alors, voilà, les défauts de Git. Mais, il a par contre beaucoup d’avantages. Une fois qu’on a compris le principe des branches légères. Tout devient plus clair. Même si en pratique, l’édition du fichier .git/config peut s’avérer un peu fastidieuse et surtout contre intuitive.
+
+
‡ - Il faut aussi préciser qu’ayant travaillé sur les logiques multi-modales et en particulier sur les logiques temporelles (linéaires ou non), j’étais plus enclin à adhérer à cette vision des choses. “Ah mes premiers amours dans la recherche scientifique !”
+
+
+
+
+
+
+
+
Conclusion
+
+
DCVS vs. CVS ?
+
+
Est-ce que ça valait la peine d’utiliser un système de “versionning” décentralisé ? Indéniablement la réponse est oui. On peut très bien vivre avec des systèmes de versions centralisés, mais la souplesse apportée par la facilité de “merger” différentes branches. De travailler de façon autonomes sur différentes parties d’un projets sont vraiment des plus appréciables. J’aurai vraiment du mal à revenir en arrière.
+
+
Est-ce que Git est meilleurs que Bazaar ?
+
+
En terme de fonctionnalités je dirai que Git est meilleurs.
+Par contre, je dois avouer qu’il s’agit d’un CVS qui s’est mis dans mes pattes. Or c’est exactement ce que je ne souhaitait pas lors de mon premier choix.
+
+
Je n’aurai pas dû avoir du mal à comprendre cette notion de branche légère qui doit être un patch sinon tu reçois des messages t’expliquant que tu es en retard. En réalité, Git différencie la notion d’arbre de la notion de branche. Ce qui n’est pas le cas dans Bazaar. Conceptuellement, c’est beaucoup plus simple de comprendre avec Bazaar.
+
+
Finalement ?
+
+
Pour conclure, j’utilise plus souvent Git que Bazaar et je dois dire que je préfère utiliser Git. Cependant, les commandes comme revert manquent cruellement avec Git. Pour l’instant je n’ai pas encore fait d’alias pour renommer les commandes Git comme je le souhaite.
Si tout ce qui vous intéresse c’est d’utiliser Gittout de suite. Lisez simplement les parties sur fond noir. Je vous conseille aussi de revenir relire tout ça un peu plus tard, pour mieux comprendre les fondements des systèmes de versions et ne pas faire de bêtises quand vous les utilisez.
+
+
+
+
+
+
Git est un DCVS, c’est-à-dire un système de versions concurrentes décentralisé. Analysons chaque partie de cette appellation compliquée.
+
+
Système de versions
+
+
Tout d’abord, les systèmes de versions gèrent des fichiers.
+Quand on travaille avec des fichiers sans système de version voilà ce qui arrive souvent :
+
+
Lorsqu’on modifie un fichier un peu critique et qu’on a pas envie de perdre, on se retrouve souvent à le recopier sous un autre nom. Par exemple
Du coups, ce nouveau fichier joue le rôle de backup. Si on casse tout, on peut toujours écraser les modifications que nous avons faites. Évidemment le problème avec cette façon de faire c’est que ce n’est pas très professionnel. Et puis c’est un peu limité. Si on veut faire trois ou quatre modifications on se retrouve avec plein de fichiers. Parfois avec des nom bizarres comme :
Bon alors si on veut que ça marche il faut se fixer des conventions de nommage. Les fichiers prennent beaucoup de place alors que souvent il n’y a que quelques lignes différentes entre le fichier et son backup…
+
+
Heureusement les systèmes de version viennent à la rescousse.
+
+
Il suffit de signaler que l’on va faire une nouvelle version d’un fichier et le système de version se débrouille pour l’enregistrer quelque part où on pourra facilement le retrouver. Et en général, le système de version fait les choses bien. C’est-à-dire qu’il n’utilise que très peu d’espace disque pour faire ces backups.
+
+
Il fut un temps où les versions étaient gérées fichier par fichier. Je pense à CVS. Puis on s’est vite aperçu qu’un projet c’est un ensemble de fichiers cohérents. Et donc il ne suffit pas de pouvoir revenir en arrière par fichier, mais plutôt dans le temps. Les numéros de versions sont donc passé d’un numéro par fichier à un numéro par projet tout entier.
+
+
Ainsi on peut dire, «je veux revenir trois jours en arrière», et tous les fichiers se remettent à jour.
+
+
+
+
+
+
Qu’apportent les systèmes de versions ? (je n’ai pas tout mentionné)
+
+
+
backup automatique de tous les fichiers: Revenir dans le temps. ;
+
donne la possibilité de voir les différences entre chaque version et les différences entre la version en cours et les modifications locales ;
+
permet de poser un tag sur certaines versions et ainsi pouvoir s’y référer facilement ;
+
permet d’avoir un historique des modifications. Car en général il est demandé aux utilisateurs d’ajouter un petit commentaire à chaque nouvelle version.
+
+
+
+
+
+
+
concurrentes
+
+
Les systèmes de versions sont déjà intéressants pour gérer ses projets personnels. Car ils permettent de mieux organiser celui-ci. De ne (presque) plus se poser de questions à propos des backups. Je dis presque parce qu’il faut quand même penser à protéger par backup son repository. Mais là où les systèmes de versions deviennent vraiment intéressants, c’est pour la gestion de projets à plusieurs.
+
+
Commençons par un exemple avec un projet fait par deux personnes ; Alex et Béatrice.
+Sur un fichier contenant une liste de dieux Lovecraftiens :
+
+
+
+Cthulhu
+Shubniggurath
+Yogsototh
+
+
+
Disons que Alex est chez lui, il modifie le fichier :
+
+
+
+Cthulhu
+Shubniggurath
+Soggoth
+Yogsototh
+
+
+
+
puis il envoi ce fichier sur le serveur du projet. Ainsi sur le serveur, il y a le fichier d’Alex.
+
+
Ensuite c’est Béatrice qui n’a pas récupéré le fichier d’Alex sur le serveur qui fait une modification.
+
+
+
+Cthulhu
+Dagon
+Shubniggurath
+Yogsototh
+
+
+
+
Puis Béatrice envoi son fichier sur le serveur.
+
+
La modification d’Alex est perdue. Encore une fois les systèmes de versions sont là pour résoudre ce type de soucis.
+
+
Un système de version aurait mergé les deux fichiers au moment où Béatrice voulait envoyer la modification sur le serveur. Et comme par magie, sur le serveur le fichier deviendra :
En pratique, au moment où Béatrice veut envoyer ses modifications, le système de version la préviens qu’une modification a eu lieu sur le serveur. Elle utilise la commande qui rapatrie les modifications localement et qui va mettre à jour le fichier. Ensuite Béatrice renvoie le nouveau fichier sur le serveur.
+
+
+
+
+
+
Qu’apportent les Systèmes de Versions Concurrentes ?
+
+
+
récupérer sans problème les modifications des autres ;
+
envoyer sans problème ses modifications aux autres ;
+
permet de gérer les conflits. Je n’en ai pas parlé, mais quand un conflit arrive (ça peut arriver si deux personnes modifient la même ligne avec deux contenus différents), les SVC proposent leur aide pour les résoudre. J’en dirai un mot plus loin.
+
permet de savoir qui a fait quoi et quand
+
+
+
+
+
+
+
décentralisé
+
+
Ce mot n’est devenu populaire que très récemment dans le milieu des systèmes de version. Et bien ça veut dire principalement deux choses.
+
+
Tout d’abord, jusqu’à très récemment (SVN) il fallait être connecté sur un serveur distant pour avoir des informations sur un projet. Comme avoir l’historique. Les nouveaux systèmes décentralisés permettent de travailler avec un REPOSITORY (le répertoire contenant tous les backups, et les différentes info nécessaires au fonctionnement du système de versions) local au projet. Ainsi on peut avoir l’historique du projet sans avoir à se connecter au serveur.
+
+
Toutes les instances de projets peuvent vivre de façon indépendantes.
+
+
Pour préciser, les systèmes de versions concurrentes décentralisés sont basés sur la notion de branche.
+
+
Et la signification pratique est très importante. Ça veut dire que tout les utilisateurs travaillent de façon complètement indépendante les uns des autres. Et c’est l’outil de version qui se charge de mettre tout ça ensemble.
+
+
Ça va même encore plus loin. Ça permet de développer plusieurs features de manière complètement indépendantes. Sous les autres systèmes c’était plus difficile.
+
+
L’exemple type :
+
+
+
Je développe mon projet. Je suis en train de l’améliorer. Lorsqu’un bug urgent est reporté.
+
+
Je peux très facilement avec un système décentralisé, revenir sur la version qui pose problème. Résoudre le bug. Renvoyer les modifications. Puis revenir à ma version avec les améliorations en cours. Et même récupérer la correction de bug dans ma nouvelle version avec les améliorations.
+
+
Dans un système non décentralisé, cela est possible, mais fastidieux. Les systèmes décentralisés rendent ce type de comportement très naturels. Ainsi, il devient naturel de tirer des branches pour toutes les features, les bug…
+
+
+
+
+
+
+
**Avantages donnés par la décentralisation des systèmes de versions concurrentes : **
+
+
+
Possibilité de travailler sans être connecté au serveur de version ;
+
Possibilité de créer beaucoup de patches atomiques ;
+
Grande facilité de maintenance de plusieurs versions différentes de la même application.
+
+
+
+
+
+
+
Pour résumer
+
+
Résumons l’ensemble des choses que l’on peut faire facilement avec un DCVS :
+
+
Systèmes de versions
+
+
+
revenir dans le temps ;
+
lister les différences entre chaque version ;
+
nommer certaines versions pour s’y référer facilement ;
+
afficher l’historique des modifications.
+
+
+
Concurrentes
+
+
+
récupérer les modifications des autres ;
+
envoyer ses modifications aux autres ;
+
permet de savoir qui a fait quoi et quand ;
+
gestion des conflits.
+
+
+
Décentralisé
+
+
+
manipuler facilement des branches
+
+
+
Maintenant voyons comment obtenir toutes ces choses facilement avec Git.
Voici une parmi de nombreuses autres façon d’utiliser Git. Cette méthode est nécessaire et suffisante pour travailler seul ou en collaboration sur un projet commun. Cependant, on peut faire beaucoup mieux avec Git que ce workflow (en langage anglo-saxon).
verifier le details de ses modifications git status et git diff
+
indiquer si nécessaire que de nouveaux fichiers doivent être versionnésgit add [file]
+
enregistrer ses modifications git commit -a -m "message"
+
envoyer ses modifications aux autres git push (refaire un git pull si le push renvoie une erreur).
+
+
+
+
+
Voilà, avec ces quelques commandes vous pouvez utiliser Git sur un projet avec d’autres personnes. Même si c’est suffisant, il faut quand même connaître une chose avant de se lancer ; la gestion des conflits.
+
+
Gestion des conflits
+
+
Les conflits peuvent survenir lorsque vous modifiez les même lignes de codes sur le même fichier d’une autre branche que vous mergez. Ça peut sembler un peu intimidant, mais avec Git ce genre de chose est très facile a régler.
+
+
exemple
+
+
Vous partez du fichier suivant :
+
+
+
+Zoot
+
+
+
+
et vous modifiez une ligne
+
+
+
+Zoot the pure
+
+
+
+
sauf que pendant ce temps, un autre utilisateur a aussi modifié cette ligne et a fait un push de sa modification.
+
+
+
+Zoot, just Zoot
+
+
+
+
Maintenant quand vous lancez la commande
+
+
+
+$ git pull
+remote: Counting objects: 5, done.
+remote: Total 3 (delta 0), reused 0 (delta 0)
+Unpacking objects: 100% (3/3), done.
+From /home/e640846/tmp/conflictTest
+ d3ea395..2dc7ffb master -> origin/master
+Auto-merging foo
+CONFLICT (content): Merge conflict in foo
+Automatic merge failed; fix conflicts and then commit the result.
+
+
+
+
Notre fichier foo contient alors :
+
+
+
+<<<<<<< HEAD:foo
+Zoot the pure
+=======
+Zoot, just Zoot
+>>>>>>> 2dc7ffb0f186a407a1814d1a62684342cd54e7d6:foo
+
+
+
+
Résolution du conflit
+
+
Régler le conflit, il suffit d’éditer le fichier, par exemple en écrivant :
+
+
+
+Zoot the not so pure
+
+
+
+
et de ‘commiter’ tout simplement :
+
+
+
+git commit -a -m "conflict resolved"
+
+
+
+
Maintenant vous êtes fin prêt pour utiliser Git.
+Sauf que Git, c’est un outil qui permet de faire beaucoup plus que juste ça. Nous allons maintenant voir comment utiliser les fonctionnalités de Git qui n’étaient pas disponibles avec CVS et consorts.
Parce que grace à Git vous pouvez travailler sur plusieurs partie du projet de façon complètement isolée les unes des autres. Ça c’est la partie décentralisée de Git.
+
+
Toutes les branches locales utilisent le même répertoire. Ainsi on peu changer de branche très aisément et rapidement. On peut aussi changer de branche alors que certains fichier sont en cours de modifications. On peut même pousser le vice jusqu’à modifier un fichier, changer de branche, commiter une partie seulement des modifications de ce fichier dans la branche courante. Revenir dans l’ancienne branche et commiter à nouveau les modifications restantes. Et merger dans une troisième branche les deux modifications.
+
+
Avec la command git rebase on peut après coup, décider que certaines modifications devaient aller dans certaines branches, que d’autres ne servaient à rien. C’est une commande vraiment très puissante pour organiser l’historique.
+
+
En pratique, qu’est-ce que ça signifie ? Mieux qu’avec tous les autres systèmes de versions, vous pouvez utiliser Git pour vous concentrer sur votre code. En effet, on peut envoyer les commits après avoir coder. Par exemple, vous pouvez coder sur la résolution du bug b01, du bug b02 et de la feature f03. Puis ensuite, vous pouvez créer une branche par bug et par feature. Puis commiter les modifications pour chaque branche et chaque feature. Puis finalement merger tous les modifications dans la branche principale.
+
+
Tout a été pensé pour vous permettre de coder d’abord, puis de vous occuper du système de version plus tard. Bien entendu, faire des commit atomique au fur et à mesure du code permet de gagner du temps et de ne pas trop s’embêter pour organiser les branches. Mais rien ne vous y oblige. Par contre faire la même chose dans d’autres systèmes de versions n’est absolument pas naturel.
+
+
Avec Git vous pouvez aussi dépendre de plusieurs sources. Ainsi, plutôt que d’avoir un serveur centralisé, vous pouvez avoir plusieurs sources. Vous pouvez définir ce genre de chose très finement.
+
+
Ce qui change le plus avec Git c’est la vision d’un projet centralisé sur un serveur avec plusieurs personnes qui travaillent dessus. Avec Git plusieurs personnes peuvent travailler sur le même projet, mais sans nécessairement avoir un repository de référence. On peut très facilement résoudre un bug et envoyer le patch à plein d’autres versions du projet.
+[color]
+ branch = auto
+ diff = auto
+ status = auto
+[alias]
+ st = status
+ co = checkout
+ br = branch
+ lg = log --pretty=oneline --graph
+ logfull = log --pretty=fuller --graph --stat -p
+ unstage = reset HEAD
+ # there should be an article on what this command do
+ uncommit = !zsh -c '"if (($0)); then nb=$(( $0 - 1 )); else nb=0; fi; i=0; while ((i<=nb)); do git revert -n --no-edit HEAD~$i; ((i++)); done; git commit -m \"revert to $0 version(s) back\""'
+ undomerge = reset --hard ORIG_HEAD
+ conflict = !gitk --left-right HEAD...MERGE_HEAD
+ # under Mac OS X, you should use gitx instead
+ # conflict = !gitx --left-right HEAD...MERGE_HEAD
+[branch]
+ autosetupmerge = true
+
+
+
+
Vous pouvez obtenir le même résultat en utilisant pour chaque entrée la commande git config --global.
+Configurez ensuite votre nom et votre email. Par exemple si vous vous appelez John Doe et que votre email est john.doe@email.com. Lancez les commandes suivantes :
+
+
+$ git config --global user.name John Doe
+
+$ git config --global user.email john.doe@email.com
+
+
+
Voilà, la configuration de base est terminée. J’ai créé dans le fichier de configuration global des alias qui vont permettre de taper des commandes un peu plus courtes.
+
+
Récupération d’un projet déjà versionné
+
+
Si un projet est déjà versionné avec Git vous devez avoir une URL pointant vers les sources du projet. La commande a exécuter est alors très simple.
+
+
+$ cd ~/Projets
+$ git clone git://main.server/path/to/file
+
+
+
S’il n’y a pas de serveur git sur le serveur distant, mais que vous avez un accès ssh, il suffit de remplacer le git de l’url par ssh. Pour ne pas avoir à entrer votre mot de passe à chaque fois le plus simple est de procéder comme suit :
+
+
+$ ssh-keygen -t rsa
+
+
+
Répondez aux question et n’entrez surtout PAS de mot de passe. Ensuite copiez les clés sur le serveur distant. Ce n’est pas la façon la plus sûre de procéder. L’idéal étant d’écrire quand même un mot de passe et d’utiliser ssh-agent.
+
+
Ensuite le plus simple, si vous possédez ssh-copy-id (sous Ubuntu par exemple) :
Une petite précision. Si vous ne souhaitez pas versionner tous les fichiers. Par exemple, les fichiers de compilations intermédiaires. Alors il faut les exclure. Pour cela, avant de lancer la commande git add .. Il faut créer un fichier .gitignore qui va contenir les pattern que git doit ignorer. Par exemple :
+
+
+*.o
+*.bak
+*.swp
+*~
+
+
+
Maintenant si vous voulez créer un repository sur un serveur distant, il faut absolument qu’il soit en mode bare. C’est-à-dire que le repository ne contiendra que la partie contenant les informations utile à la gestion de git, mais pas les fichiers du projet. Sans rentrer dans les détails, il suffit de lancer :
+
+
+$ cd /path/to/local/project
+$ git clone --bare . ssh://server/path/to/project
+
+
+
Les autres pourront alors récupérer les modifications via la commande vue précédemment :
+
+
+git clone ssh://server/path/to/project
+
+
+
Résumé de la seconde étape
+
+
Vous avez maintenant un répertoire sur votre ordinateur local. Il est versionné. Vous pouvez vous en rendre compte parcequ’à la racine (et à la racine seulement), il y a un répertoire .git. Ce répertoire contient tous les fichiers nécessaires au bon fonctionnement de Git.
+
+
Il ne reste plus qu’à savoir comment s’en servir maintenant pour obtenir toutes les jolies promesses faites dans la première partie.
Voici un tutoriel Git détaillé pour ceux qui en connaissent très peu sur les systèmes de versions. Vous comprendrez l’utilité de tels systèmes et surtout comment on se sert des systèmes de versions modernes, le tout en restant le plus pragmatique possible.
+
+
+
+
+
+
+
+
+
+
+
+
Pour commencer, la conclusion
+
+
Voici la liste des commandes nécessaires et suffisantes pour utiliser Git. Il y en a très peu. Il est normal de ne pas les comprendre tout de suite mais c’est pour vous donner une idée. Malgré la longueur de l’article, 95% de l’utilisation de Git tiens dans les 7 commandes décrites ci-après.
+# get modifications from other
+git pull
+# read what was done
+git log
+
+# Make local changes to files
+hack, hack, hack...
+# list the modified files
+git status
+# show what I've done
+git diff
+
+# tell git to version a new file
+git add new/file
+
+# commit its own modifications
+# to its local branch
+git commit -a -m "Fix bug #321"
+
+# send local modifications to other
+git push
+
+
+
Cet article est écrit pour ceux qui en savent très peu sur les systèmes de version. Il est aussi écrit pour ceux qui n’ont pas suivi les progrès accomplis depuis CVS ou subversion (SVN). C’est pourquoi, dans un premier temps, j’explique rapidement quels sont les buts poursuivis par les systèmes de versions. J’explique ensuite comment installer et configurer Git. Puis, pour chaque action que doivent accomplir les DCVS je donne les commandes Git qui y correspondent.
Il est vraiment incroyable que le filtrage d’appel soit impossible avec un iPhone ! Le seul intérêt que j’y vois, c’est une négociation avec les opérateurs pour interdire aux utilisateurs de passer à travers la publicité. C’est tout simplement inacceptable.
+
+
Je suis un utilisateur λ de l’iPhone. Le seul moyen de filtrer ses appels, de faire des blacklists ou autre c’est de jailbreaker son iPhone. Et je n’en ai aucune envie. Alors si comme moi, vous trouvez ça inacceptable, envoyez un mot à Apple : http://www.apple.com/feedback/iphone.html
Même si je considère que git a beaucoup de points noirs, je pense qu’il reste le meilleur DCVS à ce jour avec lequel travailler. C’est pourquoi je commencerai par parler des qualité de bazaar qui manquent à git. Ensuite seulement je donnerai le seul avantage de git qui suffit à le rendre préférable à Bazaar.
+
+
+
+
+
+
La découverte des DCVS
+
+
À savoir avant de débuter l’article. Je suis, comme beaucoup, un ancien utilisateur de subversion. Je trouve subversion très bien, mais j’ai été conquis par les capacités supplémentaires apportées par les systèmes de versions concurrentes décentralisés.
+
+
Il y a deux façon de percevoir les systèmes de versions. Soit on voit un système de branches (voir le très bon article sur betterexplained). Soit on peut voir les systèmes de versions comme des moyens d’appliquer des patches. C’est-à-dire que l’on peut soit se concentrer sur les nœuds soit sur les transitions du graphe induit par les différentes versions d’un projet.
+
+
Pour git, c’est plutôt ce deuxième point de vue qui a été adopté. C’est un peu normal, étant donné que c’est Linus Torvald qui l’a inventé pour combler les problèmes inhérent aux problèmes de création de code dans le noyau Linux. Et comme historiquement, la communauté Linux se base beaucoup sur les patches, il semblait logique que ce soit ce second point de vue qui soit adopté.
+
+
J’ai d’abord été convaincu par Bazaar. Pourquoi ? Les arguments en faveur de bazaar étaient : facilité d’utilisation en particulier, facilité d’adaptation pour tous ceux qui étaient habitués à subversion. Comme c’était mon cas, et que lorsque j’avais essayé de suivre la doc Git à l’époque c’était un peu épique.
+Puis avec le temps, je me suis dit que je n’allais quand même pas mourir idiot et que j’allais me mettre sérieusement à git histoire de voir si ses défenseurs avaient vraiment raison.
+
+
Mon dieu, que ce fut fastidieux. La terminologie est affreuse ! Et ce n’est rien de le dire.
+
+
Là où Bazaar est meilleur que git
+
+
Par exemple, checkout qui sert certainement à la même chose du point de vue technique, est dans l’usage un terme employé pour faire des actions qui semblent très différentes à un utilisateur λ. Exemple :
+
+
+git checkout pipo
+
+
+
annule une modification courante du fichier pipo
+
+
+git checkout pipo
+
+
+
change de la branche courante vers la branche pipo
+
+
Et là, comme moi, vous remarquez que la même commande à deux sens complètement différents. Comment ça se passe alors, quand il y a une branche pipo et un fichier pipo alors ? Et bien par défaut, ça change de branche. Pour lever l’ambigüité il faut utiliser la syntaxe
+
+
+git checkout ./pipo
+
+
+
Oui, bon… Voilà, voilà, voilà….
+
+
Ça marche, mais ce n’est pas très convivial. D’autant plus que le mot clé checkout signifiait sous CVS et SVN l’opération pour récupérer un projet distant.
+
+
Là où la différence se creuse c’est avec la terminologie Bazaar qui est bien plus naturelle. Car il n’y a pas de commande pour changer de branche, puisqu’il y a une branche par répertoire. Ainsi, pour changer de branche, il suffit de faire cd path/to/branch. Et pour revenir en arrière :
+
+
+bzr revert pipo
+
+
+
De plus, la plupart des commandes bazaar prennent en paramètre un numéro de révision, par exemple pour revenir 3 versions précédentes il suffit d’écrire :
+
+
+bzr revert -r -3 pipo
+
+
+
L’équivalent sous git est beaucoup plus cryptique :
+
+
+bzr checkout HEAD~3 pipo
+
+
+
Encore un fois, Bazaar est bien plus lisible.
+
+
Revenir dans le temps pour tout le projet :
+
+
avec Bazaar :
+
+
+bzr revert -r -3 pipo
+
+
+
et avec git ? git checkout ? Bien sûr que non voyons ! Ce serait bien trop simple. Ce que l’on trouve dans les forums c’est :
+
+
+git reset --hard HEAD~3
+
+
+
Sauf que cette syntaxe est horrible. Elle oublie ‘réellement’ les révisions. Il faut donc l’utiliser avec prudence. Mais en effet, je conseillerai plutôt :
Histoire d’avoir la branche backup sous la main, car sinon, on risque de perdre définitivement la version courante de HEAD. Qui ramène la branche locale à ce point. Mais il reste des erreur s’il y a eu des ajouts de fichier entre temps. Le seul et l’unique vraiment propre de revenir en arrière dans git c’est de lancer la commande suivante :
ce qui signifie sur un système UNIX en zsh (ou bash) faire git revert de toutes les dernières versions. Même si quelqu’un d’autre à fait un pull de vos modification intermédiaire il ne sera pas embêté et il sera au courant de ce qu’il s’est passé.
+
+
La règle est simple : Ne JAMAIS utiliser la commande git reset avec une version que d’autres personnes auraient pu avoir fetcher.
+
+
Voilà, c’est dit. Découvrir ça m’a pris pas mal de temps, avec plein d’essai de tous les cotés. Le plus sûr reste toujours la méthode vue plus haut. Si vous souhaitez automatiser cela, le plus simple est d’ajouter l’alias suivant à votre fichier ~/.gitconfig. Bien sûr l’alias ne fonctionnera que sur les environnement possédant zsh, ce qui est le cas de la plupart des environnements UNIX (Ubuntu, Mac OS X…).
+[alias]
+ uncommit = !zsh -c '"if (($0)); then nb=$(( $0 - 1 )); else nb=0; fi; i=0; while ((i<=nb)); do git revert -n --no-edit HEAD~$i; ((i++)); done; git commit -m \"revert to $0 version(s) back\""'
+
+
+
+
Ce qui fait que git est le meilleur DCVS jusqu’à aujourd’hui
+
+
Après avoir énoncé les cotés négatifs (et je les trouve nombreux) de git. Voici les cotés positifs qui a eux seul valent la peine de se coltiner tous les problèmes inhérent à git.
+
+
Cheap branching
+
+
Vous travaillez toujours dans le même répertoire principal. Par exemple, vous pouvez travailler sur deux corrections de bug. Disons fix1 et fix2 nécessitant la modification respective de file1 et file2. Vous pouvez travailler dans n’importe quel ordre sur vos deux fichiers dans la branche master. Puis, une fois votre travail fini. Aller dans la branche fix1 pour commiter file1. Puis aller dans la branche fix2 pour commiter file2. Et enfin, merger les deux branches dans master.
Et il est vraiment très agréable de ne pas se soucier d’être dans la bonne branche. Vous n’avez à vous occuper que de votre code et seulement ensuite vous occuper du système de version.
+
+
Sous Bazaar, il m’est souvent arriver de coder dans la mauvaise branche. Pour récupérer le coup, on doit copier les modifications du fichier dans la bonne branche et faire un revert sur le fichier en question, puis aller dans la bonne branche pour commiter les modifications. Enfin, la plupart du temps, je me trompe de branche et puis tant pis, je merge les deux tout en sachant que c’est sale.
+
+
C’est pourquoi je préfère utiliser git. Si Bazaar venait à implémenter ce système de cheap branching, je le replacerai certainement en tête.
Je viens de trouver le moyen de changer son shell par défaut sous Mac OS X. Cette note est plus pour moi. Mais elle peut aussi servir à quelqu’un d’autre. Il suffit de lancer la commande :
+ Expression régulière pour tout sauf quelquechose
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Parfois vous ne pouvez simplement pas écrire :
+
+
+if str.match(regexp) and
+ not str.match(other_regexp)
+ do_something
+
+
+
et vous devez obtenir le même comportement avec seulement une expression régulière. Le problème c’est que le complémentaire des régulier n’est pas régulier. Celà peut s’avérer impossible.
+
+
Cependant, pour certaines expressions ce peut être possible†. Disons que vous souhaitez matcher toutes les lignes contenant le mot bull, mais que vous ne souhaitez pas matcher bullshit. Voici une façon sympa d’y arriver :
+
+
+# matcher toute les chaines qui
+# matchent 'bull' (bullshit compris)
+/bull/
+
+# matcher toutes les chaines qui
+# contiennent 'bull' sauf 'bullshit'
+/bull([^s]|$)|
+bulls([^h]|$)|
+bullsh([^i]|$)|
+bullshi([^t]|$)/
+
+# une autre façon de l'écrire serait
+/bull([^s]|$|s([^h]|$)|sh([^i]|$)|shi([^t]|$))/
+
+
+
Regardons de plus près. Dans la première ligne, l’expression est :
+bull([^s]|$), pourquoi avons nous besoin du $ ?
+Parce que sans lui, le mot bull ne serait pas matché. Cette expression signifie :
+
+
+
La chaine finie par bull
+ou,
+contient bull suivi d’une lettre différente de s.
+
+
+
Et voilà. J’espère que ça a pu vous aider.
+
+
Notez que cette méthode n’est pas toujours la meilleure. Par exemple essayons d’écrire une expression régulière équivalente à l’expression conditionnelle suivante :
+
+# Commence avec 'a': ^a
+# Se finit par 'a': c$
+# Contient 'b': .*b.*
+# Mais n'est pas 'axbxc'
+if str.match(/^a.*b.*c$/) and
+ not str.match(/^axbxc$/)
+ do_something
+end
+
Cette solution utilise la longueur maximale de la chaine qui ne doit pas être matchée. Il existe certainement d’autres méthodes. Mais la leçon importante c’est qu’il n’est pas naturel d’exclure des solutions d’un expression régulière.
+
+
+
†
+Il peut être démontré que tout ensemble régulier privé d’un ensemble fini est aussi régulier.
+
+ Tout sauf quelquechose en expression régulière.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
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 caractère la plus longue possible.
+
+
+/a.*?b/
+a.....a......b..b..a....a....b...
+
+
+
L’autre manière naturelle de répondre à ce problème est de changer la greediness. Mais ce n’est pas assez parce que vous allez matcher du premier a au premier b après celui-ci. On peut alors constater que votre chaine de caractère ne devrait comprendre ni la lettre a ni la lettre b. Ce qui emène à la dernière solution élégante.
+
+
+/a[^ab]*b/
+a.....a......b..b..a....a....b...
+
+
+
Jusqu’ici, c’était facile. Maintenant comment fait vous quand au lieu de a vous avez une chaine de caractère ?
+
+
Par exemple, vous voulez matcher:
+
+<li>...<li>
+
+
+
C’est un peu difficile. Vous devez matcher
+
+<li>[anything not containing <li>]</li>
+
+
+
La première méthode serait d’utiliser le même rainsonnement que dans mon article précédent. Ici un premier essai :
+
+
+<li>([^<]|<[^l]|<l[^i]|<li[^>])*</li>
+
+
+
Mais il y a encore une erreur. Pensez à la chaine de caractère suivante :
+
+<li>...<li</li>
+
+
+
Cette chaine ne matchera pas. C’est pourquoi si on veut vraiment la matcher correctement† nous devons ajouter :
Oui, c’est un peu compliqué. Mais que se passe t’il lorsque la chaine de caractère que vous voulez matcher est encore plus longue que <li> ?
+
+
Voici un algorithme qui permet de résoudre ce problème aisément. Vous devez réduire ce problème au premier. C’est-à-dire celui avec une seule lettre :
+
+
+# transforme un simple caractère choisi aléatoirement
+# en un identifiant unique
+# (vous devez vérifier que l'identifier est VRAIMENT unique)
+# attention l'identifiant unique ne doit pas
+# contenir le caractère choisi.
+s/X/_was_x_/g
+s/Y/_was_y_/g
+
+# transforme la longue chaine de caractère
+# en un seul caractère
+s/<li>/X/g
+s/<\/li>/Y/g
+
+# Utilisation de la première méthode
+s/X([^X]*)Y//g
+
+# Retransformation des lettres en chaines
+# de caractères
+s/X/<li>/g
+s/Y/<\/li>/g
+
+# retour des anciens caractères.
+s/_was_x_/X/g
+s/_was_y_/Y/g
+
+
+
Et ça fonctionne en seulement 9 lignes pour toute chaine de début et de fin.
+Cette solution fait un peu moins I AM THE GREAT REGEXP M45T3R, URAN00B, mais elle est mieux adaptée à mon avis. De plus, utiliser cette dernière solution prouve que vous maitrisez les expressions régulières. Simplement parce que vous savez qu’il est difficile de résoudre des problèmes de cette forme en utilisant seulement des expressions régulières.
+
+
+
† Je sais que j’ai utilisé une syntaxe HTML dans mon exemple. Mais dans l’utilisation réelle que j’en ai faite, je devais matcher entre en: et ::, sachant que parfois les chaines pouvaient se terminer par e::.
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.
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à :
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 point par nom de fichier. C’est pourquoi j’ai réalisé que le split serait plus rapide. Mais pas le plus rapide possible. Il y a une fonction qui est dédiée à faire ce travail dans un module standard de ruby ; le module File.
+remove extension
+ user system total real
+ File: 0.970000 0.060000 1.030000 ( 1.081398)
+chomp: 0.820000 0.040000 0.860000 ( 0.947432)
+
+
+
En conclusion du ce second benchmark. Un fonction simple est meilleure que trois fonctions dédiées. Pas de surprise, mais c’est toujours bien de savoir.
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 :
+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: commune à toutes les branches
+dev: branche instable pour le développement
+client: Branche commune à plusieurs clients
+clientA: le projet spécialisé pour le client A
+clientB: le projet spécialisé pour le client B
+
+
Voilà comment je souhaiterai que ça fonctionne
+
+
+
+
Et plus précisément la hiérarchie des branches :
+
+
+
+
Une flèche de A vers B signifie que l’on peut merger A dans B. S’il n’y a pas de flèche de A vers B cela signifie qu’il est interdit de merger A dans B. Voici le code ruby correspondant :
:master => [ :dev, :client ] signifie que l’on peut merger la branche master dans la branche dev et la branche client.
+
+
Je fait une erreur si je tape git checkout master && git merge clientA.
+C’est pour éviter ça que j’ai fait un script pour encapsuler le comportement de git.
+
+
Mais ce script fait bien plus que ça. Il fait des merges en cascade de la racine vers les feuilles avec l’acion allmerges.
+
+
+git co dev && git merge master
+git co client && git merge master
+git co clientA && git merge client
+git co clientB && git merge client
+
+
+
Je peux ainsi mettre à jour toutes les branches. L’algorithme ne boucle pas même s’il y a des cycles dans la structure des branches.
+Le voici :
+#!/usr/bin/env ruby
+# encoding: utf-8
+
+# architecture
+#
+# master <→ dev
+# master → client
+# clien → clientA | clientB
+#
+# merge using two of these branches should be
+# restricted to these rules
+# merge to one of these branch and an unknown one should
+# raise a warning, and may the option to add this new branch
+# to the hierarchy
+
+$architecture={
+ :master => [ :dev, :client ],
+ :dev => [ :master ],
+ :client => [ :clientA, :clientB ] }
+
+defget_current_branch()
+ (`git branch --no-color | awk '$1 == "*" {print $2}'`).chop.intern
+end
+
+ifARGV.length==0
+ puts %{usage: $0:t [git_command or local_command]
+
+local commands:
+ allmerges: merge from top to down}
+ exit 0
+end
+
+require'set'
+$known_branches=Set.new
+$architecture.eachdo |k,v|
+ $known_branches.add(k)
+ v.each { |b| $known_branches.add(b) }
+end
+
+defrec_merge(branch)
+ if$architecture[branch].nil?
+ return
+ end
+ $architecture[branch].eachdo |b|
+ if$flag.has_key?(b.to_s+ branch.to_s)
+ next
+ end
+ flagname=branch.to_s+ b.to_s
+ if$flag.has_key?(flagname)
+ next
+ end
+ if system %{eng checkout #{b}}
+ if get_current_branch != b
+ puts "Can't checkout to #{b}"
+ exit 2
+ end
+ if system %{eng merge #{branch}}
+ $flag[flagname]=true
+ rec_merge(b)
+ else
+ exit 1
+ end
+ else
+ exit 1
+ end
+ end
+end
+
+defdo_all_merges
+ puts 'Will merge from father to sons'
+ current_branch=get_current_branch
+ $flag={}
+ rec_merge(:master)
+ system %{git co #{current_branch}}
+end
+
+defdo_merge
+ current_branch=get_current_branch
+ src_branch=ARGV[1].intern
+ puts %{do_merge: #{src_branch} => #{current_branch}}
+ if$known_branches.include?(current_branch)
+ if$known_branches.include?(src_branch)
+ if$architecture.has_key?(src_branch) and
+ $architecture[src_branch].include?(current_branch)
+ system %{git merge #{src_branch}}
+ else
+ puts %{Forbidden merge: #{src_branch} => #{current_branch}}
+ end
+ else
+ puts %{Warning! #{src_branch} not mentionned in rb configuration}
+ sleep 2
+ f system %{git merge #{src_branch}}
+ puts %{Warning! #{src_branch} not mentionned in rb configuration}
+ end
+ end
+end
+
+caseARGV[0]
+ when'allmerges'then do_all_merges
+ when'merge'then do_merge
+ else system %{git #{ARGV.join('')}}
+end
+
+
+
+
Pour que ça fonctionne il vous suffit de copier eng dans un répertoire présent dans votre PATH.
+
+
Bien entendu, il faut essayer de faire aussi peu que possible des cherry-pick et des rebase. Ce script a pour but de s’intégrer avec les workflow basé sur les pull et merge.
…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’écrirais plus souvent ces derniers temps.
J’ai aussi fini d’adapter mon site à la dernière version de nanoc. La partie difficile étant d’avoir un système qui permet de gérer plusieurs langues. Je pense que j’écrirai les détails dans un article.
+
+
J’ai aussi une vrai vie. J’ai passé quelques moments agréables avec ma famille et des amis.
+
+
J’ai travaillé avec luc sur un framework REST/JSON orienté API écrit en ruby. Il fonctionne assez bien, avec très peu de bug jusqu’ici. Nous espérons pouvoir écrire un tutoriel de todolist. Peut-être en deux ou trois posts. Ce framework n’est pas encore public. Il le deviendra certainement lorsque nous aurons fini d’écrire une application web et que nous aurons fait un joli site pour lui.
+
+
Finallement voilà un partie des choses que je dois faire :
+
+
+
finir de faire un service web public (je pense que ça peut être populaire) ;
+
finir d’écrire l’application iPhone associée ;
+
finir de publier notre framework pour créer des services web ;
+
+
+
+
+
\ No newline at end of file
diff --git a/output/n3blog/fr/blog/2010-05-19-How-to-cut-HTML-and-repair-it/code/repair_xml.rb b/output/n3blog/fr/blog/2010-05-19-How-to-cut-HTML-and-repair-it/code/repair_xml.rb
new file mode 100644
index 000000000..1121d4ef1
--- /dev/null
+++ b/output/n3blog/fr/blog/2010-05-19-How-to-cut-HTML-and-repair-it/code/repair_xml.rb
@@ -0,0 +1,25 @@
+
+# repair cutted XML code by closing the tags
+# work even if the XML is cut into a tag.
+# example:
+# transform '
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 :
+
+
+<divclass="corps">
+ <divclass="intro">
+ <p>Introduction</p>
+ </div>
+ <p>The first paragraph</p>
+ <imgsrc="/img/img.png"alt="an image"/>
+ <p>Another long paragraph</p>
+</div>
+
En réalité, ce n’est pas si difficile que celà peut paraître au premier abord. Le secret réside dans le fait de comprendre que l’on n’a pas besoin de conserver la structure complète de l’arbre pour le réparer, mais seulement la liste des parents non fermés.
+
+
Pour notre exemple, juste après le paragraphe first paragraph nous n’avons qu’à fermer un div pour la classe corps et le XML est réparé. Bien entendu, quand on est dans le cas où un tag est coupé au milieu, on a qu’à remonté juste avant le début de ce tag corrompu.
+
+
Donc, tout ce que nous avons à faire, c’est d’enregistrer la liste des parents dans une pile. Supposons que nous traitions le premier exemple complètement. La pile passera par les états suivants :
L’algorithme est alors très simple :
+<pre class="twilight">
+let res be the XML as a string ;
+read res and each time you encouter a tag:
+ if it is an opening one:
+ push it to the stack
+ else if it is a closing one:
+ pop the stack.
+
+
remove any malformed/cutted tag in the end of res
+for each tag in the stack, pop it, and write:
+ res = res + closed tag
+
+
return res
+</pre>
+
+
Et res contiend le XML réparé.
+
+
Finallement, voici le code en ruby que j’utilise. La variable xml contient le XML coupé.
+# repair cutted XML code by closing the tags
+# work even if the XML is cut into a tag.
+# example:
+# transform '<div> <span> toto </span> <p> hello <a href="http://tur'
+# into '<div> <span> toto </span> <p> hello </p></div>'
+defrepair_xml( xml )
+ parents=[]
+ depth=0
+ xml.scan( %r{<(/?)(\w*)[^>]*(/?)>} ).eachdo |m|
+ if m[2] =="/"
+ next
+ end
+ if m[0] ==""
+ parents[depth]=m[1]
+ depth+=1
+ else
+ depth-=1
+ end
+ end
+ res=xml.sub(/<[^>]*$/m,'')
+ depth-=1
+ depth.downto(0).each { |x| res<<=%{</#{parents[x]}>} }
+ res
+end
+
+
+
+
Je ne sais pas si ce code pourra vous être utile. Par contre le raisonnement pour y parvenir mérite d’être connu.
+ Quand la théorie est plus pratique que la pratique
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
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 assez facile. J’ai donc commencé à programmer
+tout de suite. Je suis alors entré dans un cercle infernal d’essais
+et de réparations. Voilà à quoi ressemblait cet étrange état
+de boucle infini :
+
+
+
– Plus que ça a réparer et ça devrait être bon.
+ – Très bien, maintenant ça doit marcher.
+ – Oui !!
+ – Ah mince! J’ai oublié ce détail…
+ répéter jusqu'à la mort
+
+
+
Après deux jours à me prendre pour Sisyphe, je me suis arrêté pour repenser le problème.
+J’ai pris un stylo et une feuille de papier. Je me suis souvenu de de ce que j’avais appris sur les arbres pendant mon doctorat.
+Finalement, le problème fut résolu en moins de 20 minutes.
+
+
Je pense que la leçon à retenir de cette expérience est de se souvenir que la méthodologie la plus efficace pour résoudre ce problème pragamtique était la méthode théorique.
+Ça ne signifie pas que la méthode théorique est toujours la meilleure, mais en tout cas, il ne faut pas l’écarter.
+
+
+
+
+
+
+
+
L’anecdote
+
+
Apparemment 90% des programmeurs sont incapable de programmer une recherche binaire sans faire de bug.
+L’algorithme est pourtant connu et facile à comprendre.
+Cependant, il est difficile à programmer sans bug.
+J’ai participé à ce concours.
+Vous pouvez voir les résultats ici1.
+J’ai dû faire face à un problème similaire à mon travail.
+Il paraissait simple au départ.
+Transformer un xml d’un format à un autre.
À première vue, cela m’a paru simple. J’étais certain de pouvoir y arriver en me fixant les règles suivantes :
+
+
+
ne pas utiliser xslt ;
+
ne pas utiliser de parseur xml ;
+
résoudre le problème en utilisant un simple script perl
+
+
+
Vous pouvez essayer si vous le souhaitez. Si vous attaquez ce problème directement en écrivant le programme, ce ne sera certainement pas si simple.
+Je peux le dire, parce que c’est ce que j’ai fait.
+Et je dois dire que j’ai perdu une journée de travail complète en m’y prenant de la sorte.
+En réalité, il y avait pas mal de petits détails dont je ne parle pas qui m’ont induis en erreur et qui m’ont fait perdre encore plus de temps.
+
+
Pourquoi étais-je incapable de résoudre ce problème si simple en aparence ?
+
+
Voici comment je m’y suis pris :
+
+
+
Réfléchir
+
Écrire le programme
+
Essayer le programme
+
Vérifier les résultats
+
Trouver un bug
+
Résoudre le bug
+
Reprendre à l’étape 3
+
+
+
Il s’agissait d’une méthode de travail standard pour un ingénieur en informatique. L’erreur venait de la première étape.
+J’ai d’abord pensé à comment résoudre le problème mais avec des yeux d’ingéinieur pragmatique. Je me suis simplement dit :
+
+
+
Ça à l’air de pouvoir se résouvre avec un petit script de search&replace en perl
+Commençons à écrire le code maintenant.
+
+
+
C’est la deuxième phrase qui est complètement fausse. Parce que j’avais mal commencé et que cette méthodologie de travail ne fonctionne pas lorsque l’on part vraiment mal.
+
+
Réfléchir
+
+
Après un certain temps, j’ai arrêté de programmer et je me suis dit : «Maintenant, ça suffit !».
+J’ai pris une feuille et un stylo et j’ai commencé à dessiner des arbres.
+
+
J’ai commencer par simplifier un peu en enlevant le maximum de verbiage.
+Tout d’abord en renommant <item name="Menu"> par un simple M par exemple.
+J’ai obtenu quelque chose comme :
+
+
+
+
et
+
+
+
+
Puis, je me suis fait la réflexion suivante :
+
+
Dans les distances d’éditions sur les arbres, chaque opération atomique correspond à un simple search and replace sur mon fichier xml source2.
+On considère trois opérations atomiques sur les arbres :
+
+
+
substitution: renommer un nœud
+
insertion: ajouter un nœud
+
délétion: supprimer un nœud
+
+
+
Une des particularité avec les transformations sur les arbres est celle-ci :
+supprimer un nœud et tous ses enfants deviendront les enfants du père de ce nœud.
+
+
Un exemple:
+
+
+r - x - a
+ \ \
+ \ b
+ y - c
+
+
+
Si vous supprimez le nœud x, vous obtenez
+
+
+ a
+ /
+r - b
+ \
+ y - c
+
+
+
Et regardez ce que ça implique quand on l’écrit en xml :
+
+
+<r>
+ <x>
+ <a>value for a</a>
+ <b>value for b</b>
+ </x>
+ <y>
+ <c>value for c</c>
+ </y>
+</r>
+
+
+
Alors supprimer tous les nœuds x revient à faire passer le xml à travers le filtre suivant :
+
+
+s/<\/?x>//g
+
+
+
Par conséquent, s’il existe un transducteur déterministe à un état qui permet de transformer mes arbres ;
+je suis capable de transformer le xml d’un format à l’autre en utilisant une simple liste de search and replace.
+
+
Solution
+
+
Transformer cet arbre :
+
+
+R - C - tag1
+ \ \
+ \ tag2
+ E -- R - C - tag1
+ \ \ \
+ \ \ tag2
+ \ E ...
+ R - C - tag1
+ \ \
+ \ tag2
+ E ...
+
+
+
en celui-ci :
+
+
+ tag1
+ /
+M - V - M - V - tag2 tag1
+ \ /
+ M --- V - tag2
+ \ \
+ \ M
+ \ tag1
+ \ /
+ V - tag2
+ \
+ M
+
+
+
peut-être fait en utilisant le transducteur déterministe à un état suivant:
+
+
+
C → ε
+ E → M
+ R → V
+
+
+
Ce qui peut-être traduit par les simples directives Perl suivantes :
+ choix liés à l'écriture dans plusieurs langues
+
+
+
+
+
+
+
+
+
+
+
+
+
+
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
+ça m’oblige à refaire deux fois la même manipulation. Sauf que comme il m’arrive d’être distrait, il peut y avoir pas mal d’aller-retours.
+
+
C’est pourquoi, j’ai plutôt opté pour une autre solution.
+J’utilise des tags sur un seul fichier.
+En fin de compte, mes fichiers ressemblent à :
+
+
+ fr: Bonjour,
+ en: Hello,
+
+ en: here is an example of english text.
+ fr: voici un exemple de texte en français.
+[image](url)
+
+
+
Comme j’édite mes fichier avec vim, il m’est très facile d’ajouter ces fr: ou en: en début de ligne à l’aide du très utile C-v.
+Par contre nanoc a été conçu pour être utilisé par une seule langue. Précédemment, j’avais utilisé les capacité de nanoc pour séparer les langues. Mais finalement, il s’avère bien plus simple de faire un pré-traitement qui nettoie mes fichiers et en fait deux copie qui seront ensuite gérées par nanoc.
+
+
Vous pouvez récupérer les sources de mon blog (sans tous les articles) à l’adresse suivante github.com/yogsototh/nanoc3_blog. J’écrirais un article pour savoir comment l’utiliser facilement. J’ai en effet ajouté beaucoup de scripts et de librairies.
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.
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 vos entrées au format Markdown (pas de HTML) ;
+
des améliorations typographiques (pas de ‘:’ en début de ligne en Français par exemple),
+
entrez directement le code de graphes qui se génèreront automatiquement en image à l’aide de Graphviz.
+
+
+
Pour vous donner une idée plus précise, voici la documentation que j’ai faite (en anglais) pour accompagner le code.
+
+
+
+
+
+
+
+
Main Documentation Page
+
+
Cette page est seulement en anglais désolé.
+
+
Use It NOW!
+
+
Once installed (follow the README.md instructions).
+
+
+$ cd /root/of/nanoc3_blog
+$ ./task/new_blog_entry Title of the blog
+$ vi latest.md
+$ ./task/recompile
+
+
+
Now your website reside into the output directory.
+
+
+
+
+
+
+
+
Documentation
+
+
Useful things to know
+
+
Multi-language
+
+
All files in multi are processed and copied in the content directory.
+For each file in multi, each line starting by ‘fr: ’ are copied (without the fr: into the content/html/fr/ tree, but not into the content/html/en tree. File not starting by fr: or en: are copied in each destinations.
+
+
If you want to add another language, you’ll have to modify tasks/config, and config.yaml, create a content/html/xx where xx is the language code.
+
+
Edition & Rendering
+
+
additional keywords
+
+
You can separate multi content div using the: newcorps directive (see examples).
+
+
You can create div using begindiv(classname), enddiv. (See some existing blog entries for example). Use the class intro for the abstract part.
+
+
You can create nice description table using <desc> (See source code for example).
+
+
Typography
+
+
In French all ‘:’, ‘;’, ‘!’ and ‘?’ are preceded automatically by  . This enable not to have a line starting by a single special character.
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 suffit de créer deux fichier html. Un pour se cacher :
+<?xmlversion="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">
+<htmlxmlns="http://www.w3.org/1999/xhtml"lang="fr"xml:lang="fr">
+ <head>
+ <metahttp-equiv="Content-Type"content="text/html; charset=UTF-8" />
+<scripttype="text/javascript"src="jquery.js"></script>
+<scripttype="text/javascript"src="jquery.cookie.js"></script>
+<script>
+$(document).ready(function(){
+$.cookie('admin',null);
+$('#info').html('Analytics can see you.')
+});
+</script>
+ <title>Hide to analytics</title>
+ </head>
+ <body>
+ <divid="info"></div>
+ </body>
+</html>
+
+
+
+
Maintenant en accédant à ces fichiers depuis votre navigateur vous pouvez disparaître des systèmes d’analyses ou bien être considéré comme tous les autres individus.
+Pensez à accéder à ces fichiers depuis tous les navigateurs que vous utilisez et vos visites ne seront plus comptabilisées.
Sur ce blog, je donne parfois la possibilité de télécharger certaines sources de code.
+Dans ce cas, le code est souvent plus large que le div qui le contient.
+Le texte est alors coupé.
+C’est pourquoi, j’utilise une méthode qui permet d’afficher ces sources dans de grandes popups en jQuery.
+
+
Vous pouvez faire un essai en cliquant le code suivant ; remarquez qu’un bout du code n’est pas visible (après z-index normallement) :
Au chargement de la page je crée un div grand comme toute la page avec un fond légèrement transparent que je cache.
+Je fais bien attention à son z-index pour qu’il soit devant tout le reste.
+
+
Puis lorsque l’on clique sur un div de class code,
+je recopie le contenu de celui-ci dans le grand div que je rend visible.
+Très simple mais très efficace.
+Pas besoin d’utiliser un plugin jQuery.
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 utilisateurs tandis que l’autre est plus une librairie qui aide aux tâches de bas niveaux.
+Par contre je les ai utilisé tous les deux pour faire la même application. C’est pourquoi je compare l’expérience que j’ai retenu de chacun pour cette tâche.
+
+
+
+
+
+
J’ai fait une version web de mon widget YPassword.
+C’est un simple widget qui permet d’organiser ses mots de passes simplement avec une grande sécurité et de façon portable.
+Ce n’est pas un widget créé pour remplacer le trousseau d’accès, mais
+plus un générateur de mots de passe.
+
+
Le premier a été élaboré à partir du code de mon widget Mac.
+Vous pouvez l’essayer ici.
+J’ai ensuite fait une version avec Cappuccino, que vous pouvez essayer ici.
+
+
Que fait ce widget ?
+
+
+
+
+
+
Si vous vous moquez de savoir ce que fait mon widget, vous pouvez allez directement à la section suivante.
+
+
+
+
+
+
J’organise mes mots de passe avec une méthode simple.
+Je mémorise un mot de passe maître. Et mon mot de passe est alors (principalement) :
+<pre class="twilight">hash(motDePasseMaitre+NomDeDomaine)
+</pre>
+
+
En réalité j’ai besoin d’un plus d’informations pour créer mon mot de passe :
+
+
+
Un mot de passe maître ;
+
une URL ;
+
une longeur maximale de mot de passe ;
+
le type de sortie (hexadécimale ou base64) ;
+
Combien de fois mon mot de passe a dû être changé.
+
+
+
Le mot de passe résultant est calculé comme suit :
En fait, selon le site web, on peut avoir des contraintes très différentes :
+
+
+
longueur minimale ;
+
longueur maximale ;
+
ne doit pas contenir de caractères spéciaux ;
+
doit contenir des caractères spéciaux ;
+
etc…
+
+
+
Et si vous souhaitez changer votre mot de passe, le nombre de changement sert à ça.
+Toutes les informations peuvent rester publiques sans trop de danger à l’exception du mot de passe principal.
+
+
Si vous souhaitez avoir encore plus de détails vous pouvez toujours lire certaines de mes anciens articles de blog (en anglais) :
Tout d’abord je voudrais dire que les applications réalisées avec Cappuccino sont tout simplement incroyables.
+C’est comme avoir une application Mac dans son navigateur.
+
+
Je dois aussi admettre que j’ai pris du plaisir a écrire mon application avec Cappuccino.
+C’est comme programmer une application Mac ou iPhone.
+Si vous connaissez bien Cocoa, vous vous sentirez comme à la maison.
+Si vous ne connaissez pas Cocoa, je vous conseille de vous y intéresser.
+Il s’agit vraiment d’un framework excellent pour faire des interfaces utilisateur.
+Je ne suis pas un spécialiste de tous les frameworks.
+Mais j’ai réalisé des Interfaces Utilisateurs avec les MFC, Java Swing1 et WXWindows il y a quelques années.
+Et je dois dire que Cocoa est bien meilleurs que tous ces framework.
+
+
Cappuccino est un framework spécialisé dans le développement d’application web vraiment exceptionnel. Mais il a aussi quelques défauts qui ont surgit lors de l’écriture de mon widget.
J’ai mis un bon moment avant de comprendre comment récupérer le onChange des champs textuels.
+
La documentation manquait d’organisation.
+
Ça ne marche pas sous iPhone.
+
Il a fallu déployer 11Mo.
+
Il faut télécharger 1,3Mo pour que l’application se charge dans le navigateur.
+
+
+
Je n’ai pas utilisé les bindings parce qu’il me semble qu’ils ne sont pas prêts.
+
+
jQuery
+
+
La version jQuery de YPassword n’est pas aussi bien finie que celle de Cappuccino. Simplement parce qu’il n’y a pas de slider directement avec jQuery. Il faudrait que j’utilise jQueryUI. Et je pense que l’application deviendrait beaucoup plus lourde pour le coups. En tout cas largement au dessus des 106Ko actuels.
+
+
J’ai utilisé le code de mon widget mac en l’adaptant un peu pour faire cette version. C’était relativement facile. Mais jQuery n’est pas un framework orienté application. Il s’agit plus d’un framework pour faire des animations qui la pète.
+
+
Je n’ai pas beaucoup plus à dire sur la version jQuery, sinon que programmer avec jQuery était de la programmation de niveau beaucoup plus bas qu’avec Cappuccino.
+
+
En conclusion
+
+
Si vous voulez faire une application compatible iPhone n’utilisez pas Cappuccino. Du moins pas encore.
+Si vous souhaitez faire un application très simple (comme la mienne), je pense que Cappuccino est un peu trop lourd pour ça.
+
+
Si vous souhaitez faire des applications web complexes qui ressemblent à des applications de bureau alors clairement Cappuccino est un très bon choix.
+Notez cependant qu’il peut être un peu difficile de débuter.
+
+
Finallement, pour terminer la version web de mon widget, j’essayerai Dashcode 3.
+Il semblerai que ce soit une bonne alternative pour créer des widget sur le web compatible iPhone.
+Je ne sais pas si les applications réalisées avec Dashcode 3 sont compatibles pour les browser n’utilisant pas webkit. Mais si c’est le cas, alors ça pourrait sonner le glas des projets comme Cappuccino et Sproutcore.
+
+
+
+
Si ça vous intéresse vous pouvez jeter un coup d’œil à SEDiL. Je suis assez fier de la vue automatique des arbres que j’ai programmé sans librairie de départ.↩
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 tous les deux. Lorsque vous accéder à ce blog avec javascript activé, un CSS spécifique à votre navigateur est ajouté. Jusqu’à maintenant je faisais un tri entre : IE, Mozilla et Webkit. Maintenant j’ai rajouté un cas particulier pour Chrome.
+Maintenant j’ai supprimé les gradients lorsque vous naviguer sur ce site en utilisant Chrome.
+
+
Je n’ai pas vérifier la vitesse de rendu de toutes les propriétés de CSS 3. Mais je vous conseille de ne pas utiliser -webkit-gradient avec Chrome. Au moins sous Linux.
+
+
Les ombres (box-shadow)
+
+
J’ai aussi remarqué que -moz-box-shadow ralenti le rendu sous Firefox (et sous Linux). Alors que l’équivalent webkit ne pose aucun problème à Safari sous Mac.
+
+
Ombres de texte
+
+
Beaucoup d’utilisateurs mon dit d’utiliser text-shadows avec parcimonie. Mais je pense qu’il ne s’agissait pas là du problème du ralentissement du site. C’est pourquoi je vais les remettre.
+
+
en conclusion
+
+
N’utilisez pas -webkit-gradient avec google Chrome pour l’instant.
+Utilisez -moz-box-shadow avec parcimonie.
tlàl : Je crée un mode mathématique simple pour parler de différents types d’indécidabilités :
+
+
+
indécidabilité due aux erreurs d’observation ;
+
grandes erreurs résultant de petites erreurs de mesure ;
+
indécidabilité fractales ;
+
indécidabilité logique.
+
+
+
+
+
+
+
+
+
+
+
+
+
Les indécidabilités
+
+
+
+
+
+
Si le monde a été fabriqué par un démiurge, on peut dire que celui-ci devait avoir le sens de l’humour.
+Et le récit que je vais faire va vous en fournir la preuve.
+Je vais me mettre à sa place.
+Je vais créer un monde simplifié.
+Un monde régi exactement par nos règles mathématiques.
+Puis je vais vous parler du mal qui touche cet Univers semblable au notre ; l’indécidabilité.
+L’incapacité de savoir si nous avons trouvé la vérité, ou seulement une approximation de celle-ci.
+L’incapacité de prédire certaines choses qui semblent pourtant aller de soi.
+Voilà comment tout aurait pu commencer.
+
+
+
+
+
+
+
+
Au début, il n’y avait rien.
+Puis un article de blog commença à prendre forme.
+J’inspire profondément pour sentir la pesanteur de ce que je vais accomplir.
+Attention, une dernier moment de tension et je crée l’Univers.
+Un Univers qui n’existera que le temps de la lecture de cet article.
+Me voici le démiurge de cet Univers et te voilà son observateur privilégié.
+
+
Comme j’aime bien tout contrôler, je fabrique ce monde avec quelques règles simples.
+Je décide que les vrais règles de ce monde sont celles que nous pensons qui régissent notre monde.
+Notez qu’il y a une grande différence.
+Pour leur monde, ce que l’on croit vrai aujourd’hui, est vraiment vrai pour eux.
+Leur monde est donc plus simple à priori que le notre.
+En particulier, on peut le décrire avec des axiomes et des règles mathématiques.
+Alors qu’il est possible que ce ne soit pas le cas de notre Univers.
+Mais nous reviendront là-dessus plus tard.
+
+
Bon au travail maintenant, je crée une Terre.
+J’y ajoute des habitants intelligents, les Ys.
+Bien entendu ils se posent des questions.
+En particulier, ils se demandent quelles sont les lois qui régissent leur monde.
+Ils pensent que connaître toutes ces règles leur permettrait de connaître l’avenir.
+Leur naïveté est touchante.
+Ah, si seulement ils savaient.
+Mais je suis là pour les aider à apprendre.
+
+
Comme je suis un Dieu un peu facétieux, je vais leur jouer quelques tours.
+Sinon on s’ennuierai à mourir.
+Le premier est de leur donner des sens imparfaits.
+De plus il leur est impossible d’avoir des mesures parfaites.
+Je leur laisse cependant toutes libertés pour améliorer leur technologie et diminuer ces erreurs de mesures.
+
+
Les habitants de ce monde pensent que celui-ci est plat.
+Certains d’entre eux pensent qu’il est possible de découvrir les règles du monde que j’ai créé.
+Et bien que le jeu commence.
+
+
Commençons par leur première leçon, les erreurs causent de l’indécidabilité.
+
+
Indécidabilité dues aux erreurs de mesures
+
+
Voici ce que pense l’un de ces individus.
+
+
+
Tous les triangles que j’observe semble avoir une propriété commune.
+La somme de leurs angles est toujours π radiants (180°).
+Il s’agit certainement d’une loi de mon Univers.
+Mais comment être certain que tous les triangles de mon Univers possèdent cette propriété ?
+
+
+
+
+
Certain d’entre eux commencent à formaliser un petit peu le problème
+et ils finissent faire une preuve mathématique.
+Magnifique !
+La preuve est correcte, mais il reste un petit problème.
+La preuve s’appuie sur des axiomes et des règles.
+Comment être certain que ces règles et ces axiomes sont vrai dans leur monde?
+Ils auront beau faire des mesures de plus en plus précises qui conforteront cette formule,
+ils n’auront que l’espoir et jamais la certitude que la formule est vrai.
+Simplement parce que le seul moyen de vérifier la véracité des axiomes est par l’observation.
+Hors en tant que dieu facétieux, j’ai interdit les observation avec des mesures parfaites.
+
+
Bien entendu, ils prient, ils m’appellent à l’aide.
+Et comme tout Dieu qui se respecte, je ne réponds pas.
+Ah ah ah ! J’ai toujours aimé faire ce genre de chose.
+Ensuite je ferai comme si je n’existe pas.
+Encore un bonne blague !
+
+
Si certains se sentent accablés, il leur reste un espoir :
+
+
+
Espoir
+
+
Si nous faisons de faibles erreurs de mesure, nous aurons de faibles erreurs dans nos prédictions.
+
+
+
Indécidabilité avec erreurs croissantes
+
+
+
+
Malheureusement pour eux, il y a le problème des 3 corps.
+Prenons les formules de la gravitation Universelle et appliquons la à deux corps célestes.
+Si on connait la position de ces corps avec un grande précision, on pourra aussi connaître la position future de ces corps avec une grande précision.
+L’hypothèse selon laquelle de petite erreurs de mesures impliquent de petites erreurs prédictive est confortée.
+Cependant, il y a un problème.
+Reprenons le même problème mais avec trois corps. Par exemple, avec le Soleil, la Terre et la Lune.
+Dans ce cas, les erreurs de mesures initiales vont s’amplifier.
+S’amplifier au point de rendre toute prédiction inutilisable.
+
+
Là encore une voix d’espoir s’élève :
+> Peut-être pouvons nous calculer l’erreur maximale acceptable pour prédire quelque chose.
+> Et nous pourrions au moins savoir ce que nous pouvons prédire ou pas.
+
+
Une fois encore, ça ne va pas très bien se passer.
+
+
Indécidabilité fractale
+
+
Considérons la question suivante :
+
+
+
+
Soit des coordonnées GPS précises à 1m près.
+Les coordonnées sont proches des côtes de la Bretagne.
+Ce point va-t-il tomber dans la mer ou sur la terre ferme ?
+
+
Et bien, pour certaines coordonnées, c’est impossible de le savoir.
+Même si je réduis l’erreur à une valeur infinitésimale.
+Simplement parce que certains voisinages autour d’un point contiennent toujours à la fois de l’eau et de la terre.
+Et ce quelque soit la taille du voisinage.
+
+
On peut même imaginer une structure ou tous les points sont au bord de celle-ci, on ne peut donc pas se permettre d’erreur[^2].
+[^2]: Pensez aux deux ensembles R\Q et Q.
+
+
Mais que vois-je ?
+Un petit malin essaye de trouver la vérité en s’extrayant de mon Monde et en faisant un article sur un blog ?
+Ça ne va pas se passer comme ça ! Croyez moi !
+> Faire des prédictions précises à partir des données observées semble être une quête vouée à l’échec.
+> Mais je suis persuadé que l’on peut aller au delà.
+> Au diable ce Dieu qui nous empêche d’avoir des mesures précises !
+> Inventons notre propre Univers mathématique.
+> Un monde qui se suffit à lui-même.
+> Un monde dans lequel il n’y aura plus d’erreur de mesure.
+> Un monde entièrement contrôlé par des règles que nous aurons choisi.
+> Un monde similaire au notre mais où tout pourra être prédit.
+
+
Indécidabilité logique
+
+
+
+
Jusqu’ici, tous les problèmes d’indécidabilités étaient dûs aux erreurs.
+Maintenant peut-être que privé d’erreur de mesure, on pourrait enfin résoudre tous les problèmes.
+Et bien non.
+Même dans un monde mathématique complètement contrôlé.
+On peut créer un objet pour lequel on ne pourra pas décider à l’avance ce qu’il fait.
+
+
Il s’agit du problème de l’arrêt.
+
+
Le Théorème stipule qu’il n’existe pas de programme permettant de décider si un autre programme s’arrête.
+La preuve est suffisamment simple pour rentrer dans ce post, donc je me fais un petit plaisir en la donnant.
+
+
+
Supposons qu’il existe un programme qui puisse dire si un autre programme s’arrête. Plus précisément :
+
+
Hypothèse: Il existe un programme P tel que:
+
+
+
P(x,y) réponde “s’arrête” en un temps fini si et seulement si x(y)1 s’arrête effectivement en temps fini et
+
P(x,y) réponde “ne s’arrête pas” en un temps fini dans le cas contraire.
+
+
+
Remarque: Tout code de programme est une chaîne de caractère qui peut être utilisée aussi comme entrée d’un autre programme.
+Ainsi écrire P(x,x) est autorisé.
+
+
Soit le programme Q que j’écris comme suit :
+<pre class="twilight">
+Q(x) :
+ si P(x,x)=”s’arrête” alors je fais une boucle infinie.
+ si P(x,x)=”ne s’arrête pas” alors je m’arrête.
+</pre>
+
+
Maintenant que répond P(Q,Q)?
+
+
+
si P(Q,Q) répond “s’arrête” ça implique que P(Q,Q)=”ne s’arrête pas”
+
si P(Q,Q) répond “ne s’arrête pas” ça implique que P(Q,Q)=”s’arrête”
+
+
+
Il y a donc une contradiction que le seul moyen de régler est par la non existence du programme P.
+
+
+
C’est simple, je suis le démiurge de ce monde imaginaire.
+Et même moi, je dois me soumettre à cette règle.
+Comme quoi, avoir la possibilité de créer le monde et la toute puissance sont deux choses différentes.
+
+
+
+
+
+
+
+
Après tout ceci, il peut sembler difficile de savoir en quoi nous pouvons croire.
+Mais ce serait une erreur de jeter le bébé avec l’eau du bain.
+Dans une seconde partie, j’expliquerai ce que nous pouvons espérer et qu’elle attitude nous devons adopter une fois que l’on a réalisé que beaucoup de vérité nous sont inaccessibles.
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.ru1 :
+ Envoyer un mail en ligne de commande avec un fichier attaché
+
+
+
+
+
+
+
+
+
+
+
+
+
+
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 .zip, ça ne fonctionnait pas.
+Au lieu d’avoir un fichier attaché j’avais un message qui contenait quelque chose comme :
Pas très lisible.
+Après pas mal de recherche j’ai trouvé la solution.
+Le problème c’est uuencode qui est une méthode qui devrait devenir obsolète pour envoyer les fichiers.
+Il vaut mieux utiliser le format MIME pour envoyer des fichiers attachés.
+
+
Donc finalement le mieux est de faire ça “à la main” avec sendmail.
+Je n’ai quand même pas utilisé telnet.
+La commande à lancer est :
+
+
+sendmail -t -oi < mailcontent.txt
+
+
+
Bien entendu il faut créer le fichier mailcontent.txt qui contient :
+
+
+From: from@mail.com
+To: to@mail.com
+Subject: View the attached file
+Mime-Version: 1.0
+Content-Type: multipart/mixed; boundary="-"
+
+This is a MIME encoded message. Decode it with "Decoder"
+or any other MIME reading software. Decoder is available
+at <http://www.etresoft.com>.
+---
+Content-Type: image/jpeg; name="fic.jpg"
+Content-Transfer-Encoding: base64
+Content-Disposition: inline; filename="fic.jpg"
+
+H4sICB6Ke0wAA2Rjcl93aXRob3V0X2tleXdvcmQuY3N2ANSdW5ubOJPH7/e7
+7Brw+dmrTk8yk7yTSTaZeWd2b/TIIGy6MRAE7ng+/VaJgwF3g522SsxN2+3T
+/4eOJamqmARP+yibvI8ykUYim+x5EE2euBfIyd3byZ+fvvzr7svbu8ndTx/f
+...
+
+
+
Et pour avoir le code il suffit de lancer la commande :
+
+
+uuencode -m fic.jpg fic.jpg
+
+
+
Et voilà.
+Parfois la technique c’est tellement simple.
+Si j’en ai besoin encore quelques fois, je pense que j’écrirai un émetteur de mail en shell.
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 :
Bien entendu je sais que c’est très lent et absolument pas optimisé.
+Mais ça fonctionne comme prévu.
+Maintenant la date que vous voyez en bas de la page correspond exactement à la dernière date de modification de son contenu.
+
+
Je tiens à remercier Eric Sunshine pour ses conseils sur ce problème.
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 = [selfb64_sha1:@"some NSString to be sha1'ed"];
+...
+NSString *hex_hash = [selfhex_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.
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, etc… ;
+
pas d’ombre sous le texte pour donner une impression de profondeur ;
+
nettoyer pas mal le code et enlever tout ce que je peux ;
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 à accomplir.
+Maintenant je peux signer et chiffrer mes mails.
+
+
Pourquoi est-ce important ?
+
+
Signer : cela permet de certifier avec une absolue certitude que la personne qui a écrit le mail est vous ou au moins qu’elle a utilisé votre ordinateur.
+
+
Chiffrer : parce que parfois il est nécessaire d’être certain qu’une conversation reste privée.
utilisez Mail plutôt que l’interface web de gmail.
+Maintenant vous devriez voir ces icônes :
+
+
+
+
n.b. : si vous utilisez gmail et que vous ne travaillez pas toujours avec un Mac, vous devriez considérer d’utiliser le module gmail S/MIME de firefox.
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é étonné de la clarté du code que j’ai obtenu.
+
+
Tout d’abord, un fichier wav se compose d’un entête qui contient pas mal de meta données.
+Cet entête a été optimisé pour prendre peu de place.
+Donc on discute de l’entête avec des nombres d’octets :
+
+
+
Les 4 premiers octets doivent contenir RIFF en ASCII ;
+
les 4 octects suivant correspondent à un entier codé sur 32 bits qui donne la taille du fichier moins 8 octets. etc..
+
+
+
Etonnamment je pense que lire ce type de fichier avec un langage de haut niveau aurait été plus pénible qu’en C.
+La preuve, il m’a suffit de chercher sur le net le format complet de l’entête et de l’écrire dans un struct.
+
+
+struct wavfile
+{
+ char id[4]; // should always contain "RIFF"
+ int totallength; // total file length minus 8
+ char wavefmt[8]; // should be "WAVEfmt "
+ int format; // 16 for PCM format
+ short pcm; // 1 for PCM format
+ short channels; // channels
+ int frequency; // sampling frequency
+ int bytes_per_second;
+ short bytes_by_capture;
+ short bits_per_sample;
+ char data[4]; // should always contain "data"
+ int bytes_in_data;
+};
+
+
+
Si j’avais eu à faire ça en Ruby, je pense qu’il m’aurait fallu pour chaque bloc de l’entête écrire un bout de code de lecture du bon nombre d’octets.
+Alors qu’en C il m’a suffit d’écrire:
+
+
+fread(&header,sizeof(header),1,wav)
+
+
+
Et en une seule étape ma structure de donnée a été remplie avec les valeurs souhaitées. Magique !
+
+
Ensuite, récupérer un entier à partir de deux octets n’est pas non plus une opération naturelle dans les nouveaux langages de programmation.
+Alors qu’en C. Pour récupérer un entier codé sur 16 bits il suffit d’écrire :
+
+
+short value=0;
+while( fread(&value,sizeof(value),1,wav) ) {
+ // do something with value
+}
+
+
+
Finallement je suis arrivé au code suivant, sachant que le format de wav était connu, avec notamment échantillonage sur 16 bits en 48000Hz :
+#include<stdio.h>
+#include<stdlib.h>
+#include<stdint.h>
+
+struct wavfile
+{
+ char id[4]; // should always contain "RIFF"
+ int totallength; // total file length minus 8
+ char wavefmt[8]; // should be "WAVEfmt "
+ int format; // 16 for PCM format
+ short pcm; // 1 for PCM format
+ short channels; // channels
+ int frequency; // sampling frequency
+ int bytes_per_second;
+ short bytes_by_capture;
+ short bits_per_sample;
+ char data[4]; // should always contain "data"
+ int bytes_in_data;
+};
+
+intmain(int argc, char *argv[]) {
+ char *filename=argv[1];
+ FILE *wav = fopen(filename,"rb");
+ struct wavfile header;
+
+ if ( wav == NULL ) {
+ fprintf(stderr,"Can't open input file %s", filename);
+ exit(1);
+ }
+
+
+ // read header
+ if ( fread(&header,sizeof(header),1,wav) < 1 )
+ {
+ fprintf(stderr,"Can't read file header\n");
+ exit(1);
+ }
+ if ( header.id[0] != 'R'
+ || header.id[1] != 'I'
+ || header.id[2] != 'F'
+ || header.id[3] != 'F' ) {
+ fprintf(stderr,"ERROR: Not wav format\n");
+ exit(1);
+ }
+
+ fprintf(stderr,"wav format\n");
+
+ // read data
+ long sum=0;
+ short value=0;
+ while( fread(&value,sizeof(value),1,wav) ) {
+ // fprintf(stderr,"%d\n", value);
+ if (value<0) { value=-value; }
+ sum += value;
+ }
+ printf("%ld\n",sum);
+ exit(0);
+}
+
+
+
+
Bien entendu ce code n’est qu’un hack.
+Mais on voit bien comment on peut facilement améliorer ce code, ajouter des cas possibles par exemple.
+Comme je dis souvent : le bon outil pour la bonne tâche.
+On voit en effet que pour cette tâche C est bien supérieur à Ruby par exemple.
+
+
_màj : pour des raisons de compatibilité (machines 64 bits) j’ai utilisé int16_t au lieu de short et int au lieu de int.
+
+
Je serai curieux de savoir s’il existe un manière plus propre en Ruby que je ne connais pas.
+Certainement qu’en Python ça doit être la cas.
+
+
+
+
+
+
Màj (2) : après toutes les remarques concernant la portabilité.
+J’ai fait une nouvelle version qui devrait être plus portable.
+Elle fait aussi plus de test pour vérifier le fichier.
+Cependant j’utilise une assertion spécifique à gcc pour être certain que la structure de donnée n’ai pas de “trou” :
+
+
+__attribute__((__packed__))
+
+
+
Le nouveau code n’utilise pas mmap et devrait être plus compatible.
+Voici le dernier résultat :
+data =ARGF.read
+ keys =%w[id totallength wavefmt format
+ pcm channels frequency bytes_per_second
+ bytes_by_capture bits_per_sample
+ data bytes_in_data sum
+]
+ values = data.unpack'Z4 i Z8 i s s i i s s Z4 i s*'
+ sum = values.drop(12).map(&:abs).inject(:+)
+ keys.zip(values.take(12) << sum) {|k, v|
+ puts "#{k.ljust17}: #{v}"
+ }
+
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 LaTeX.
+
+
+
+
+
+
J’ai ajouter un système de macro pour mon système de blog.
+Lorsqu’on est habitué à LaTeX et que l’on commence à écrire des articles
+un peu conséquent avec des notations mathématiques,
+les macros deviennent vite quelque chose d’indispensable.
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.
+ Pourquoi je n'utiliserai pas CoffeeScript (malheureusement)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
tlàl : Qu’est-ce qui n’allait pas avec Coffeescript? La meta-programmation, il faut le “vendre” aux autres, une nouvelle étape de compilation intermédiaire sans fournir les avantages de Cappuccino, la sensation que c’est un peu instable.
+
+
+
+
+
+
Le commentaire le mieux classé de la question suivante posée sur HackerNews mentionnait CoffeeScript.
+Récemment j’ai beaucoup programmé en javascript.
+Après avoir essayé
+Sroutcore,
+Cappuccino,
+backbone.js&
+javascriptMVC,
+Je me suis décidé à créer mon propre framework MVC minimal pour client javascript.1
+
+
Je me suis battu avec l’horrible syntaxe de javascript. C’était comme revenir des années dans le passé :
+
+
+
une syntaxe à la Java très verbeuse ;
+
une syntaxe follement verbeuse et étrange pour la programmation orientée objet ;
+
pas de manière naturelle de se référer à l’instance d’une classe ;
+
etc…
+
+
+
J’étais tellement ennuyé par tous ces point qu’il était arrivé un moment où je commençais à vouloir faire mon propre CoffeeScript.
+
+
J’ai fini une première version de mon framework MVC en javascript et j’ai appris l’existence de CoffeeScript. Merci à git, j’ai immédiatement créé une nouvelle branche dans le seul but d’essayer CoffeeScript.
+
+
Voici mon expérience :
+
+
+
J’ai dû installer node.js et utiliser npm simplement pour utiliser CoffeeScript. Ce n’était pas très difficile, mais pas aussi facile que ce que j’aurai aimé.
+
Les fichier javascript existants ne sont pas compatible avec coffee.
+
Il n’y a pas script pour aider à transformer les anciens fichiers javascripts en fichier coffee. Du coups j’ai dû faire ça manuellement.
+ Merci à vim, il ne fut pas très difficile de transformer 90% des fichiers avec des expressions régulières.
+ L’option --watch de coffee était très utile pour debugger cette transformation.
+ Cependant, il m’a fallu écrire mon propre script pour que tous mes fichiers soient watchés dans tous les sous-répertoires.
+
Quelque chose à laquelle je n’avais pas pensé. J’ai fait un peu de meta-programmation en javascript en utilisant eval. Mais pour que celà fonctionne correctement, il faut que la chaîne de caractère que je passe à eval soit codée en javascript et pas en coffee. C’est un peu comme écrire dans deux langages différents au même endroit. Ça ne me parraissait vraiment pas agréable.
+
+
+
Conclusion
+
+
Avantages :
+
+
+
Code plus lisible : CoffeeScript résoud la majorité des problèmes de syntaxes de javascript
+
Concision : j’ai gagné 14% de lignes, 22% de mots et 14% de caractères.
+
+
+
Inconvénients :
+
+
+
Ajout d’une nouvelle étape de compilation avant de pouvoir vérifier le comportement de mon site
+
Facilité d’utilisation : il m’a fallu créer un script pour gérer la génératio automatique des fichiers
+
Il faut apprendre un autre langage proche de ruby
+
La meta-programmation devient une expérience désagréable
+
Je dois convaincre les personnes travaillant avec moi :
+
+
d’installer node.js, npm et CoffeeScript ;
+
de se souvenir de lancer un script à chaque session de codage ;
+
d’apprendre un autre language proche de ruby.
+
+
+
+
+
Les deux derniers points étant de mon point de vue les plus problématiques.
+
+
Mais même si j’avais à travailler seul, je n’utiliserai certainement pas CoffeeScript.
+Il s’agit d’un tier dont la moindre mise à jour pourrait rendre mon code inutilisable.
+Cette situation m’est déjà arrivée plusieurs fois et c’est très désagrable.
+Beaucoup plus que coder avec une mauvaise syntaxe.
+
+
Digression
+
+
Je suis attristé.
+J’espérais tant pouvoir programmer Javascript avec une touche de Ruby.
+En fin de compte, cette solution n’est pas pour moi.
+Je vais devoir utiliser l’horrible syntaxe javascript pour l’instant.
+À la limite j’aurai préféré un script Ruby2Js par exemple2.
+Mais il me semble que ça serait un travail très difficile rien que pour simuler l’accès à la classe courante.
+
+
Typiquement @x est transformé en this.x. Mais le code suivant ne fait pas ce que j’attendrai de lui.
+
+
+->
+classMyClass
+ foo: ->
+ alert('ok')
+
+ bar: ->
+ $('#content').load( '/content.html', ( ->@foo(x) ) )
+# Ça n'appellera pas MyClass.foo
+
+
+
La seule façon de résoudre ce problème est avec le code suivant :
Sachant celà, la notation @ perd tout son intérêt pour moi.
+
+
+
+
Je sais que ce n’est certainement ni la meilleure ni la plus productive des décisions. Mais j’aime bien fabriquer les choses pour savoir comment tout fonctionne dans le détail.↩
+
+
+
Je sais qu’il existe un projet rb2js, mais il ne résoud pas le problème dont je parle.↩
tlàl : Qu’est-ce qui n’allait pas avec Coffeescript? La meta-programmation, il faut le “vendre” aux autres, une nouvelle étape de compilation intermédiaire sans fournir les avantages de Cappuccino, la sensation que c’est un peu instable.
+
+
+
+
+
+
Le commentaire le mieux classé de la question suivante posée sur HackerNews mentionnait CoffeeScript.
+Récemment j’ai beaucoup programmé en javascript.
+Après avoir essayé
+
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.
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 ...
+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.
+
+
+
+ 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.
+
+
+ Merci de ne pas me juger sur ces erreurs et de ne pas oublier que le fond est plus important que la forme.
+
+L'impression que ce site laisse de moi n'est certainement pas l'impression que je vous laisserais si on se rencontrait.
+
+Je vous souhaite de trouver ce que vous cherchez sur ce site.
+
Many website explaining how MVC works. But I can’t found one who explain why.
+
+
I have difficulties to obey some principle don’t know why I should use it. And something better than the:
+
+
+
“Smarter people than you decided you have to do so”
+
+
+
This article is for people who like me want to understand the real motivation of using an MVC architecture and which advantage it gives you.
+
+
Let’s start making a project from scratch pretending we don’t know anything about the MVC architecture. Then let see how we’ll naturally derive to an MVC architecture.
On vous propose de vous abonner au flux RSS. Mais de quoi s’agit il ?
+
+
Si vous n’êtes pas anglophobe je vous recommande la lecture de what is rss ou encore mieux, de regarder cette vidéo RSS explained.
+
+
+
+
+
+
+
+
Mon explication
+
+
Il s’agit d’un moyen facile d’agréger dans un seul endroit toutes les mises à jours de tous les sites qui vous intéressent.
+
+
choisir un client
+
+
Tout d’abord, il faut choisir un client de flux RSS. Aujourd’hui il existe de nombreux client en ligne. C’est-à-dire des sites web qui vont s’occuper du regroupement. Ces client s’appellent des “aggregator”.
+
+
Personnellement j’utilise Netvibes. J’en ai essayé vraiment beaucoup, et il reste de loin mon préféré.
+
+
Évidemment Google propose son client aussi : Google Reader. S’il reste adapté pour les contenus pour lesquels on ne veut rien perdre. Il est moins agréable d’utilisation lorsque l’on s’abonne à des flux qui proposent une vingtaine de nouveaux liens par jour.
+
+
S’abonner aux flux d’un site
+
+
Donc une fois que l’on a choisi son client, il suffit pour s’abonner de cliquer sur l’icône d’abonnement. Soit il est bien visible sur la page, soit tout en haut dans la barre des tâches.
+
+
Récupérer les “news”
+
+
Ensuite lorsque vous utilisez votre client RSS les nouvelles provenant du blog se mettront à jour. Ainsi, il n’y a plus besoin d’aller sur les sites intéressants pour voir s’il n’y a rien de neuf. Ce sont eux qui vous donne leur dernières nouvelles.
YClock est un économiseur d’écran qui vous donne l’heure.i
+Il a trois thèmes clair, rouge et noir.
+Il utilise une base de QuartzComposition + du code objective-C pour la gestion du nombre d’images par seconde.
Une explication rapide du pourquoi il y a des erreurs de validation
+de mes pages.
+
+
Je voulais utiliser box-shadows et border-radius
+
+
J’ai donc préféré avoir un approche pragamatique que dogmatique.
+
+
Utiliser ces propriétés me fait perdre la validation
+CSS
+mais fonctionne très bien avec les navigateurs récents (Safari 4
+et Firefox 3.5 au moment de l’écriture de ces lignes)
+
+
Si vous n’utilisez pas ces navigateur les pages s’affichent
+correctement mais sans ces effets qui n’ont pour but que d’améliorer
+l’aspect général de la page.
+
+
Par contre je suis plutôt un partisant de la validation et c’est
+pourquoi il y a toujours les liens. Tout valide à l’exception
+des propriétés commençant par -moz et -webkit.
+ 
↓ pdf version
+ 
+ 
+
<%= mail_perso %>
Follow me on [twitter](http://twitter.com/yogsototh)
diff --git a/content/html/en/about/cv.erb b/content/html/en/about/cv.erb
index 6a2ba787b..f3fa94373 100644
--- a/content/html/en/about/cv.erb
+++ b/content/html/en/about/cv.erb
@@ -16,8 +16,8 @@ menupriority: 3
-----
diff --git a/content/html/en/blog.erb b/content/html/en/blog.erb
index 42657d540..43c2e244e 100644
--- a/content/html/en/blog.erb
+++ b/content/html/en/blog.erb
@@ -7,7 +7,7 @@ noSubMenu: true
<%
number_of_articles=5
number_of_char_for_resume=800
- language=@item_rep.path.sub(/\/Scratch\//,'').sub(/\/.*$/,'')
+ language=@item_rep.path.sub(/\/n3blog\//,'').sub(/\/.*$/,'')
last_articles = @items.select do |a|
a.reps[0].path =~ /\/#{language}\// && a[:kind] == 'article'
end
diff --git a/content/html/en/blog/06_How_I_use_git.md b/content/html/en/blog/06_How_I_use_git.md
index c054ec9fe..f90174f1d 100644
--- a/content/html/en/blog/06_How_I_use_git.md
+++ b/content/html/en/blog/06_How_I_use_git.md
@@ -47,10 +47,10 @@ for example mine is:
*.swp
.DS_Store
ikog.py.bak
-output/Scratch/assets
-output/Scratch/en
-output/Scratch/fr
-output/Scratch/multi
+output/n3blog/assets
+output/n3blog/en
+output/n3blog/fr
+output/n3blog/multi
+
+
+
\ No newline at end of file
diff --git a/output/n3blog/en/about/cv/index.html b/output/n3blog/en/about/cv/index.html
new file mode 100644
index 000000000..34a59c02a
--- /dev/null
+++ b/output/n3blog/en/about/cv/index.html
@@ -0,0 +1,559 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
comments
+-
+
+ 17
+ Sep
+ 2009
+
+ Load Disqus Asynchronously »
+
+
↑