Managed latest blog post automatically
This commit is contained in:
Yann Esposito (Yogsototh)
parent
73e0db0d22
commit
badfe7c1db
176 changed files with 2853 additions and 2820 deletions
4
content/html/en/latest.md
Normal file
4
content/html/en/latest.md
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
---
|
||||
layout: latest
|
||||
isHidden: true
|
||||
---
|
||||
4
content/html/fr/latest.md
Normal file
4
content/html/fr/latest.md
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
---
|
||||
layout: latest
|
||||
isHidden: true
|
||||
---
|
||||
20
layouts/latest.html
Normal file
20
layouts/latest.html
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
-----
|
||||
-----
|
||||
<% language, languages, blog, article = setItemConf %>
|
||||
<%
|
||||
last_article = @items.select do |a|
|
||||
a.reps[0].path =~ /\/#{language}\// && a[:kind] == 'article'
|
||||
end.sort { |x,y| y[:created_at] <=> x[:created_at] }[0]
|
||||
targetUrl = last_article.path
|
||||
%>
|
||||
<html>
|
||||
<head>
|
||||
<title>Redirect to the right page.</title>
|
||||
<meta http-equiv="refresh" content="0;url=<%= targetUrl %>">
|
||||
<style> body { font: sans-serif; color: #333333; font-size: 18px; position: absolute; text-align: center; font-weight: bold; top: 50%; left: 50%; width: 460px; height: 100px; margin-left: -230px; margin-top: -50px; line-height: 2em; } a,a:hover,a:visited,a:active { color: #C53; } </style>
|
||||
</head>
|
||||
<body>
|
||||
<p>You should be redirected to</p>
|
||||
<div><a href="<%= targetUrl %>"><%= targetUrl %></a></div>
|
||||
</body>
|
||||
</HTML>
|
||||
4
multi/latest.md
Normal file
4
multi/latest.md
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
---
|
||||
layout: latest
|
||||
isHidden: true
|
||||
---
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -60,7 +60,7 @@
|
|||
|
||||
<p><img src="/Scratch/img/about/avatar.png" alt="Avatar" class="left" /></p>
|
||||
|
||||
<p><a href="mailto:yann.esposito@gmail.com">yann.esposito@gmail.com</a><br />
|
||||
<p><a href="mailto:yann.esposito@gmail.com">yann.esposito@gmail.com</a><br />
|
||||
Follow me on <a href="http://twitter.com/yogsototh">twitter</a><br />
|
||||
My preferred bookmarks <a href="http://pinboard.in/u:yogsototh">pinboard</a><br />
|
||||
Open Source <a href="http://github.com/yogsototh">github</a><br />
|
||||
|
|
|
|||
|
|
@ -104,7 +104,7 @@
|
|||
<li>Computer Security: <a href="http://yann.esposito.free.fr/enseignement/rez0.php#projet">I designed a secure web protocol (similar to TOR)</a>, <a href="/YBlog/Computer/Entries/2008/7/30_Easy,_secure_and_portable_password_management_system.html">a method to securely remember strong passwords</a> (<a href="/YBlog/YPassword.html">programmed a dashboard widget</a> and a shell script to use this method). </li>
|
||||
</ul>
|
||||
|
||||
<p>But before all, I love to learn. For example, I learned many programming languages: <code>C</code>, <code>C++</code>, <code>Objective-C</code>, <code>Python</code>, <code>Java</code>, <code>Perl</code>, <code>awk</code>, <code>bash</code>, <code>zsh</code>, <code>LaTeX</code>, <code>Metapost</code>, <code>camL</code>… And I’ve got the same passion about computer science research, computer security, philosophy and many other things.</p>
|
||||
<p>But before all, I love to learn. For example, I learned many programming languages: <code>C</code>, <code>C++</code>, <code>Objective-C</code>, <code>Python</code>, <code>Java</code>, <code>Perl</code>, <code>awk</code>, <code>bash</code>, <code>zsh</code>, <code>LaTeX</code>, <code>Metapost</code>, <code>camL</code>… And I’ve got the same passion about computer science research, computer security, philosophy and many other things.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
@ -118,7 +118,7 @@
|
|||
|
||||
<p>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.</p>
|
||||
|
||||
<p>Today I work for AirFrance<small>©</small> via Astek. This job need many differents skills, CMS and Web technologies, Perl, JSP, meta-programming…</p>
|
||||
<p>Today I work for AirFrance<small>©</small> via Astek. This job need many differents skills, CMS and Web technologies, Perl, JSP, meta-programming…</p>
|
||||
|
||||
|
||||
<div class="return"><a href="#entete" onclick="fastShowMenu()">↑</a></div>
|
||||
|
|
|
|||
|
|
@ -59,11 +59,11 @@
|
|||
But a Framework to generate static web pages.</p>
|
||||
|
||||
<p>You have to program yourself webpages, the code
|
||||
to generate the menu…</p>
|
||||
to generate the menu…</p>
|
||||
|
||||
<p>I added feature to make my website multilingual for example</p>
|
||||
|
||||
<p>You’ll can find many informations on the
|
||||
<p>You’ll can find many informations on the
|
||||
<a href="http://nanoc.stoneship.org">official nanoc website</a>.</p>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -54,11 +54,11 @@
|
|||
<div class="corps">
|
||||
<h1 class="first" id="update">update</h1>
|
||||
|
||||
<p>As <a href="http://www.theworkinggeek.com">Andy Lester</a> told me <a href="http://betterthangrep.com"><code>ack</code></a> is a simple file you only have to copy in your <code>~/bin</code> folder. Now I’ve got <code>ack</code> on my professional server.</p>
|
||||
<p>As <a href="http://www.theworkinggeek.com">Andy Lester</a> told me <a href="http://betterthangrep.com"><code>ack</code></a> is a simple file you only have to copy in your <code>~/bin</code> folder. Now I’ve got <code>ack</code> on my professional server.</p>
|
||||
|
||||
<p>Go on <a href="http://betterthangrep.com">http://betterthangrep.com</a> to download it.</p>
|
||||
|
||||
<p>Sincerely, I don’t understand <code>ack</code> don’t become a common command on all UNIX systems. I can no more live without. For me it is as essential as <code>which</code> or <code>find</code>.</p>
|
||||
<p>Sincerely, I don’t understand <code>ack</code> don’t become a common command on all UNIX systems. I can no more live without. For me it is as essential as <code>which</code> or <code>find</code>.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
@ -79,7 +79,7 @@ grep <span class="String"><span class="String">'</span>pattern<span class="Strin
|
|||
<p>Most of time it is enough.
|
||||
But it is far better with colored output.
|
||||
<code>ack-grep</code> in Ubuntu does that.
|
||||
As I couldn’t install it on my ‘Evil Company Server’,
|
||||
As I couldn’t install it on my ‘Evil Company Server’,
|
||||
I had done one myself in very few lines:</p>
|
||||
|
||||
<div>
|
||||
|
|
|
|||
|
|
@ -56,7 +56,7 @@
|
|||
<div class="flush"></div>
|
||||
<div id="afterheader">
|
||||
<div class="corps">
|
||||
<h1 class="first" id="movies-keys">Movie’s keys</h1>
|
||||
<h1 class="first" id="movies-keys">Movie’s keys</h1>
|
||||
|
||||
<div class="encadre" style="text-align: center">
|
||||
<strong>
|
||||
|
|
@ -64,32 +64,32 @@
|
|||
</strong>
|
||||
</div>
|
||||
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
<p>My hypothesis is the movie describe the Fred’s representation of reality.
|
||||
<p>My hypothesis is the movie describe the Fred’s representation of reality.
|
||||
Each of his tries to escape reality will fail.</p>
|
||||
|
||||
<p>Fred had commited an horrible act, a murder, and try to <em>repair</em> his memory to accepts it. He’ll then create alternative realities.</p>
|
||||
<p>Fred had commited an horrible act, a murder, and try to <em>repair</em> his memory to accepts it. He’ll then create alternative realities.</p>
|
||||
|
||||
<ul>
|
||||
<li>In a first time he kills his wife (Renee) because he believes she cheated at him.</li>
|
||||
<li>In the second part, he’s weaker and will be manipulated by the blond equivalent of Renee to kill Dick Laurent.</li>
|
||||
<li>In the second part, he’s weaker and will be manipulated by the blond equivalent of Renee to kill Dick Laurent.</li>
|
||||
<li>In a third part, he kills Dick Laurent</li>
|
||||
</ul>
|
||||
|
||||
<h2 id="why-this-interpretation-can-be-valid">Why this interpretation can be valid?</h2>
|
||||
|
||||
<p>Because of the dialog at the begining of the movie. Cops ask Fred if he’s own a video camera:</p>
|
||||
<p>Because of the dialog at the begining of the movie. Cops ask Fred if he’s own a video camera:</p>
|
||||
|
||||
<blockquote>
|
||||
<p>“Do you own a video camera?”<br />
|
||||
“No, Fred hates them.”<br />
|
||||
“I like to remember things my own way.”<br />
|
||||
“What do you mean by that?”<br />
|
||||
“How I remember them, not necessarily the way they happened.” </p>
|
||||
<p>“Do you own a video camera?”<br />
|
||||
“No, Fred hates them.”<br />
|
||||
“I like to remember things my own way.”<br />
|
||||
“What do you mean by that?”<br />
|
||||
“How I remember them, not necessarily the way they happened.” </p>
|
||||
</blockquote>
|
||||
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -60,15 +60,15 @@
|
|||
|
||||
<p><img alt="l'homme mystérieux" src="/Scratch/img/blog/03_losthighway/03_losthighway_2/mysteryman.jpg" class="left" /></p>
|
||||
|
||||
<p>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?</p>
|
||||
<p>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?</p>
|
||||
|
||||
<p>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.
|
||||
<p>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 <em>Iago</em> 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.</p>
|
||||
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -56,9 +56,9 @@
|
|||
<div class="flush"></div>
|
||||
<div id="afterheader">
|
||||
<div class="corps">
|
||||
<h2 class="first" id="whos-at-the-origin-of-the-video-tapes">Who’s at the origin of the video tapes?</h2>
|
||||
<h2 class="first" id="whos-at-the-origin-of-the-video-tapes">Who’s at the origin of the video tapes?</h2>
|
||||
|
||||
<p>Certainly it’s the mysterious man (Fred himself) who makes them.
|
||||
<p>Certainly it’s the mysterious man (Fred himself) who makes them.
|
||||
Their reason should be:</p>
|
||||
|
||||
<ul>
|
||||
|
|
|
|||
|
|
@ -71,7 +71,7 @@
|
|||
<h2 id="which-one-then">which one then?</h2>
|
||||
|
||||
<p>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.</p>
|
||||
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.</p>
|
||||
|
||||
<p>One of the strength of this movie is to understand there is many other coherent hypothesis. It is an expression of the <a href="http://en.wikipedia.org/wiki/Rashomon_effect">Rashomon effect</a>. Many different persons could describe in a coherent manner what they saw. But each description contradicts the others.</p>
|
||||
|
||||
|
|
@ -85,9 +85,9 @@ But the first hypothesis remain coherent. And, we should probably make an in dep
|
|||
|
||||
<p>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.</p>
|
||||
|
||||
<p>I believe it is essential to remember the “test of Rorschach effet” when watching this movie.</p>
|
||||
<p>I believe it is essential to remember the “test of Rorschach effet” when watching this movie.</p>
|
||||
|
||||
<p>I’d like to know or opinion ; is my interpration wrong?</p>
|
||||
<p>I’d like to know or opinion ; is my interpration wrong?</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -72,10 +72,10 @@ Here some of explanations of Lost Highway I found on the Internet:</p>
|
|||
<ul>
|
||||
<li>Fred make a pact with the devil incarnated by the <em>Mysterious Man</em>,</li>
|
||||
<li><em>Mysterious Man</em> is a video camera,</li>
|
||||
<li>Just the first part of the story is real. The rest is in the Fred’s imagination,</li>
|
||||
<li>Just the first part of the story is real. The rest is in the Fred’s imagination,</li>
|
||||
</ul>
|
||||
|
||||
<p>and I don’t speak about many point of view found in forums.</p>
|
||||
<p>and I don’t speak about many point of view found in forums.</p>
|
||||
|
||||
<p>I finished to find two good site talking about this movie. But none of them still totally convinced me:</p>
|
||||
|
||||
|
|
@ -84,7 +84,7 @@ Here some of explanations of Lost Highway I found on the Internet:</p>
|
|||
<li>the second which state almost the same interpretation about the movie and explain with even more details is on <a href="http://www.jasonsweb.com/LostHighway/main.htm">jasonweb</a></li>
|
||||
</ul>
|
||||
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
<p>I believe I had found a coherent interpretation which allow to follow the movie <strong>without being totally lost</strong>. I believed it can give the keys necessary to make its own idea of the movie.</p>
|
||||
|
||||
|
|
@ -92,16 +92,16 @@ Here some of explanations of Lost Highway I found on the Internet:</p>
|
|||
|
||||
<p><img alt="test de Rorschach" src="/Scratch/img/blog/03_losthighway/rorschach.gif" class="left" /></p>
|
||||
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
<ul>
|
||||
<li>If you are mystic, you’ll see in the mysterious man a devil,</li>
|
||||
<li>If you are more psychanalytics, you’ll see an inconscient part of the protagonist…</li>
|
||||
<li>If you are mystic, you’ll see in the mysterious man a devil,</li>
|
||||
<li>If you are more psychanalytics, you’ll see an inconscient part of the protagonist…</li>
|
||||
</ul>
|
||||
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
<h2 id="interprtation-ne-explanation">Interprétation ≠ Explanation</h2>
|
||||
<h2 id="interprtation-ne-explanation">Interprétation ≠ Explanation</h2>
|
||||
|
||||
<p>I give an <strong>interpretation</strong> and not an <strong>explanation</strong>. Just to tell my vision of the movie should be very different from yours.
|
||||
There is certainly many coherent explanations.</p>
|
||||
|
|
|
|||
|
|
@ -66,7 +66,7 @@
|
|||
<p style="text-align: center; font-size: 5em"><strong>WTF?</strong></p>
|
||||
</div>
|
||||
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
<div class="encadre">
|
||||
|
||||
|
|
@ -74,8 +74,8 @@ Therefore far less money for you EVIL Copyrighter!!!!!
|
|||
|
||||
</div>
|
||||
|
||||
<p>My wife won’t see these episodes.<br />
|
||||
This is a <strong>‘LOSE-LOSE’</strong> cooperation.</p>
|
||||
<p>My wife won’t see these episodes.<br />
|
||||
This is a <strong>‘LOSE-LOSE’</strong> cooperation.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -58,7 +58,7 @@
|
|||
|
||||
<p>I use <a href="http://www.git-scm.org/">Git</a> 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.</p>
|
||||
Unfortunately I didn’t find clearly what I needed on the official Git documentation.</p>
|
||||
|
||||
<p>In two words, if you want to use an SVN workflow with Git (and all its advantages) here is how to proceed.</p>
|
||||
|
||||
|
|
@ -70,7 +70,7 @@ Unfortunately I didn’t find clearly what I needed on the official Git docu
|
|||
|
||||
<h2 class="first" id="initialisation">Initialisation</h2>
|
||||
|
||||
<p>Suppose I’ve got a directory on my local computer containing a project I want to manage via Git. Here what to do: </p>
|
||||
<p>Suppose I’ve got a directory on my local computer containing a project I want to manage via Git. Here what to do: </p>
|
||||
|
||||
<div>
|
||||
<pre class="twilight">
|
||||
|
|
|
|||
|
|
@ -56,15 +56,15 @@
|
|||
<div class="corps">
|
||||
<h1 class="first" id="how-to-recompile-your-screensaver-to-be-snow-leopardc-compatible">How to recompile your screensaver to be Snow Leopard<small>©</small> compatible</h1>
|
||||
|
||||
<p>I upgraded to Mac OS X 10.6 Snow Leopard<small>©</small>, and my <a href="/YBlog/YClock.html">YClock</a> screensaver didn’t work on it. After searching on google, the problem seems to be just a recompilation away.
|
||||
Unfortunately, even recompiling it in 64 bit it didn’t work either.
|
||||
<p>I upgraded to Mac OS X 10.6 Snow Leopard<small>©</small>, and my <a href="/YBlog/YClock.html">YClock</a> screensaver didn’t work on it. After searching on google, the problem seems to be just a recompilation away.
|
||||
Unfortunately, even recompiling it in 64 bit it didn’t work either.
|
||||
After a bit more research (thanks to <a href="http://community.electricsheep.org/node/236">ElectricSheep</a> ).</p>
|
||||
|
||||
<p>I discovered the good parameters for compilation.</p>
|
||||
|
||||
<p><img alt="XCode configuration" src="/Scratch/img/blog/07_Screensaver_compilation_option_for_Snow_Leopard/xcodeConfig.png" /></p>
|
||||
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
<p>It was a bit difficult to discover these informations. Hope this post helped someone.</p>
|
||||
|
||||
|
|
|
|||
|
|
@ -72,7 +72,7 @@ ssh -p 443 -D 9050 username@host
|
|||
|
||||
<h1 id="ssh-and-snow-leopardc">Ssh and Snow Leopard<small>©</small></h1>
|
||||
|
||||
<p>Here I don’t want to talk about how great <span class="sc">socks</span> proxy via ssh tunneling is but how to configure my local server.</p>
|
||||
<p>Here I don’t want to talk about how great <span class="sc">socks</span> proxy via ssh tunneling is but how to configure my local server.</p>
|
||||
|
||||
<p>I have Mac with Snow Leopard<small>©</small> at home and it is far from enough to modify the <code>/etc/sshd.config</code> file. The system use <code>launchd</code> to launch starting daemons.</p>
|
||||
|
||||
|
|
|
|||
|
|
@ -83,13 +83,13 @@
|
|||
<p>The idea are: </p>
|
||||
|
||||
<ul>
|
||||
<li>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.</li>
|
||||
<li>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.</li>
|
||||
<li>reiterate all operations until they work (for example, renaming).</li>
|
||||
</ul>
|
||||
|
||||
<p>For now I use <code>rsync</code> which in fact is no more efficient than a simple <code>cp</code> with WebDav. And I should use a method to keep track of elements who have changed. before the publication.</p>
|
||||
|
||||
<p>In fact when I’m on a Mac, I use <a href="http://www.panic.com/transmit">Transmit</a> which is very cool and far more efficient than the Finder to synchronize files. After the synchronization, I swap the directories.</p>
|
||||
<p>In fact when I’m on a Mac, I use <a href="http://www.panic.com/transmit">Transmit</a> which is very cool and far more efficient than the Finder to synchronize files. After the synchronization, I swap the directories.</p>
|
||||
|
||||
<p>My script take a <code>-s</code> option in order to make only the swap option. It also take a <code>-a</code> in order to put the new <code>index.html</code> which should point to the new homepage (not the iWeb one).</p>
|
||||
|
||||
|
|
|
|||
|
|
@ -58,7 +58,7 @@
|
|||
|
||||
<p>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 <a href="http://intensedebate.com">intensedebate</a>, as you can see in the bottom of this page.</p>
|
||||
|
||||
<p>Remark I didn’t have any comment on my blog when I switched. Therefore my lack of influence was a good thing :-).</p>
|
||||
<p>Remark I didn’t have any comment on my blog when I switched. Therefore my lack of influence was a good thing :-).</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
@ -72,7 +72,7 @@
|
|||
|
||||
<p>I also know there is a jQuery plugin to make just that. Unfortunately I had some issue with CSS.</p>
|
||||
|
||||
<p><em>Now let’s begin.</em></p>
|
||||
<p><em>Now let’s begin.</em></p>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
@ -85,7 +85,7 @@
|
|||
<p>Why should I want to load the disqus javascript asynchronously?</p>
|
||||
|
||||
<ul>
|
||||
<li>Efficiency: I don’t want my page to wait the complete execution of disqus script to load.</li>
|
||||
<li>Efficiency: I don’t want my page to wait the complete execution of disqus script to load.</li>
|
||||
<li>More independance: when disqus is down, my page is blocked!</li>
|
||||
</ul>
|
||||
|
||||
|
|
@ -97,7 +97,7 @@
|
|||
|
||||
<h1 class="first" id="how">How?</h1>
|
||||
|
||||
<p>I give a solution with jQuery, but I’m certain it will work with many other js library.</p>
|
||||
<p>I give a solution with jQuery, but I’m certain it will work with many other js library.</p>
|
||||
|
||||
<h3 id="javascript">Javascript</h3>
|
||||
|
||||
|
|
@ -127,7 +127,7 @@
|
|||
<p>But with this option you still need to provide a CSS. This is why you have to copy the css code from the <code>embed.js</code> file and rewrite it in a CSS file. You can <a href="/Scratch/en/blog/11_Load_Disqus_Asynchronously/code/original_disqus.css">download the CSS</a> I obtained.</p>
|
||||
|
||||
<hr />
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -56,7 +56,7 @@
|
|||
<div class="corps">
|
||||
<h1 class="first" id="disqushttpdisquscom-vs-intense-debatehttpintensedebatecom"><a href="http://disqus.com/">Disqus</a> <em>vs.</em> <a href="http://intensedebate.com/">Intense Debate</a></h1>
|
||||
|
||||
<p>I made a blog entry about how I tried to integrate <a href="http://disqus.com">Disqus</a>. 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 <a href="/Scratch/en/blog/11_Load_Disqus_Asynchronously/">difficulties to make it works correctly</a>. </p>
|
||||
<p>I made a blog entry about how I tried to integrate <a href="http://disqus.com">Disqus</a>. 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 <a href="/Scratch/en/blog/11_Load_Disqus_Asynchronously/">difficulties to make it works correctly</a>. </p>
|
||||
|
||||
<p>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).</p>
|
||||
|
||||
|
|
@ -64,7 +64,7 @@
|
|||
|
||||
<p>During the time I tried to integrate <a href="http://disqus.com/">Disqus</a> I never tried <a href="http://intensedebate.com">Intense Debate</a>. Now that I have tried, i must confess it does exactly what I needed. </p>
|
||||
|
||||
<p>In order to make it fully asynchronous, you’ve just to download their common js and replace the following line:</p>
|
||||
<p>In order to make it fully asynchronous, you’ve just to download their common js and replace the following line:</p>
|
||||
|
||||
<div>
|
||||
<pre class="twilight">
|
||||
|
|
@ -87,8 +87,8 @@
|
|||
<p>To conclude, main advantages (for me) of <a href="http://intensedebate.com/">Intense Debate</a> over <a href="http://disqus.com/">Disqus</a>: </p>
|
||||
|
||||
<ul>
|
||||
<li>Load Asynchronously ; don’t block my website</li>
|
||||
<li>Add for free buttons like “share to any” and load them <strong>asynchronously</strong>.</li>
|
||||
<li>Load Asynchronously ; don’t block my website</li>
|
||||
<li>Add for free buttons like “share to any” and load them <strong>asynchronously</strong>.</li>
|
||||
</ul>
|
||||
|
||||
<p>Voilà.</p>
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -56,7 +56,7 @@
|
|||
<div class="corps">
|
||||
<p>My problem is simple:</p>
|
||||
|
||||
<p>I want to filter a text except some part of it. I can match easily the part I don’t want to be filtered. For example</p>
|
||||
<p>I want to filter a text except some part of it. I can match easily the part I don’t want to be filtered. For example</p>
|
||||
|
||||
<div>
|
||||
<pre class="twilight">
|
||||
|
|
|
|||
|
|
@ -58,22 +58,22 @@
|
|||
|
||||
<p>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.</p>
|
||||
|
||||
<p>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:</p>
|
||||
<p>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:</p>
|
||||
|
||||
<div><pre class="twilight">
|
||||
mv folder folder2
|
||||
</pre></div>
|
||||
|
||||
<p>It returns OK and I’ve got: </p>
|
||||
<p>It returns OK and I’ve got: </p>
|
||||
|
||||
<div><pre class="twilight">
|
||||
$ ls
|
||||
folder folder2
|
||||
</pre></div>
|
||||
|
||||
<p>Booh….</p>
|
||||
<p>Booh….</p>
|
||||
|
||||
<p>In order to handle most webdav issues I use a <em>framework</em> in zsh. It handle almost all except the correct renaming of folder. Working on it… Anyway here is the code I use.</p>
|
||||
<p>In order to handle most webdav issues I use a <em>framework</em> in zsh. It handle almost all except the correct renaming of folder. Working on it… Anyway here is the code I use.</p>
|
||||
|
||||
<div><div class="code"><div class="file"><a href="/Scratch/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/code/webdav-framework"> ➥ webdav-framework </a></div><div class="withfile">
|
||||
<pre class="twilight">
|
||||
|
|
@ -314,7 +314,7 @@ print -- <span class="String"><span class="String">"</span>Dest = <span cla
|
|||
</div></div></div>
|
||||
|
||||
<p>This is my way to replace <code>rsync</code> 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.</p>
|
||||
Hope it is usefull. I’ll be happy to hear a way to handle the webdav rename folder problem. This is really annoying.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -87,7 +87,7 @@
|
|||
</pre>
|
||||
</div></div></div>
|
||||
|
||||
<p>That’s it.</p>
|
||||
<p>That’s it.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -54,9 +54,9 @@
|
|||
<div class="flush"></div>
|
||||
<div id="afterheader">
|
||||
<div class="corps">
|
||||
<p>I believe the goal researched by minimalism is <strong>Focus</strong>. 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.</p>
|
||||
<p>I believe the goal researched by minimalism is <strong>Focus</strong>. 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.</p>
|
||||
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -79,7 +79,7 @@
|
|||
</script>
|
||||
</div>
|
||||
|
||||
<p>I first tried to integrate <a href="http://www.gayadesign.com/diy/queryloader-preload-your-website-in-style/">queryLoader</a>, but it didn’t fill my needs.</p>
|
||||
<p>I first tried to integrate <a href="http://www.gayadesign.com/diy/queryloader-preload-your-website-in-style/">queryLoader</a>, but it didn’t fill my needs.</p>
|
||||
|
||||
<p>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.</p>
|
||||
|
||||
|
|
|
|||
|
|
@ -135,7 +135,7 @@
|
|||
|
||||
</pre></div>
|
||||
|
||||
<p>Simple and lightweight. No timer (almost), no memory leak, no Date…</p>
|
||||
<p>Simple and lightweight. No timer (almost), no memory leak, no Date…</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -54,7 +54,7 @@
|
|||
<div class="flush"></div>
|
||||
<div id="afterheader">
|
||||
<div class="corps">
|
||||
<p>Here is a tip, I don’t know why, but I almost always forgot how to do that.</p>
|
||||
<p>Here is a tip, I don’t know why, but I almost always forgot how to do that.</p>
|
||||
|
||||
<p>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: </p>
|
||||
|
||||
|
|
|
|||
|
|
@ -54,9 +54,9 @@
|
|||
<div class="flush"></div>
|
||||
<div id="afterheader">
|
||||
<div class="corps">
|
||||
<p><small> <em>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. </em></small></p>
|
||||
<p><small> <em>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. </em></small></p>
|
||||
|
||||
<p><small> <em> “Cheap branches” aren’t designed to be totally isolated branches but rather should follow a “Master Branch”. There is a </em>Standard Workflow<em> to follow. If you don’t follow it, you prepare yourself with some hard time with Git.</em> </small></p>
|
||||
<p><small> <em> “Cheap branches” aren’t designed to be totally isolated branches but rather should follow a “Master Branch”. There is a </em>Standard Workflow<em> to follow. If you don’t follow it, you prepare yourself with some hard time with Git.</em> </small></p>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
@ -72,7 +72,7 @@
|
|||
|
||||
<p>I must say I was completely convinced. And the more you learn about <abbr title="Decentralized Concurrent Versioning System">DCVS</abbr> the more you see good reason to use them.</p>
|
||||
|
||||
<p>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<sup><a href="#note1">†</a></sup></p>
|
||||
<p>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<sup><a href="#note1">†</a></sup></p>
|
||||
|
||||
<p>After some web searches, I founded three main choices:</p>
|
||||
|
||||
|
|
@ -82,7 +82,7 @@
|
|||
<li><a href="http://selenic.com/mercurial">Mercurial</a></li>
|
||||
</ul>
|
||||
|
||||
<p>After trying each other I chosen Bazaar. It has the simplest User Interface<sup><a href="#note2">*</a></sup>. My choice was done.</p>
|
||||
<p>After trying each other I chosen Bazaar. It has the simplest User Interface<sup><a href="#note2">*</a></sup>. My choice was done.</p>
|
||||
|
||||
<h3 id="from-bazaar-to-git">From Bazaar to Git</h3>
|
||||
|
||||
|
|
@ -91,21 +91,21 @@
|
|||
<p>After some times, reading on many blogs, I realize Git is far more popular and by influent people. </p>
|
||||
|
||||
<p>I then decide to use Git in particular to <em>version</em> this current website.
|
||||
But after trying it, I found it difficult and couter intuitive (I’ll speak a work about it later).</p>
|
||||
But after trying it, I found it difficult and couter intuitive (I’ll speak a work about it later).</p>
|
||||
|
||||
<p>After calling for some help, when I say Bazaar is much simpler to learn, some people answer me that Git:</p>
|
||||
|
||||
<blockquote>
|
||||
<p>— <em>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…</em></p>
|
||||
<p>— <em>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…</em></p>
|
||||
</blockquote>
|
||||
|
||||
<p>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? </p>
|
||||
|
||||
<p>I finally understood why reading a document I didn’t read before. It was the <em>untaught</em> part of the conception. The part every developer found so <em>natural</em> it is not necessary to say a word about it. But it was not <em>natural</em> for me.</p>
|
||||
<p>I finally understood why reading a document I didn’t read before. It was the <em>untaught</em> part of the conception. The part every developer found so <em>natural</em> it is not necessary to say a word about it. But it was not <em>natural</em> for me.</p>
|
||||
|
||||
<p><small><a name="note1">†</a> - I speak about <em>ClearCase<small>©</small></em>. I know there exists command line tools. But it was not the way my team used it.</small></p>
|
||||
<p><small><a name="note1">†</a> - I speak about <em>ClearCase<small>©</small></em>. I know there exists command line tools. But it was not the way my team used it.</small></p>
|
||||
|
||||
<p><small><a name="note2">*</a> - 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.</small></p>
|
||||
<p><small><a name="note2">*</a> - 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.</small></p>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
@ -113,7 +113,7 @@ But after trying it, I found it difficult and couter intuitive (I’ll speak
|
|||
<div class="corps">
|
||||
|
||||
|
||||
<p>When you see explanation about <em>branches</em> and <abbr title="Decentralized Concurrent Versioning System">DCVS</abbr> we imagine each branch is totally uncorrelated to each other, except when <em>merging</em>. Everything is magic. This is the “<em>Parallel World</em>” explanation. This way of seeing is explained more in depth in the <a href="http://betterexplained.com/articles/a-visual-guide-to-version-control/">real good article about branches</a> on betterexplained. </p>
|
||||
<p>When you see explanation about <em>branches</em> and <abbr title="Decentralized Concurrent Versioning System">DCVS</abbr> we imagine each branch is totally uncorrelated to each other, except when <em>merging</em>. Everything is magic. This is the “<em>Parallel World</em>” explanation. This way of seeing is explained more in depth in the <a href="http://betterexplained.com/articles/a-visual-guide-to-version-control/">real good article about branches</a> on betterexplained. </p>
|
||||
|
||||
<p>Git was designed to manage the Linux Kernel. Git was designed using the concept of <em>Patch</em> instead of <em>Parallel Worlds</em>.</p>
|
||||
|
||||
|
|
@ -124,11 +124,11 @@ But after trying it, I found it difficult and couter intuitive (I’ll speak
|
|||
<li>While Git seem base on the <em>Patch</em> model which will implie the creation of <em>Parallel Worlds</em>.</li>
|
||||
</ul>
|
||||
|
||||
<p>I will not argument about which is the best. Just tell my vision of DCVS come from the <em>Parallel World</em> vision and Git was designed the other way<sup><a href="#note3">‡</a></sup>.</p>
|
||||
<p>I will not argument about which is the best. Just tell my vision of DCVS come from the <em>Parallel World</em> vision and Git was designed the other way<sup><a href="#note3">‡</a></sup>.</p>
|
||||
|
||||
<h2 id="from-theory-to-real-life-usage">From Theory to Real Life Usage</h2>
|
||||
|
||||
<p>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 <em>Cheap Branching</em>.</p>
|
||||
<p>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 <em>Cheap Branching</em>.</p>
|
||||
|
||||
<p>What is a <em>Cheap Branch</em>? 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.</p>
|
||||
|
||||
|
|
@ -136,10 +136,10 @@ But after trying it, I found it difficult and couter intuitive (I’ll speak
|
|||
|
||||
<p>In theory, <em>Cheap Branches</em> are exactly like Bazaar branches. The word used is <em>Branch</em> and not <em>Cheap Branch</em>. But there is a slight difference between them. A slight difference between a <em>Cloned Branch</em> and a <em>Cheap Branch</em>.</p>
|
||||
|
||||
<p>A “Standard branch” is what is theoretically a kind of new <em>Parallel World</em>.
|
||||
<p>A “Standard branch” is what is theoretically a kind of new <em>Parallel World</em>.
|
||||
But <em>Cheap branch</em> was designed to be future <em>Patch</em> for the main branch of the directory/Cloned branch.</p>
|
||||
|
||||
<p>Of course, I know anybody can state you can totally use <em>Cheap branches</em> as <em>Cloned branches</em>. But they weren’t designed for that. On daily usage, it is a bit uneasy to use it like this.</p>
|
||||
<p>Of course, I know anybody can state you can totally use <em>Cheap branches</em> as <em>Cloned branches</em>. But they weren’t designed for that. On daily usage, it is a bit uneasy to use it like this.</p>
|
||||
|
||||
<p>Here how Git <em>cheap branches</em> should be used (for more details see <a href="http://hoth.entp.com/output/git_for_designers.html">Git for Designers</a>):</p>
|
||||
|
||||
|
|
@ -148,11 +148,11 @@ But <em>Cheap branch</em> was designed to be future <em>Patch</em> for the main
|
|||
<li>creation of a <em>Cheap branch</em> containing differences which <strong>have</strong> to be patched somewhere in the future into <strong><span class="sc">The Great Repository</span></strong></li>
|
||||
</ul>
|
||||
|
||||
<p>Here’s how you should <strong>not</strong> use Git:</p>
|
||||
<p>Here’s how you should <strong>not</strong> use Git:</p>
|
||||
|
||||
<ul>
|
||||
<li>Get or creation of a repository</li>
|
||||
<li>Create a <em>cheap branch</em> which will never push it’s modification to the main repository.</li>
|
||||
<li>Create a <em>cheap branch</em> which will never push it’s modification to the main repository.</li>
|
||||
</ul>
|
||||
|
||||
<p>This simple minor difference of point of view confused me a lot.</p>
|
||||
|
|
@ -232,15 +232,15 @@ With Bazaar it is:</p>
|
|||
|
||||
<blockquote>
|
||||
<ul>
|
||||
<li>— Try to find the good keyword for this operation</li>
|
||||
<li>— Wrong! Try again!</li>
|
||||
<li>— False, it is not yet right!</li>
|
||||
<li>— Try to find the good keyword for this operation</li>
|
||||
<li>— Wrong! Try again!</li>
|
||||
<li>— False, it is not yet right!</li>
|
||||
</ul>
|
||||
</blockquote>
|
||||
|
||||
<p>That were the Git bad side. But It has many advantages. Once you’ve understood the <em>cheap branching</em> paradigm. All became clearer for me after. Even if there is also some difficulties with the edit of the <code>.git/config</code> files (not user friendly at all).</p>
|
||||
<p>That were the Git bad side. But It has many advantages. Once you’ve understood the <em>cheap branching</em> paradigm. All became clearer for me after. Even if there is also some difficulties with the edit of the <code>.git/config</code> files (not user friendly at all).</p>
|
||||
|
||||
<p><small><a name="note3">‡</a> 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 !”</small></p>
|
||||
<p><small><a name="note3">‡</a> 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 !”</small></p>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
@ -257,15 +257,15 @@ Such as working on a fix on a totally isolated branches.</p>
|
|||
|
||||
<h3 id="is-git-better-than-bazaar">Is Git better than Bazaar?</h3>
|
||||
|
||||
<p>Speaking about <em>features</em> 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.</p>
|
||||
<p>Speaking about <em>features</em> 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.</p>
|
||||
|
||||
<p>I shouldn’t have had those difficulties about understanding <em>cheap branching which must be a patch</em>. 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.</p>
|
||||
<p>I shouldn’t have had those difficulties about understanding <em>cheap branching which must be a patch</em>. 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.</p>
|
||||
|
||||
<h3 id="finally">Finally</h3>
|
||||
|
||||
<p>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 <code>revert</code>.
|
||||
For now I don’t made alias to correct that. But may be one day I should do that.</p>
|
||||
For now I don’t made alias to correct that. But may be one day I should do that.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -70,20 +70,20 @@
|
|||
</div>
|
||||
|
||||
|
||||
<p><a href="http://git-scm.org" title="Git">Git</a> is a <abbr title="Decentralized Concurent Versions System">DCVS</abbr>, which means a Decentralized Concurrent Versions System. Let’s analyze each part of this long term:</p>
|
||||
<p><a href="http://git-scm.org" title="Git">Git</a> is a <abbr title="Decentralized Concurent Versions System">DCVS</abbr>, which means a Decentralized Concurrent Versions System. Let’s analyze each part of this long term:</p>
|
||||
|
||||
<h3 id="versions-system">Versions System</h3>
|
||||
|
||||
<p>Firstly, versions system manage files.
|
||||
When somebody work with files without a versions system, the following happens frequently:</p>
|
||||
|
||||
<p>When you modify a somehow critical file you don’t want to loose. You copy naturally this file with another name. For example:</p>
|
||||
<p>When you modify a somehow critical file you don’t want to loose. You copy naturally this file with another name. For example:</p>
|
||||
|
||||
<div><pre class="twilight">$ cp fichier_important.c fichier_important.c.bak
|
||||
</pre></div>
|
||||
|
||||
<p>In consequence of what, the new file, play the role of <em>backup</em>. 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:</p>
|
||||
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:</p>
|
||||
|
||||
<div>
|
||||
<pre class="twilight">
|
||||
|
|
@ -97,7 +97,7 @@ old.fichier_important.c
|
|||
</pre>
|
||||
</div>
|
||||
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
<p><em>Fortunately, versions system are here to help.</em></p>
|
||||
|
||||
|
|
@ -105,13 +105,13 @@ old.fichier_important.c
|
|||
|
||||
<p>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.</p>
|
||||
|
||||
<p>It is therefore possible to say, “I want to get back three days earlier”.</p>
|
||||
<p>It is therefore possible to say, “I want to get back three days earlier”.</p>
|
||||
|
||||
|
||||
<div class="black">
|
||||
|
||||
|
||||
<p><em>What gives versions system?</em> (I didn’t mention everything at all)</p>
|
||||
<p><em>What gives versions system?</em> (I didn’t mention everything at all)</p>
|
||||
|
||||
<ul>
|
||||
<li>automatic backups: <em>back in time</em>,</li>
|
||||
|
|
@ -128,7 +128,7 @@ old.fichier_important.c
|
|||
|
||||
<p>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.</p>
|
||||
|
||||
<p>Let’s begin by an example, a two person project ; Alex and Beatrice. On a file containing a <em>Lovecraft</em>’s gods list:</p>
|
||||
<p>Let’s begin by an example, a two person project ; Alex and Beatrice. On a file containing a <em>Lovecraft</em>’s gods list:</p>
|
||||
|
||||
<div style="width: 10em; margin-left: auto; margin-right: auto">
|
||||
<pre class="twilight">
|
||||
|
|
@ -187,7 +187,7 @@ Yogsototh
|
|||
<ul>
|
||||
<li>get without any problem others modifications,</li>
|
||||
<li>send without any problem its own modifications to others,</li>
|
||||
<li>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,</li>
|
||||
<li>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,</li>
|
||||
<li>help to know who done what and when.</li>
|
||||
</ul>
|
||||
|
||||
|
|
@ -199,7 +199,7 @@ Yogsototh
|
|||
|
||||
<p>This word became popular only recently about CVS. And it mainly means two things:</p>
|
||||
|
||||
<p>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 <em>REPOSITORY</em> (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.</p>
|
||||
<p>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 <em>REPOSITORY</em> (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.</p>
|
||||
|
||||
<p>All instances of a project can live <em>independently</em>.</p>
|
||||
|
||||
|
|
@ -212,7 +212,7 @@ Yogsototh
|
|||
<p>Typical example:</p>
|
||||
|
||||
<blockquote>
|
||||
<p>I develop my project. I’m ameliorating something. An urgent bug is reported.</p>
|
||||
<p>I develop my project. I’m ameliorating something. An urgent bug is reported.</p>
|
||||
|
||||
<p>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.</p>
|
||||
|
||||
|
|
@ -237,7 +237,7 @@ Yogsototh
|
|||
|
||||
<h2 id="to-resume">To resume</h2>
|
||||
|
||||
<p>Let’s resume what we can easily do with DCVS:</p>
|
||||
<p>Let’s resume what we can easily do with DCVS:</p>
|
||||
|
||||
<p><strong>Versions Systems</strong></p>
|
||||
|
||||
|
|
@ -263,7 +263,7 @@ Yogsototh
|
|||
<li>Easily manipulate branches</li>
|
||||
</ul>
|
||||
|
||||
<p>Now let’s see how to obtain all these things easily with <a href="http://git-scm.org" title="Git">Git</a>.</p>
|
||||
<p>Now let’s see how to obtain all these things easily with <a href="http://git-scm.org" title="Git">Git</a>.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -84,7 +84,7 @@
|
|||
|
||||
<h3 id="conflicts-management">Conflicts management</h3>
|
||||
|
||||
<p>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 <a href="http://git-scm.org" title="Git">Git</a> this kind of thing is really simple to handle.</p>
|
||||
<p>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 <a href="http://git-scm.org" title="Git">Git</a> this kind of thing is really simple to handle.</p>
|
||||
|
||||
<h4 id="example">example</h4>
|
||||
|
||||
|
|
@ -158,8 +158,8 @@ git commit -a -m <span class="String"><span class="String">"</span>conflict
|
|||
</pre>
|
||||
</div>
|
||||
|
||||
<p>Now you’re ready to use <a href="http://git-scm.org" title="Git">Git</a>.
|
||||
<a href="http://git-scm.org" title="Git">Git</a> provide many other functionnalities. Now we’ll see some <a href="http://git-scm.org" title="Git">Git</a> usages older CVS couldn’t handle.</p>
|
||||
<p>Now you’re ready to use <a href="http://git-scm.org" title="Git">Git</a>.
|
||||
<a href="http://git-scm.org" title="Git">Git</a> provide many other functionnalities. Now we’ll see some <a href="http://git-scm.org" title="Git">Git</a> usages older CVS couldn’t handle.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -70,9 +70,9 @@
|
|||
|
||||
<p>All was done to code and decide how to organize your versions after. In other VCS it is not as natural as in <a href="http://git-scm.org" title="Git">Git</a>.</p>
|
||||
|
||||
<p>With <a href="http://git-scm.org" title="Git">Git</a> you can depend of many different sources. Then, there is not necessarily a ‘master’ repository where everybody puts its modifications.</p>
|
||||
<p>With <a href="http://git-scm.org" title="Git">Git</a> you can depend of many different sources. Then, there is not necessarily a ‘master’ repository where everybody puts its modifications.</p>
|
||||
|
||||
<p>What changes the most with <a href="http://git-scm.org" title="Git">Git</a> when you come from SVN, it’s the idea of a centralized project on one server. With <a href="http://git-scm.org" title="Git">Git</a> many people could work on the same project but not necessarily on the same <em>repository</em> as main reference. One can easily fix a bug and send a patch to many different versions of a project.</p>
|
||||
<p>What changes the most with <a href="http://git-scm.org" title="Git">Git</a> when you come from SVN, it’s the idea of a centralized project on one server. With <a href="http://git-scm.org" title="Git">Git</a> many people could work on the same project but not necessarily on the same <em>repository</em> as main reference. One can easily fix a bug and send a patch to many different versions of a project.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -127,7 +127,7 @@ $ cd <span class="Keyword">~</span>/Projets
|
|||
$ git clone git://main.server/path/to/file
|
||||
</pre></div>
|
||||
|
||||
<p>If there is no git server but you’ve got an <code>ssh</code> access. Just replace the <code>git://host</code> by <code>ssh://user@host</code>. In order not to type your password each time, use:</p>
|
||||
<p>If there is no git server but you’ve got an <code>ssh</code> access. Just replace the <code>git://host</code> by <code>ssh://user@host</code>. In order not to type your password each time, use:</p>
|
||||
|
||||
<div><pre class="twilight">
|
||||
$ ssh-keygen -t rsa
|
||||
|
|
@ -151,7 +151,7 @@ me@main.server$ rm id_rsa.pub
|
|||
me@main.server$ logout
|
||||
</pre></div>
|
||||
|
||||
<p>Now you don’t need to write your password to access the <code>main.server</code>.</p>
|
||||
<p>Now you don’t need to write your password to access the <code>main.server</code>.</p>
|
||||
|
||||
<h2 id="creating-a-new-project">Creating a new project</h2>
|
||||
|
||||
|
|
@ -164,7 +164,7 @@ $ git add .
|
|||
$ git commit -m <span class="String"><span class="String">"</span>Initial commit<span class="String">"</span></span>
|
||||
</pre></div>
|
||||
|
||||
<p>Let do a small remark. If you don’t want to <em>version</em> every file. Typically intermediate compilation file, swap files… Then you need to exclude them. Just before launching the <code>git add .</code> command. You need to create a <code>.gitignore</code> file in the root directory of your project. This file will contain all exclude <em>pattern</em>. For example:</p>
|
||||
<p>Let do a small remark. If you don’t want to <em>version</em> every file. Typically intermediate compilation file, swap files… Then you need to exclude them. Just before launching the <code>git add .</code> command. You need to create a <code>.gitignore</code> file in the root directory of your project. This file will contain all exclude <em>pattern</em>. For example:</p>
|
||||
|
||||
<div><pre class="twilight">
|
||||
*.o
|
||||
|
|
|
|||
|
|
@ -62,7 +62,7 @@
|
|||
<div class="intro">
|
||||
|
||||
|
||||
<p>A detailed tutorial of <a href="http://git-scm.org">Git</a> 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.</p>
|
||||
<p>A detailed tutorial of <a href="http://git-scm.org">Git</a> 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.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
@ -110,7 +110,7 @@ git commit -a -m <span class="String"><span class="String">"</span>Fix bug
|
|||
git push
|
||||
</pre></div>
|
||||
|
||||
<p>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 <a href="http://git-scm.org" title="Git">Git</a>. Then, I give the command for each feature a <abbr title="Decentralized Concurent Versions System">DCVS</abbr> must have.</p>
|
||||
<p>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 <a href="http://git-scm.org" title="Git">Git</a>. Then, I give the command for each feature a <abbr title="Decentralized Concurent Versions System">DCVS</abbr> must have.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -56,7 +56,7 @@
|
|||
<div class="corps">
|
||||
<p>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.</p>
|
||||
|
||||
<p>I’m a λ iPhone’s user. The only way to filter your call and to manage blacklist is to <em>jailbreak</em> your iPhone. And I don’t want to do that. Then, if like me you find it unacceptable, just write a line to Apple: <a href="http://www.apple.com/feedback/iphone.html">http://www.apple.com/feedback/iphone.html</a></p>
|
||||
<p>I’m a λ iPhone’s user. The only way to filter your call and to manage blacklist is to <em>jailbreak</em> your iPhone. And I don’t want to do that. Then, if like me you find it unacceptable, just write a line to Apple: <a href="http://www.apple.com/feedback/iphone.html">http://www.apple.com/feedback/iphone.html</a></p>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -62,7 +62,7 @@
|
|||
<div class="intro">
|
||||
|
||||
|
||||
<p>Why even if I believe <code>git</code> has many bad point I believe it is the best DCVS around to work with. This is why I first tell why I prefer <a href="http://bazaar-vcs.org">Bazaar</a> over <a href="http://git-scm.org">Git</a>. Secondly I’ll talk about the only advantage of git against Bazaar which lead me to prefer it.</p>
|
||||
<p>Why even if I believe <code>git</code> has many bad point I believe it is the best DCVS around to work with. This is why I first tell why I prefer <a href="http://bazaar-vcs.org">Bazaar</a> over <a href="http://git-scm.org">Git</a>. Secondly I’ll talk about the only advantage of git against Bazaar which lead me to prefer it.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
@ -74,7 +74,7 @@
|
|||
|
||||
<p>There is two way of perceive version control system. Either you think in term of branches (see the really good article on <a href="http://betterexplained.com/articles/a-visual-guide-to-version-control/">betterexplained</a>) 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.</p>
|
||||
|
||||
<p>This is the second approach who was behind <code>git</code> and this is the first behind Bazaar. <code>git</code> 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.</p>
|
||||
<p>This is the second approach who was behind <code>git</code> and this is the first behind Bazaar. <code>git</code> 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.</p>
|
||||
|
||||
<p>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 <code>git</code> I decided to give it a serious try.</p>
|
||||
|
||||
|
|
@ -102,11 +102,11 @@ git checkout pipo
|
|||
git checkout ./pipo
|
||||
</pre></div>
|
||||
|
||||
<p>Yes, hum…</p>
|
||||
<p>Yes, hum…</p>
|
||||
|
||||
<p>It works, but it is clearly not really user friendly. Furthermore, checkout had a complete different signification in older CSV like <code>cvs</code> et <code>svn</code>. <code>checkout</code> was used to get a distant project locally.</p>
|
||||
|
||||
<p>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:</p>
|
||||
<p>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:</p>
|
||||
|
||||
<div><pre class="twilight">
|
||||
bzr revert pipo
|
||||
|
|
@ -159,7 +159,7 @@ git commit -m <span class="String"><span class="String">"</span>reverted 3
|
|||
|
||||
<p>The rule is simple: <em>NEVER use the <code>git reset</code> command on a version somebody else could have <code>fetched</code></em></p>
|
||||
|
||||
<p>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 <code>~/.gitconfig</code>. Of course this alias will work only on environment having <code>zsh</code> installed. Which is the cas for most UNIX (Ubuntu, Mac OS X…).</p>
|
||||
<p>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 <code>~/.gitconfig</code>. Of course this alias will work only on environment having <code>zsh</code> installed. Which is the cas for most UNIX (Ubuntu, Mac OS X…).</p>
|
||||
|
||||
<div><div class="code"><div class="file"><a href="/Scratch/en/blog/2009-12-14-Git-vs--Bzr/code/gitconfig"> ➥ gitconfig </a></div><div class="withfile">
|
||||
<pre class="twilight">
|
||||
|
|
@ -170,7 +170,7 @@ git commit -m <span class="String"><span class="String">"</span>reverted 3
|
|||
|
||||
<h1 id="what-make-git-by-far-the-best-dcvs-today">What make <code>git</code> by far the best DCVS today</h1>
|
||||
|
||||
<p>After talking about the negatives points of <code>git</code>, now it’s time to speak about the very positive feature that make <code>git</code> the best DCVS in my humble opinion.</p>
|
||||
<p>After talking about the negatives points of <code>git</code>, now it’s time to speak about the very positive feature that make <code>git</code> the best DCVS in my humble opinion.</p>
|
||||
|
||||
<h2 id="cheap-branching">Cheap branching</h2>
|
||||
|
||||
|
|
|
|||
|
|
@ -66,7 +66,7 @@
|
|||
But, there exists a major problem: the complementary of a regular language might not be regular.
|
||||
Then, for some expression it is absolutely impossible to negate a regular expression.</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>
|
||||
<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>
|
||||
|
||||
<div><pre class="twilight">
|
||||
<span class="Comment"><span class="Comment">#</span> match all string containing 'bull' (bullshit comprised)</span>
|
||||
|
|
@ -122,7 +122,7 @@ 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>
|
||||
<p><small><a name="note1">†</a>
|
||||
It can be proved that any regular set minus a finite set is also regular.
|
||||
</small></p>
|
||||
|
||||
|
|
|
|||
|
|
@ -54,7 +54,7 @@
|
|||
<div class="flush"></div>
|
||||
<div id="afterheader">
|
||||
<div class="corps">
|
||||
<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>
|
||||
<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>...
|
||||
|
|
@ -75,7 +75,7 @@ a.....<span class="Constant"><strong>a......b</strong></span>..b..a....<span cla
|
|||
</pre>
|
||||
|
||||
<p>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>
|
||||
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>
|
||||
|
||||
<pre class="twilight">
|
||||
/a[^ab]*b/
|
||||
|
|
@ -105,7 +105,7 @@ For example:</p>
|
|||
<li>...<li</li>
|
||||
</pre></div>
|
||||
|
||||
<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>
|
||||
<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>
|
||||
<div><pre class="twilight">
|
||||
<li>([^<]|<[^l]|<l[^i]|<li[^>])*(|<|<l|<li)</li>
|
||||
</pre></div>
|
||||
|
|
@ -142,7 +142,7 @@ For example:</p>
|
|||
<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>en:</code> and <code>::</code>. And sometimes the string could finish with <code>e::</code>.</small></p>
|
||||
<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>en:</code> and <code>::</code>. And sometimes the string could finish with <code>e::</code>.</small></p>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -54,7 +54,7 @@
|
|||
<div class="flush"></div>
|
||||
<div id="afterheader">
|
||||
<div class="corps">
|
||||
<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.
|
||||
<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>
|
||||
|
||||
<div><pre class="twilight">
|
||||
|
|
|
|||
|
|
@ -72,7 +72,7 @@ git clone git+ssh://git@github.com:443/yogsototh/project.git
|
|||
|
||||
<p><code>git clone</code> can only fetch the master branch.</p>
|
||||
|
||||
<p>If you don’t have much branches, you can simply use clone your project and then use the following command:</p>
|
||||
<p>If you don’t have much branches, you can simply use clone your project and then use the following command:</p>
|
||||
|
||||
<div><pre class="twilight">
|
||||
git branch --track local_branch remote_branch
|
||||
|
|
|
|||
|
|
@ -128,7 +128,7 @@ git co clientB <span class="Keyword">&&</span> git merge client
|
|||
<span class="Constant"><span class="Constant">:</span>dev</span> => [ <span class="Constant"><span class="Constant">:</span>master</span> ],
|
||||
<span class="Constant"><span class="Constant">:</span>client</span> => [ <span class="Constant"><span class="Constant">:</span>clientA</span>, <span class="Constant"><span class="Constant">:</span>clientB</span> ] }
|
||||
|
||||
<span class="Keyword">def</span> <span class="Entity">get_current_branch</span>(<span class="Variable"></span>)
|
||||
<span class="Keyword">def</span> <span class="Entity">get_current_branch</span>(<span class="Variable" />)
|
||||
(<span class="String"><span class="String">`</span>git branch --no-color | awk '$1 == "*" {print $2}'<span class="String">`</span></span>).<span class="Entity">chop</span>.<span class="Entity">intern</span>
|
||||
<span class="Keyword">end</span>
|
||||
|
||||
|
|
|
|||
|
|
@ -60,14 +60,14 @@
|
|||
<p>The more you wait to do something, the more difficult it is to start doing it.</p>
|
||||
</blockquote>
|
||||
|
||||
<p>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.
|
||||
<p>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 <code>TODO</code> in your code and make it now!<br />
|
||||
> You’ll be surprised by the results.</p>
|
||||
> You’ll be surprised by the results.</p>
|
||||
|
||||
<p>In short:
|
||||
> <strong>Just do it!</strong> ou <strong>Juste fait le</strong> comme auraient dit les nuls.</p>
|
||||
|
||||
<p>Finally I’ll certainly write blog post more often for a short period of time.</p>
|
||||
<p>Finally I’ll certainly write blog post more often for a short period of time.</p>
|
||||
|
||||
<h3 id="what-did-i-do">What did I do?</h3>
|
||||
|
||||
|
|
@ -77,7 +77,7 @@
|
|||
|
||||
<p>I also have a <em>real</em> life. I enjoyed some vacancies with my family. </p>
|
||||
|
||||
<p>I work with <a href="http://www.lucarea.net">Luc</a> 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.</p>
|
||||
<p>I work with <a href="http://www.lucarea.net">Luc</a> 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.</p>
|
||||
|
||||
<p>Then what I plan to do from now:</p>
|
||||
|
||||
|
|
@ -89,7 +89,7 @@
|
|||
<li>provide the sources of this website on <a href="http://github.com">github</a></li>
|
||||
</ul>
|
||||
|
||||
<p>There is some random in some of these achivement mostly because they don’t depend totally on me.</p>
|
||||
<p>There is some random in some of these achivement mostly because they don’t depend totally on me.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -86,7 +86,7 @@
|
|||
|
||||
<p>Argh! In the middle of an <code><img></code> tag.</p>
|
||||
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
<p>Given with our example, when we are after the first paragraph. we only have to close the <code>div</code> for class <code>corps</code> 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.</p>
|
||||
|
||||
|
|
@ -159,7 +159,7 @@ for each tag in the stack, pop it, and write:
|
|||
</pre>
|
||||
</div></div>
|
||||
|
||||
<p>I don’t know if the code can help you, but the raisonning should definitively be known.</p>
|
||||
<p>I don’t know if the code can help you, but the raisonning should definitively be known.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 20 KiB |
|
|
@ -71,7 +71,7 @@
|
|||
<li>Used a pen and a sheet of paper</li>
|
||||
<li>Made some math.</li>
|
||||
<li>Crushed the problem in 10 minutes</li>
|
||||
<li>Conclusion: The pragmatism shouldn’t mean “never use theory”.</li>
|
||||
<li>Conclusion: The pragmatism shouldn’t mean “never use theory”.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
|
@ -86,10 +86,10 @@ I entered in the <em>infernal</em>: <em>try & repair loop</em>.
|
|||
Each step was like:</p>
|
||||
|
||||
<blockquote>
|
||||
<p>– Just this thing to repair and that should be done.<br />
|
||||
– OK, now that should just work.<br />
|
||||
– Yeah!!!<br />
|
||||
– Oops! I forgotten that…<br />
|
||||
<p>– Just this thing to repair and that should be done.<br />
|
||||
– OK, now that should just work.<br />
|
||||
– Yeah!!!<br />
|
||||
– Oops! I forgotten that…<br />
|
||||
<code>repeat until death</code></p>
|
||||
</blockquote>
|
||||
|
||||
|
|
@ -173,7 +173,7 @@ I had to face a problem of the same kind at my job. The problem was simple to th
|
|||
</ol>
|
||||
|
||||
<p>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.</p>
|
||||
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.</p>
|
||||
|
||||
<p>Why after two days did I was unable to resolve this problem which seems so simple?</p>
|
||||
|
||||
|
|
@ -194,14 +194,14 @@ I thought about how to resolve the problem but with the eyes of a <em>pragmatic
|
|||
|
||||
<blockquote>
|
||||
<p>That should be a simple perl search and replace program.<br />
|
||||
Let’s begin to write code</p>
|
||||
Let’s begin to write code</p>
|
||||
</blockquote>
|
||||
|
||||
<p>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.</p>
|
||||
|
||||
<h2 id="think">Think</h2>
|
||||
|
||||
<p>After some times, I just stopped to work. Tell myself <em>“it is enough, now, I must finish it!”</em>.
|
||||
<p>After some times, I just stopped to work. Tell myself <em>“it is enough, now, I must finish it!”</em>.
|
||||
I took a sheet of paper, a pen and began to draw some trees.</p>
|
||||
|
||||
<p>I began by make by removing most of the verbosity.
|
||||
|
|
@ -307,7 +307,7 @@ M - V - M - V - tag2 tag1
|
|||
<p>can be done using the following one state deterministic tree transducer:</p>
|
||||
|
||||
<blockquote>
|
||||
<p>C → ε<br />
|
||||
<p>C → ε<br />
|
||||
E → M<br />
|
||||
R → V </p>
|
||||
</blockquote>
|
||||
|
|
@ -338,10 +338,10 @@ M - V - M - V - tag2 tag1
|
|||
<hr/><div class="footnotes">
|
||||
<ol>
|
||||
<li id="fn:1">
|
||||
<p>Hopefully I am in the 10% who had given a bug free implementation.<a href="#fnref:1" rel="reference">↩</a></p>
|
||||
<p>Hopefully I am in the 10% who had given a bug free implementation.<a href="#fnref:1" rev="footnote">↩</a></p>
|
||||
</li>
|
||||
<li id="fn:nb">
|
||||
<p>I did a program which generate automatically the weight in a matrix of each edit distance from data.<a href="#fnref:nb" rel="reference">↩</a></p>
|
||||
<p>I did a program which generate automatically the weight in a matrix of each edit distance from data.<a href="#fnref:nb" rev="footnote">↩</a></p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -73,7 +73,7 @@ here is an example of english text.
|
|||
|
||||
<p>This way of handling translations force you to write completely an article in one language, copy it, and translate it.</p>
|
||||
|
||||
<p>However, most of time, there are common parts like images, source code, etc…
|
||||
<p>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.</p>
|
||||
|
||||
<p>This is why I preferred to handle it differently.
|
||||
|
|
@ -89,7 +89,7 @@ Finally my files looks like:</p>
|
|||
[image](url)
|
||||
</pre>
|
||||
|
||||
<p>As I edit my files with <a href="http://vim.org">vim</a>, it is really easy to add <code>fr:</code> or <code>en:</code> at some line’s beginning using the useful <code>C-v</code>.
|
||||
<p>As I edit my files with <a href="http://vim.org">vim</a>, it is really easy to add <code>fr:</code> or <code>en:</code> at some line’s beginning using the useful <code>C-v</code>.
|
||||
However <a href="http://nanoc.stoneship.org">nanoc</a> 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.</p>
|
||||
|
||||
<p>You can get my blog code source (without most of articles) at <a href="http://github.com/yogsototh/Scratch">github.com/yogsototh/Scratch</a>.</p>
|
||||
|
|
|
|||
|
|
@ -66,7 +66,7 @@ You can get it on <a href="http://github.com/yogsototh/nanoc3_blog">github.com</
|
|||
<li><a href="http://intensedebate.org">intenseDebate</a> comments integration (asynchronous) ;</li>
|
||||
<li>Portable with and without javascript, XHTML Strict 1.0 / CSS3,</li>
|
||||
<li>Write in markdown format (no HTML editing needed),</li>
|
||||
<li>Typographic ameliorations (no ‘:’ starting a line in French for example),</li>
|
||||
<li>Typographic ameliorations (no ‘:’ starting a line in French for example),</li>
|
||||
<li><a href="http://graphviz.org">Graphviz</a> graph generation integration.</li>
|
||||
</ul>
|
||||
|
||||
|
|
@ -104,9 +104,9 @@ $ ./task/recompile
|
|||
<h3 id="multi-language">Multi-language</h3>
|
||||
|
||||
<p>All files in <code>multi</code> are processed and copied in the <code>content</code> directory.
|
||||
For each file in multi, each line starting by ‘<code>fr: </code>’ are copied (without the <code>fr: </code> into the <code>content/html/fr/</code> tree, but not into the <code>content/html/en</code> tree. File not starting by <code>fr: </code> or <code>en: </code> are copied in each destinations.</p>
|
||||
For each file in multi, each line starting by ‘<code>fr: </code>’ are copied (without the <code>fr: </code> into the <code>content/html/fr/</code> tree, but not into the <code>content/html/en</code> tree. File not starting by <code>fr: </code> or <code>en: </code> are copied in each destinations.</p>
|
||||
|
||||
<p>If you want to add another language, you’ll have to modify <code>tasks/config</code>, and <code>config.yaml</code>, create a <code>content/html/xx</code> where <code>xx</code> is the language code.</p>
|
||||
<p>If you want to add another language, you’ll have to modify <code>tasks/config</code>, and <code>config.yaml</code>, create a <code>content/html/xx</code> where <code>xx</code> is the language code.</p>
|
||||
|
||||
<h3 id="edition--rendering">Edition & Rendering</h3>
|
||||
|
||||
|
|
@ -120,7 +120,7 @@ For each file in multi, each line starting by ‘<code>fr: </code>’ ar
|
|||
|
||||
<h4 id="typography">Typography</h4>
|
||||
|
||||
<p>In French all ‘:’, ‘;’, ‘!’ and ‘?’ are preceded automatically by <code>&nbsp</code>. This enable not to have a line starting by a single special character.</p>
|
||||
<p>In French all ‘:’, ‘;’, ‘!’ and ‘?’ are preceded automatically by <code>&nbsp</code>. This enable not to have a line starting by a single special character.</p>
|
||||
|
||||
<p>You can use small caps using <code><sc></code> tags. </p>
|
||||
|
||||
|
|
|
|||
|
|
@ -119,7 +119,7 @@ _gaq.<span class="SupportFunction">push</span>([<span class="String"><span class
|
|||
</pre>
|
||||
</div></div>
|
||||
|
||||
<p>Replace the: <code>UA-XXXXXXXX-1</code> by your google analytics code and you’re done.</p>
|
||||
<p>Replace the: <code>UA-XXXXXXXX-1</code> by your google analytics code and you’re done.</p>
|
||||
|
||||
<p>To see what occurs, simply go in <code>Content</code> and <code>Event Tracking</code> as shown in the following screenshot:</p>
|
||||
|
||||
|
|
|
|||
|
|
@ -64,7 +64,7 @@
|
|||
<li>Tried to make <a href="http://yannesposito.com/Softwares/YPassword.html">YPassword</a> in jQuery and with Cappuccino.</li>
|
||||
<li>Cappuccino nice in desktop browser but 1.4MB, not compatible with iPhone.</li>
|
||||
<li>jQuery not as nice as the Cappuccino version but 106KB. iPhone compatible.</li>
|
||||
<li>I’ll give a try to Dashcode 3.</li>
|
||||
<li>I’ll give a try to Dashcode 3.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
|
@ -97,7 +97,7 @@ I then made a second version with the <a href="http://cappuccino.org">Cappuccino
|
|||
<div class="intro">
|
||||
|
||||
|
||||
<p>If you don’t mind about what does my widget and just want to know how the two frameworkcompare, you should go
|
||||
<p>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 <a href="#cappuccino">next part</a>.</p>
|
||||
|
||||
|
||||
|
|
@ -137,7 +137,7 @@ hash<span class="Keyword">=</span><span class="Entity">sha1</span>( masterPasswo
|
|||
<li>maximal length,</li>
|
||||
<li>must not contain a special character, </li>
|
||||
<li>must contain a special character, </li>
|
||||
<li>etc…</li>
|
||||
<li>etc…</li>
|
||||
</ul>
|
||||
|
||||
<p>And if you want to change your password the <em>leak number</em> is here for that.
|
||||
|
|
@ -153,14 +153,14 @@ All informations such as user name, maximal length can be stored in a public fil
|
|||
|
||||
<h2 id="cappuccino">Cappuccino</h2>
|
||||
|
||||
<p>First, I’d like to say Cappuccino applications look simply awesome.
|
||||
<p>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 <em>great</em>.</p>
|
||||
|
||||
<p>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.
|
||||
If you don’t know anything about Cocoa, I suggest you to look at it.
|
||||
This is a really <em>great</em> framework to make User Interface.
|
||||
I am not a specialist, but I have done some MFC, java Swing<sup id="fnref:1"><a href="#fn:1" rel="footnote">1</a></sup> and WXWindows User Interfaces (some years ago).
|
||||
And I must say, Cocoa is far better than those.</p>
|
||||
|
|
@ -177,45 +177,45 @@ But there was also some drawbacks</p>
|
|||
<li>I could have done the User Interface using <a href="http://developer.apple.com/technologies/tools/xcode.html">Interface Builder</a>.</li>
|
||||
</ul>
|
||||
|
||||
<p>Some things I didn’t like:</p>
|
||||
<p>Some things I didn’t like:</p>
|
||||
|
||||
<ul>
|
||||
<li>I made some time to understand how to handle the <code>onChange</code> on the text fields.</li>
|
||||
<li>Documentation lacked a bit of organisation.</li>
|
||||
<li>It doesn’t work on iPhone.</li>
|
||||
<li>It doesn’t work on iPhone.</li>
|
||||
<li>It weighted 11MB to deploy.</li>
|
||||
<li>It weight 1.3MB to load.</li>
|
||||
</ul>
|
||||
|
||||
<p>I didn’t use bindings because I believe they are not ready by now.</p>
|
||||
<p>I didn’t use bindings because I believe they are not ready by now.</p>
|
||||
|
||||
<h2 id="jquery">jQuery</h2>
|
||||
|
||||
<p>The jQuery version of YPassword is not as finished as the Cappuccino one. Because, there is no <em>slider</em> 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.</p>
|
||||
<p>The jQuery version of YPassword is not as finished as the Cappuccino one. Because, there is no <em>slider</em> 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.</p>
|
||||
|
||||
<p>To make this version I simply copied my widget source code and adapted it. It was straightforward. But jQuery is not an <em>application oriented framework</em>. It is more a “<em>dark side</em> javascript animation framework”<sup id="fnref:2"><a href="#fn:2" rel="footnote">2</a></sup>.</p>
|
||||
<p>To make this version I simply copied my widget source code and adapted it. It was straightforward. But jQuery is not an <em>application oriented framework</em>. It is more a “<em>dark side</em> javascript animation framework”<sup id="fnref:2"><a href="#fn:2" rel="footnote">2</a></sup>.</p>
|
||||
|
||||
<p>I don’t have too much to say about the jQuery version. But this was way more <em>low level</em> programming than Cappuccino.</p>
|
||||
<p>I don’t have too much to say about the jQuery version. But this was way more <em>low level</em> programming than Cappuccino.</p>
|
||||
|
||||
<h2 id="my-conclusion">My conclusion</h2>
|
||||
|
||||
<p>If you want to make an iPhone compatible web application just don’t use Cappuccino yet.
|
||||
<p>If you want to make an iPhone compatible web application just don’t use Cappuccino yet.
|
||||
If you want to make <em>simple</em> application like mine, I also believe, Cappuccino is a bit too much.</p>
|
||||
|
||||
<p>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.</p>
|
||||
|
||||
<p>Finally, to terminate my web version of my widget, I’ll give a try to Dashcode 3.
|
||||
<p>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.
|
||||
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.</p>
|
||||
<hr/><div class="footnotes">
|
||||
<ol>
|
||||
<li id="fn:1">
|
||||
<p>If you are interested you can take a look at <a href="http://labh-curien.univ-st-etienne.fr/informatique/SEDiL/">SEDiL</a>. I am proud of the tree drawing view made from scratch.<a href="#fnref:1" rel="reference">↩</a></p>
|
||||
<p>If you are interested you can take a look at <a href="http://labh-curien.univ-st-etienne.fr/informatique/SEDiL/">SEDiL</a>. I am proud of the tree drawing view made from scratch.<a href="#fnref:1" rev="footnote">↩</a></p>
|
||||
</li>
|
||||
<li id="fn:2">
|
||||
<p>I don’t want to feel like a <em>troll</em> I use jQuery to make some <em>dark side</em> animation on this blog. But the javascript on my blog is not needed except for commenting.<a href="#fnref:2" rel="reference">↩</a></p>
|
||||
<p>I don’t want to feel like a <em>troll</em> I use jQuery to make some <em>dark side</em> animation on this blog. But the javascript on my blog is not needed except for commenting.<a href="#fnref:2" rev="footnote">↩</a></p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -55,7 +55,7 @@
|
|||
<div id="afterheader">
|
||||
<div class="corps">
|
||||
<p>Some <a href="http://reddit.com">Reddit</a> 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.
|
||||
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 <em>slow</em> virtual machine. And all have always worked fine. In fact, what slow down so much are by order of importance:</p>
|
||||
|
||||
<ol>
|
||||
|
|
@ -69,7 +69,7 @@ I was a bit surprised, because I make some test into a really <em>slow</em> virt
|
|||
|
||||
<p>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.</p>
|
||||
|
||||
<p>I didn’t tried to verify the efficiency of all new CSS 3 features. But I advise you not to use <strong><code>-webkit-gradient</code></strong> on Chrome. At least when the host is a Linux.</p>
|
||||
<p>I didn’t tried to verify the efficiency of all new CSS 3 features. But I advise you not to use <strong><code>-webkit-gradient</code></strong> on Chrome. At least when the host is a Linux.</p>
|
||||
|
||||
<h2 id="box-shadows">Box Shadows</h2>
|
||||
|
||||
|
|
@ -77,7 +77,7 @@ I was a bit surprised, because I make some test into a really <em>slow</em> virt
|
|||
|
||||
<h2 id="text-shadows">Text Shadows</h2>
|
||||
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
<h2 id="conclusion">Conclusion</h2>
|
||||
|
||||
|
|
|
|||
|
|
@ -85,10 +85,10 @@
|
|||
|
||||
<p>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.
|
||||
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 <em>undecidability</em>.
|
||||
And I’ll tell you about one of the curse on this world: the <em>undecidability</em>.
|
||||
The inability to know if we had find the <em>truth</em>.
|
||||
The inability to predict many things that should be natural.
|
||||
Here begin the story.</p>
|
||||
|
|
@ -102,9 +102,9 @@ Here begin the story.</p>
|
|||
<p>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 <em>create</em> the <em>Universe</em>.
|
||||
A last tense moment and… I <em>create</em> the <em>Universe</em>.
|
||||
An incredible <em>Universe</em> which will exists only the time of this read.
|
||||
I’m the <em>demiurge</em> of this universe and you are its observer.</p>
|
||||
I’m the <em>demiurge</em> of this universe and you are its observer.</p>
|
||||
|
||||
<p>I construct this world using only simples rules.
|
||||
I decide that <em>real</em> rules of this world will be the one we believe are <em>true</em> for our world.
|
||||
|
|
@ -113,7 +113,7 @@ For their world, everything we <em>believe</em> today is <em>true</em> for them.
|
|||
Their world is then probably <em>simpler</em> 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.</p>
|
||||
But we’ll talk about that later.</p>
|
||||
|
||||
<p>Lets the work begin.
|
||||
I create an <em>Earth</em>.
|
||||
|
|
@ -123,14 +123,14 @@ 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.</p>
|
||||
But I’m here to help them.</p>
|
||||
|
||||
<p>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.</p>
|
||||
|
||||
<p>I’d like to precise that these people believe their world is flat.
|
||||
<p>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.</p>
|
||||
|
||||
|
|
@ -157,14 +157,14 @@ 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.
|
||||
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.</p>
|
||||
|
||||
<p>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.
|
||||
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!</p>
|
||||
|
||||
<p>They feel sad. But they have some hope:</p>
|
||||
|
|
@ -180,7 +180,7 @@ What a good joke!</p>
|
|||
<p><img alt="no name" src="/Scratch/img/blog/2010-07-09-Indecidabilities/3_corps.png" class="left" /></p>
|
||||
|
||||
<p>Unfortunately, the three bodies problem will crush this <em>hope</em>.
|
||||
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.
|
||||
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.
|
||||
|
|
@ -198,13 +198,13 @@ Errors will grow at a point that any prediction will be unusable.</p>
|
|||
|
||||
<p><img alt="no name" src="/Scratch/img/blog/2010-07-09-Indecidabilities/mandelbrot.png" class="left" /></p>
|
||||
|
||||
<p>Consider some GPS coordinates on a point around the cost of the “Bretagne” in France.
|
||||
<p>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?</p>
|
||||
|
||||
<p>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.</p>
|
||||
Because there are some zone in which all point could be a “border” for any size of the zone.</p>
|
||||
|
||||
<p>We can even imagine some mathematical structure where <em>all</em> points are at the border[^2].
|
||||
[^2]: The set R\Q has this property.</p>
|
||||
|
|
@ -215,7 +215,7 @@ Because there are some zone in which all point could be a “border” f
|
|||
|
||||
<p>Until there all problem were undecidable because of measure <em>errors</em>.
|
||||
May be in a controlled world without any <em>error</em> we should be able to predict anything.<br />
|
||||
I’m sorry to say no.
|
||||
I’m sorry to say no.
|
||||
Even in a self-contained mathematical world it can be possible to create object with an unpredictable behaviour.</p>
|
||||
|
||||
<p>It is the <em>halting problem</em>.</p>
|
||||
|
|
@ -231,8 +231,8 @@ More precisely:</p>
|
|||
<p>Hypothesis: there exists a program <code>P</code> such that:</p>
|
||||
|
||||
<ul>
|
||||
<li><code>P(x,y)</code> return “stop” in a finite amount of time if <code>x(y)</code><sup id="fnref:1"><a href="#fn:1" rel="footnote">1</a></sup> will stop running.</li>
|
||||
<li><code>P(x,y)</code> return “loop” in a finite amount of time if <code>x(y)</code> will never stop running.</li>
|
||||
<li><code>P(x,y)</code> return “stop” in a finite amount of time if <code>x(y)</code><sup id="fnref:1"><a href="#fn:1" rel="footnote">1</a></sup> will stop running.</li>
|
||||
<li><code>P(x,y)</code> return “loop” in a finite amount of time if <code>x(y)</code> will never stop running.</li>
|
||||
</ul>
|
||||
|
||||
<p>Remark: Any program can be represented as a string. Therefore, a program can be used as the input of another program.
|
||||
|
|
@ -241,15 +241,15 @@ It is authorized to write <code>P(x,x)</code>.</p>
|
|||
<p>Let <code>Q</code> be the following program using the return value of <code>P</code>.
|
||||
<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
|
||||
if P(x,x)=”stop” then I enter in an infinite loop
|
||||
if P(x,x)=”loop” then I stop
|
||||
</pre></p>
|
||||
|
||||
<p>Now, what is the value of <code>P(Q,Q)</code>?</p>
|
||||
|
||||
<ul>
|
||||
<li>if <code>P(Q,Q)</code> returns “stop” that imply by construction of <code>Q</code> that <code>P(Q,Q)</code> returns “loop”.</li>
|
||||
<li>if <code>P(Q,Q)</code> returns “loop” that means by construction of <code>Q</code> that <code>P(Q,Q)</code> return “stop”.</li>
|
||||
<li>if <code>P(Q,Q)</code> returns “stop” that imply by construction of <code>Q</code> that <code>P(Q,Q)</code> returns “loop”.</li>
|
||||
<li>if <code>P(Q,Q)</code> returns “loop” that means by construction of <code>Q</code> that <code>P(Q,Q)</code> return “stop”.</li>
|
||||
</ul>
|
||||
|
||||
<p>Therefore there is a contradiction the only way to handle is by the non existence of the program <code>P</code>.</p>
|
||||
|
|
@ -257,7 +257,7 @@ Q(x) :
|
|||
|
||||
<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.</p>
|
||||
Therefore, creative power isn’t equivalent to omnipotence.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
@ -267,11 +267,11 @@ Therefore, creative power isn’t equivalent to omnipotence.</p>
|
|||
|
||||
<p>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.</p>
|
||||
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.</p>
|
||||
<hr/><div class="footnotes">
|
||||
<ol>
|
||||
<li id="fn:1">
|
||||
<p>Meaning <code>x</code> taking <code>y</code> as input.<a href="#fnref:1" rel="reference">↩</a></p>
|
||||
<p>Meaning <code>x</code> taking <code>y</code> as input.<a href="#fnref:1" rev="footnote">↩</a></p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -135,12 +135,12 @@ heroku create
|
|||
git push heroku master
|
||||
</pre>
|
||||
|
||||
<p>Now I’ll should be able to redirect properly to my own 404 page for example.
|
||||
<p>Now I’ll should be able to redirect properly to my own 404 page for example.
|
||||
I hope it is helpful.</p>
|
||||
<hr/><div class="footnotes">
|
||||
<ol>
|
||||
<li id="fn:1">
|
||||
<p>I was inspired by this <a href="http://gmarik.info/blog/2010/05/10/blogging-with-jekyll-and-heroku-for-free">article</a>. <a href="#fnref:1" rel="reference">↩</a></p>
|
||||
<p>I was inspired by this <a href="http://gmarik.info/blog/2010/05/10/blogging-with-jekyll-and-heroku-for-free">article</a>. <a href="#fnref:1" rev="footnote">↩</a></p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -55,8 +55,8 @@
|
|||
<div id="afterheader">
|
||||
<div class="corps">
|
||||
<p>I had to send a mail using only command line.
|
||||
I was surprised it isn’t straightforward at all.
|
||||
I didn’t had <code>pine</code> nor <code>mutt</code> or anything like that.
|
||||
I was surprised it isn’t straightforward at all.
|
||||
I didn’t had <code>pine</code> nor <code>mutt</code> or anything like that.
|
||||
Just <code>mail</code> and <code>mailx</code>.</p>
|
||||
|
||||
<p>What Internet say (via google) is</p>
|
||||
|
|
@ -67,7 +67,7 @@ uuencode fic.jpg fic.jpg <span class="Keyword">|</span> mail -s <span class="Str
|
|||
|
||||
<p>I tried it.
|
||||
And it works almost each times.
|
||||
But for my file, it didn’t worked.
|
||||
But for my file, it didn’t worked.
|
||||
I compressed it to <code>.gz</code>, <code>.bz2</code> and <code>.zip</code>.
|
||||
Using <code>.bz2</code> format it worked nicely, but not with other formats.
|
||||
Instead of having an attached file I saw this in my email.</p>
|
||||
|
|
@ -87,7 +87,7 @@ After some research I found the solution.
|
|||
Use MIME instead of <code>uuencode</code>.</p>
|
||||
|
||||
<p>Finally I made it manually using <code>sendmail</code>.
|
||||
I didn’t dare to use <code>telnet</code>.
|
||||
I didn’t dare to use <code>telnet</code>.
|
||||
The command to use is:</p>
|
||||
|
||||
<pre class="twilight">
|
||||
|
|
@ -118,7 +118,7 @@ H4sICB6Ke0wAA2Rjcl93aXRob3V0X2tleXdvcmQuY3N2ANSdW5ubOJPH7/e7
|
|||
...
|
||||
</pre>
|
||||
|
||||
<p>And to obtain the “encoded” file in base64 I used:</p>
|
||||
<p>And to obtain the “encoded” file in base64 I used:</p>
|
||||
|
||||
<p><code classs="zsh">
|
||||
uuencode -m fic.jpg fic.jpg
|
||||
|
|
|
|||
|
|
@ -57,7 +57,7 @@
|
|||
<p>You can remark at the bottom of each page I provide a last modification date.
|
||||
This label was first calculated using the <code>mtime</code> 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 <em>real</em> modification.</p>
|
||||
Therefore the date wasn’t a date of <em>real</em> modification.</p>
|
||||
|
||||
<p>I use <a href="http://git-scm.org">git</a> to version my website.
|
||||
And fortunately I can know the last date of <em>real</em> change of a file.
|
||||
|
|
|
|||
|
|
@ -60,7 +60,7 @@ here are two functions to add to your code to have <code>base64</code> and <code
|
|||
<p>To use it, simply copy the code in your class and use as this:</p>
|
||||
|
||||
<pre class="twilight">
|
||||
<span class="CCCPreprocessorLine">#<span class="CCCPreprocessorDirective">import</span> <span class="String"><span class="String"><</span>CommonCrypto/CommonDigest.h<span class="String">></span></span></span>
|
||||
#import <CommonCrypto/CommonDigest.h>
|
||||
...
|
||||
<span class="Support">NSString</span> *b64_hash = [<span class="Variable">self</span> <span class="SupportFunction">b64_sha1<span class="SupportFunction">:</span></span><span class="String"><span class="String">@"</span>some NSString to be sha1'ed<span class="String">"</span></span>];
|
||||
...
|
||||
|
|
@ -72,46 +72,46 @@ here are two functions to add to your code to have <code>base64</code> and <code
|
|||
<div class="code"><div class="file"><a href="/Scratch/en/blog/2010-09-02-base64-and-sha1-on-iPhone/code/iphone_base64_sha1.c"> ➥ iphone_base64_sha1.c </a></div><div class="withfile">
|
||||
<pre class="twilight">
|
||||
|
||||
- (<span class="Storage">unsigned</span> <span class="Storage">char</span> *)sha1:(NSString *)baseString result:(<span class="Storage">unsigned</span> <span class="Storage">char</span> *)result {
|
||||
<span class="Storage">char</span> *c_baseString=(<span class="Storage">char</span> *)[baseString UTF8String];
|
||||
CC_SHA1(c_baseString, <span class="SupportFunction">strlen</span>(c_baseString), result);
|
||||
<span class="Keyword">return</span> result;
|
||||
- (unsigned char *)sha1:(<span class="Support">NSString</span> *)baseString result:(unsigned char *)result {
|
||||
char *c_baseString=(char *)[baseString <span class="SupportFunction">UTF8String</span>];
|
||||
CC_SHA1(c_baseString, strlen(c_baseString), result);
|
||||
return result;
|
||||
}
|
||||
|
||||
- (NSString *)base64:(<span class="Storage">unsigned</span> <span class="Storage">char</span> *)result {
|
||||
NSString *password=[[NSString alloc] init];
|
||||
<span class="Storage">static</span> <span class="Storage">const</span> <span class="Storage">unsigned</span> <span class="Storage">char</span> cb64[<span class="Constant">65</span>]=<span class="String"><span class="String">"</span>ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/<span class="String">"</span></span>;
|
||||
<span class="Keyword">for</span> (<span class="Storage">int</span> i=<span class="Constant">0</span>; i<CC_SHA1_DIGEST_LENGTH; i+=<span class="Constant">3</span>) {
|
||||
password=[password stringByAppendingFormat:@<span class="String"><span class="String">"</span><span class="StringConstant">%c</span><span class="StringConstant">%c</span><span class="StringConstant">%c</span><span class="StringConstant">%c</span><span class="String">"</span></span>,
|
||||
cb64[(result[i] &<span class="Constant">0xFC</span>)>><span class="Constant">2</span>],
|
||||
cb64[((result[i] & <span class="Constant">0x03</span>) << <span class="Constant">4</span>)
|
||||
| ((result[i + <span class="Constant">1</span>] & <span class="Constant">0xF0</span>) >> <span class="Constant">4</span>)],
|
||||
cb64[((result[i + <span class="Constant">1</span>] & <span class="Constant">0x0F</span>) << <span class="Constant">2</span>)
|
||||
| ((result[i + <span class="Constant">2</span>] & <span class="Constant">0xC0</span>) >> <span class="Constant">6</span>)],
|
||||
cb64[result[i+<span class="Constant">2</span>]&<span class="Constant">0x3F</span>]
|
||||
- (<span class="Support">NSString</span> *)base64:(unsigned char *)result {
|
||||
<span class="Support">NSString</span> *password=[[<span class="Support">NSString</span> <span class="SupportFunction">alloc</span>] <span class="SupportFunction">init</span>];
|
||||
static const unsigned char cb64[65]="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
|
||||
for (int i=0; i<CC_SHA1_DIGEST_LENGTH; i+=3) {
|
||||
password=[password <span class="SupportFunction">stringByAppendingFormat<span class="SupportFunction">:</span></span><span class="String"><span class="String">@"</span>%c%c%c%c<span class="String">"</span></span>,
|
||||
cb64[(result[i] &0xFC)>>2],
|
||||
cb64[((result[i] & 0x03) << 4)
|
||||
| ((result[i + 1] & 0xF0) >> 4)],
|
||||
cb64[((result[i + 1] & 0x0F) << 2)
|
||||
| ((result[i + 2] & 0xC0) >> 6)],
|
||||
cb64[result[i+2]&0x3F]
|
||||
];
|
||||
}
|
||||
<span class="Keyword">return</span> password;
|
||||
return password;
|
||||
}
|
||||
|
||||
- (NSString *)hexadecimalRepresentation:(<span class="Storage">unsigned</span> <span class="Storage">char</span> *)result {
|
||||
NSString *password=[[NSString alloc] init];
|
||||
<span class="Keyword">for</span> (<span class="Storage">int</span> i=<span class="Constant">0</span>; i<CC_SHA1_DIGEST_LENGTH; i++) {
|
||||
password=[password stringByAppendingFormat:@<span class="String"><span class="String">"</span><span class="StringConstant">%02x</span><span class="String">"</span></span>, result[i]];
|
||||
- (<span class="Support">NSString</span> *)hexadecimalRepresentation:(unsigned char *)result {
|
||||
<span class="Support">NSString</span> *password=[[<span class="Support">NSString</span> <span class="SupportFunction">alloc</span>] <span class="SupportFunction">init</span>];
|
||||
for (int i=0; i<CC_SHA1_DIGEST_LENGTH; i++) {
|
||||
password=[password <span class="SupportFunction">stringByAppendingFormat<span class="SupportFunction">:</span></span><span class="String"><span class="String">@"</span>%02x<span class="String">"</span></span>, result[i]];
|
||||
}
|
||||
<span class="Keyword">return</span> password;
|
||||
return password;
|
||||
}
|
||||
|
||||
- (NSString *)b64_sha1:(NSString *)inputString {
|
||||
<span class="Storage">unsigned</span> <span class="Storage">char</span> result[CC_SHA1_DIGEST_LENGTH+<span class="Constant">1</span>];
|
||||
[self sha1:inputString result:result];
|
||||
<span class="Keyword">return</span> [self base64:result];
|
||||
- (<span class="Support">NSString</span> *)b64_sha1:(<span class="Support">NSString</span> *)inputString {
|
||||
unsigned char result[CC_SHA1_DIGEST_LENGTH+1];
|
||||
[<span class="Variable">self</span> <span class="SupportFunction">sha1<span class="SupportFunction">:</span></span>inputString <span class="SupportFunction">result<span class="SupportFunction">:</span></span>result];
|
||||
return [<span class="Variable">self</span> <span class="SupportFunction">base64<span class="SupportFunction">:</span></span>result];
|
||||
}
|
||||
|
||||
- (NSString *)hex_sha1:(NSString *)inputString {
|
||||
<span class="Storage">unsigned</span> <span class="Storage">char</span> result[CC_SHA1_DIGEST_LENGTH+<span class="Constant">1</span>];
|
||||
[self sha1:inputString result:result];
|
||||
<span class="Keyword">return</span> [self hexadecimalRepresentation:result];
|
||||
- (<span class="Support">NSString</span> *)hex_sha1:(<span class="Support">NSString</span> *)inputString {
|
||||
unsigned char result[CC_SHA1_DIGEST_LENGTH+1];
|
||||
[<span class="Variable">self</span> <span class="SupportFunction">sha1<span class="SupportFunction">:</span></span>inputString <span class="SupportFunction">result<span class="SupportFunction">:</span></span>result];
|
||||
return [<span class="Variable">self</span> <span class="SupportFunction">hexadecimalRepresentation<span class="SupportFunction">:</span></span>result];
|
||||
}
|
||||
</pre>
|
||||
</div></div>
|
||||
|
|
|
|||
|
|
@ -64,7 +64,7 @@ But the major problem came from, <code>font-shadow</code> and gradients.
|
|||
Then my new design obey to the following rules:</p>
|
||||
|
||||
<ul>
|
||||
<li>no CSS element begining by ‘-moz’ or ‘-webkit’, etc…,</li>
|
||||
<li>no CSS element begining by ‘-moz’ or ‘-webkit’, etc…,</li>
|
||||
<li>no text shadow,</li>
|
||||
<li>clean (I mean delete) most javascript.</li>
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -75,10 +75,10 @@
|
|||
</div>
|
||||
|
||||
|
||||
<p>I’ve (re)discovered how to become S/MIME compliant.
|
||||
<p>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.</p>
|
||||
Now I’m able to sign and encrypt my emails.</p>
|
||||
|
||||
<h2 id="why-is-it-important">Why is it important?</h2>
|
||||
|
||||
|
|
|
|||
|
|
@ -60,7 +60,7 @@
|
|||
|
||||
<p><span class="sc"><abbr title="Too long; didn't read">tl;dr</abbr>: </span> Played to process a <code>wav</code> file. <code>C</code> was easier and cleaner than Ruby.</p>
|
||||
|
||||
<p>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 <em>hack</em>.</p>
|
||||
<p>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 <em>hack</em>.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
@ -69,7 +69,7 @@
|
|||
<p>I had to compute the sum of the absolute values of data of a <code>.wav</code> file.
|
||||
For efficiency (and fun) reasons, I had chosen <code>C</code> language.</p>
|
||||
|
||||
<p>I didn’t programmed in <code>C</code> for a long time.
|
||||
<p>I didn’t programmed in <code>C</code> 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.
|
||||
|
|
@ -81,27 +81,27 @@ The header is then a block of packed bytes.</p>
|
|||
|
||||
<ul>
|
||||
<li>The 4<sup>th</sup> first bytes must contains <code>RIFF</code> in ASCII,</li>
|
||||
<li>the following 4<sup>th</sup> Bytes is an 32 bits integer giving the size of the file minus 8, etc…</li>
|
||||
<li>the following 4<sup>th</sup> Bytes is an 32 bits integer giving the size of the file minus 8, etc…</li>
|
||||
</ul>
|
||||
|
||||
<p>Surprisingly, I believe that reading this kind of file is easier in <code>C</code> 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.</p>
|
||||
|
||||
<pre class="twilight">
|
||||
<span class="Storage">struct</span> wavfile
|
||||
struct wavfile
|
||||
{
|
||||
<span class="Storage">char</span> id[<span class="Constant">4</span>]; <span class="Comment"><span class="Comment">//</span> should always contain "RIFF"</span>
|
||||
<span class="Storage">int</span> totallength; <span class="Comment"><span class="Comment">//</span> total file length minus 8</span>
|
||||
<span class="Storage">char</span> wavefmt[<span class="Constant">8</span>]; <span class="Comment"><span class="Comment">//</span> should be "WAVEfmt "</span>
|
||||
<span class="Storage">int</span> format; <span class="Comment"><span class="Comment">//</span> 16 for PCM format</span>
|
||||
<span class="Storage">short</span> pcm; <span class="Comment"><span class="Comment">//</span> 1 for PCM format</span>
|
||||
<span class="Storage">short</span> channels; <span class="Comment"><span class="Comment">//</span> channels</span>
|
||||
<span class="Storage">int</span> frequency; <span class="Comment"><span class="Comment">//</span> sampling frequency</span>
|
||||
<span class="Storage">int</span> bytes_per_second;
|
||||
<span class="Storage">short</span> bytes_by_capture;
|
||||
<span class="Storage">short</span> bits_per_sample;
|
||||
<span class="Storage">char</span> data[<span class="Constant">4</span>]; <span class="Comment"><span class="Comment">//</span> should always contain "data"</span>
|
||||
<span class="Storage">int</span> bytes_in_data;
|
||||
char <span class="Storage">id</span>[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;
|
||||
};
|
||||
</pre>
|
||||
|
||||
|
|
@ -109,7 +109,7 @@ Proof: I only have to search on the web the complete header format and write it
|
|||
But in <code>C</code> I simply written:</p>
|
||||
|
||||
<pre class="twilight">
|
||||
<span class="SupportFunction">fread</span>(&header,<span class="Keyword">sizeof</span>(header),<span class="Constant">1</span>,wav)
|
||||
fread(&header,sizeof(header),1,wav)
|
||||
</pre>
|
||||
|
||||
<p>Only one step to fill my data structure. Magic!</p>
|
||||
|
|
@ -118,9 +118,9 @@ But in <code>C</code> I simply written:</p>
|
|||
In <code>C</code>, to read a sequence of 2 Bytes numbers I only had to write:</p>
|
||||
|
||||
<pre class="twilight">
|
||||
<span class="Storage">short</span> value=<span class="Constant">0</span>;
|
||||
<span class="Keyword">while</span>( <span class="SupportFunction">fread</span>(&value,<span class="Keyword">sizeof</span>(value),<span class="Constant">1</span>,wav) ) {
|
||||
<span class="Comment"><span class="Comment">//</span> do something with value</span>
|
||||
short value=0;
|
||||
while( fread(&value,sizeof(value),1,wav) ) {
|
||||
// do something with value
|
||||
}
|
||||
</pre>
|
||||
|
||||
|
|
@ -128,63 +128,63 @@ In <code>C</code>, to read a sequence of 2 Bytes numbers I only had to write:</p
|
|||
|
||||
<div class="code"><div class="file"><a href="/Scratch/en/blog/2010-10-14-Fun-with-wav/code/wavsum.c"> ➥ wavsum.c </a></div><div class="withfile">
|
||||
<pre class="twilight">
|
||||
<span class="CCCPreprocessorLine">#<span class="CCCPreprocessorDirective">include</span> <span class="String"><span class="String"><</span>stdio.h<span class="String">></span></span></span>
|
||||
<span class="CCCPreprocessorLine">#<span class="CCCPreprocessorDirective">include</span> <span class="String"><span class="String"><</span>stdlib.h<span class="String">></span></span></span>
|
||||
<span class="CCCPreprocessorLine">#<span class="CCCPreprocessorDirective">include</span> <span class="String"><span class="String"><</span>stdint.h<span class="String">></span></span></span>
|
||||
#include <stdio.h>
|
||||
#include <stdlib.h>
|
||||
#include <stdint.h>
|
||||
|
||||
<span class="Storage">struct</span> wavfile
|
||||
struct wavfile
|
||||
{
|
||||
<span class="Storage">char</span> id[<span class="Constant">4</span>]; <span class="Comment"><span class="Comment">//</span> should always contain "RIFF"</span>
|
||||
<span class="Storage">int</span> totallength; <span class="Comment"><span class="Comment">//</span> total file length minus 8</span>
|
||||
<span class="Storage">char</span> wavefmt[<span class="Constant">8</span>]; <span class="Comment"><span class="Comment">//</span> should be "WAVEfmt "</span>
|
||||
<span class="Storage">int</span> format; <span class="Comment"><span class="Comment">//</span> 16 for PCM format</span>
|
||||
<span class="Storage">short</span> pcm; <span class="Comment"><span class="Comment">//</span> 1 for PCM format</span>
|
||||
<span class="Storage">short</span> channels; <span class="Comment"><span class="Comment">//</span> channels</span>
|
||||
<span class="Storage">int</span> frequency; <span class="Comment"><span class="Comment">//</span> sampling frequency</span>
|
||||
<span class="Storage">int</span> bytes_per_second;
|
||||
<span class="Storage">short</span> bytes_by_capture;
|
||||
<span class="Storage">short</span> bits_per_sample;
|
||||
<span class="Storage">char</span> data[<span class="Constant">4</span>]; <span class="Comment"><span class="Comment">//</span> should always contain "data"</span>
|
||||
<span class="Storage">int</span> bytes_in_data;
|
||||
char <span class="Storage">id</span>[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;
|
||||
};
|
||||
|
||||
<span class="Storage">int</span> <span class="Entity">ma<span class="Entity">in</span></span>(<span class="Storage">int</span> argc, <span class="Storage">char</span> *argv[]) {
|
||||
<span class="Storage">char</span> *filename=argv[<span class="Constant">1</span>];
|
||||
FILE *wav = <span class="SupportFunction">fopen</span>(filename,<span class="String"><span class="String">"</span>rb<span class="String">"</span></span>);
|
||||
<span class="Storage">struct</span> wavfile header;
|
||||
int main(int argc, char *argv[]) {
|
||||
char *filename=argv[1];
|
||||
FILE *wav = fopen(filename,"rb");
|
||||
struct wavfile header;
|
||||
|
||||
<span class="Keyword">if</span> ( wav == <span class="Constant">NULL</span> ) {
|
||||
<span class="SupportFunction">fprintf</span>(stderr,<span class="String"><span class="String">"</span>Can't open input file <span class="StringConstant">%s</span><span class="String">"</span></span>, filename);
|
||||
<span class="SupportFunction">exit</span>(<span class="Constant">1</span>);
|
||||
if ( wav == NULL ) {
|
||||
fprintf(stderr,"Can't open input file %s", filename);
|
||||
exit(1);
|
||||
}
|
||||
|
||||
|
||||
<span class="Comment"><span class="Comment">//</span> read header</span>
|
||||
<span class="Keyword">if</span> ( <span class="SupportFunction">fread</span>(&header,<span class="Keyword">sizeof</span>(header),<span class="Constant">1</span>,wav) < <span class="Constant">1</span> )
|
||||
// read header
|
||||
if ( fread(&header,sizeof(header),1,wav) < 1 )
|
||||
{
|
||||
<span class="SupportFunction">fprintf</span>(stderr,<span class="String"><span class="String">"</span>Can't read file header<span class="StringConstant">\n</span><span class="String">"</span></span>);
|
||||
<span class="SupportFunction">exit</span>(<span class="Constant">1</span>);
|
||||
fprintf(stderr,"Can't read file header\n");
|
||||
exit(1);
|
||||
}
|
||||
<span class="Keyword">if</span> ( header.id[<span class="Constant">0</span>] != <span class="String"><span class="String">'</span>R<span class="String">'</span></span>
|
||||
|| header.id[<span class="Constant">1</span>] != <span class="String"><span class="String">'</span>I<span class="String">'</span></span>
|
||||
|| header.id[<span class="Constant">2</span>] != <span class="String"><span class="String">'</span>F<span class="String">'</span></span>
|
||||
|| header.id[<span class="Constant">3</span>] != <span class="String"><span class="String">'</span>F<span class="String">'</span></span> ) {
|
||||
<span class="SupportFunction">fprintf</span>(stderr,<span class="String"><span class="String">"</span>ERROR: Not wav format<span class="StringConstant">\n</span><span class="String">"</span></span>);
|
||||
<span class="SupportFunction">exit</span>(<span class="Constant">1</span>);
|
||||
if ( header.<span class="Storage">id</span>[0] != 'R'
|
||||
|| header.<span class="Storage">id</span>[1] != 'I'
|
||||
|| header.<span class="Storage">id</span>[2] != 'F'
|
||||
|| header.<span class="Storage">id</span>[3] != 'F' ) {
|
||||
fprintf(stderr,"ERROR: Not wav format\n");
|
||||
exit(1);
|
||||
}
|
||||
|
||||
<span class="SupportFunction">fprintf</span>(stderr,<span class="String"><span class="String">"</span>wav format<span class="StringConstant">\n</span><span class="String">"</span></span>);
|
||||
fprintf(stderr,"wav format\n");
|
||||
|
||||
<span class="Comment"><span class="Comment">//</span> read data</span>
|
||||
<span class="Storage">long</span> sum=<span class="Constant">0</span>;
|
||||
<span class="Storage">short</span> value=<span class="Constant">0</span>;
|
||||
<span class="Keyword">while</span>( <span class="SupportFunction">fread</span>(&value,<span class="Keyword">sizeof</span>(value),<span class="Constant">1</span>,wav) ) {
|
||||
<span class="Comment"><span class="Comment">//</span> fprintf(stderr,"%d\n", value);</span>
|
||||
<span class="Keyword">if</span> (value<<span class="Constant">0</span>) { value=-value; }
|
||||
// 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;
|
||||
}
|
||||
<span class="SupportFunction">printf</span>(<span class="String"><span class="String">"</span><span class="StringConstant">%ld</span><span class="StringConstant">\n</span><span class="String">"</span></span>,sum);
|
||||
<span class="SupportFunction">exit</span>(<span class="Constant">0</span>);
|
||||
printf("%ld\n",sum);
|
||||
exit(0);
|
||||
}
|
||||
</pre>
|
||||
</div></div>
|
||||
|
|
@ -213,7 +213,7 @@ __attribute__((__packed__))
|
|||
|
||||
<p>Therefore this implementation should for big and little endian architecture.
|
||||
However, it must be compiled with <code>gcc</code>.
|
||||
The new code make more tests but still don’t use <code>mmap</code>.
|
||||
The new code make more tests but still don’t use <code>mmap</code>.
|
||||
Here it is:</p>
|
||||
|
||||
|
||||
|
|
@ -222,111 +222,111 @@ Here it is:</p>
|
|||
|
||||
<div class="code"><div class="file"><a href="/Scratch/en/blog/2010-10-14-Fun-with-wav/code/wavsum2.c"> ➥ wavsum2.c </a></div><div class="withfile">
|
||||
<pre class="twilight">
|
||||
<span class="CCCPreprocessorLine">#<span class="CCCPreprocessorDirective">include</span> <span class="String"><span class="String"><</span>stdio.h<span class="String">></span></span></span>
|
||||
<span class="CCCPreprocessorLine">#<span class="CCCPreprocessorDirective">include</span> <span class="String"><span class="String"><</span>stdlib.h<span class="String">></span></span></span>
|
||||
<span class="CCCPreprocessorLine">#<span class="CCCPreprocessorDirective">include</span> <span class="String"><span class="String"><</span>string.h<span class="String">></span></span> </span><span class="Comment"><span class="Comment">//</span> for memcmp</span>
|
||||
<span class="CCCPreprocessorLine">#<span class="CCCPreprocessorDirective">include</span> <span class="String"><span class="String"><</span>stdint.h<span class="String">></span></span> </span><span class="Comment"><span class="Comment">//</span> for int16_t and int32_t</span>
|
||||
#include <stdio.h>
|
||||
#include <stdlib.h>
|
||||
#include <string.h> // for memcmp
|
||||
#include <stdint.h> // for int16_t and int32_t
|
||||
|
||||
<span class="Storage">struct</span> wavfile
|
||||
struct wavfile
|
||||
{
|
||||
<span class="Storage">char</span> id[<span class="Constant">4</span>]; <span class="Comment"><span class="Comment">//</span> should always contain "RIFF"</span>
|
||||
<span class="Support">int32_t</span> totallength; <span class="Comment"><span class="Comment">//</span> total file length minus 8</span>
|
||||
<span class="Storage">char</span> wavefmt[<span class="Constant">8</span>]; <span class="Comment"><span class="Comment">//</span> should be "WAVEfmt "</span>
|
||||
<span class="Support">int32_t</span> format; <span class="Comment"><span class="Comment">//</span> 16 for PCM format</span>
|
||||
<span class="Support">int16_t</span> pcm; <span class="Comment"><span class="Comment">//</span> 1 for PCM format</span>
|
||||
<span class="Support">int16_t</span> channels; <span class="Comment"><span class="Comment">//</span> channels</span>
|
||||
<span class="Support">int32_t</span> frequency; <span class="Comment"><span class="Comment">//</span> sampling frequency</span>
|
||||
<span class="Support">int32_t</span> bytes_per_second;
|
||||
<span class="Support">int16_t</span> bytes_by_capture;
|
||||
<span class="Support">int16_t</span> bits_per_sample;
|
||||
<span class="Storage">char</span> data[<span class="Constant">4</span>]; <span class="Comment"><span class="Comment">//</span> should always contain "data"</span>
|
||||
<span class="Support">int32_t</span> bytes_in_data;
|
||||
char <span class="Storage">id</span>[4]; // should always contain "RIFF"
|
||||
int32_t totallength; // total file length minus 8
|
||||
char wavefmt[8]; // should be "WAVEfmt "
|
||||
int32_t format; // 16 for PCM format
|
||||
int16_t pcm; // 1 for PCM format
|
||||
int16_t channels; // channels
|
||||
int32_t frequency; // sampling frequency
|
||||
int32_t bytes_per_second;
|
||||
int16_t bytes_by_capture;
|
||||
int16_t bits_per_sample;
|
||||
char data[4]; // should always contain "data"
|
||||
int32_t bytes_in_data;
|
||||
} __attribute__((__packed__));
|
||||
|
||||
<span class="Storage">int</span> is_big_endian(<span class="Storage">void</span>) {
|
||||
<span class="Storage">union</span> {
|
||||
<span class="Support">uint32_t</span> i;
|
||||
<span class="Storage">char</span> c[<span class="Constant">4</span>];
|
||||
} bint = {<span class="Constant">0x01000000</span>};
|
||||
<span class="Keyword">return</span> bint.c[<span class="Constant">0</span>]==<span class="Constant">1</span>;
|
||||
int is_big_endian(void) {
|
||||
union {
|
||||
uint32_t i;
|
||||
char c[4];
|
||||
} bint = {0x01000000};
|
||||
return bint.c[0]==1;
|
||||
}
|
||||
|
||||
<span class="Storage">int</span> <span class="Entity">ma<span class="Entity">in</span></span>(<span class="Storage">int</span> argc, <span class="Storage">char</span> *argv[]) {
|
||||
<span class="Storage">char</span> *filename=argv[<span class="Constant">1</span>];
|
||||
FILE *wav = <span class="SupportFunction">fopen</span>(filename,<span class="String"><span class="String">"</span>rb<span class="String">"</span></span>);
|
||||
<span class="Storage">struct</span> wavfile header;
|
||||
int main(int argc, char *argv[]) {
|
||||
char *filename=argv[1];
|
||||
FILE *wav = fopen(filename,"rb");
|
||||
struct wavfile header;
|
||||
|
||||
<span class="Keyword">if</span> ( wav == <span class="Constant">NULL</span> ) {
|
||||
<span class="SupportFunction">fprintf</span>(stderr,<span class="String"><span class="String">"</span>Can't open input file <span class="StringConstant">%s</span><span class="StringConstant">\n</span><span class="String">"</span></span>, filename);
|
||||
<span class="SupportFunction">exit</span>(<span class="Constant">1</span>);
|
||||
if ( wav == NULL ) {
|
||||
fprintf(stderr,"Can't open input file %s\n", filename);
|
||||
exit(1);
|
||||
}
|
||||
|
||||
|
||||
<span class="Comment"><span class="Comment">//</span> read header</span>
|
||||
<span class="Keyword">if</span> ( <span class="SupportFunction">fread</span>(&header,<span class="Keyword">sizeof</span>(header),<span class="Constant">1</span>,wav) < <span class="Constant">1</span> ) {
|
||||
<span class="SupportFunction">fprintf</span>(stderr,<span class="String"><span class="String">"</span>Can't read input file header <span class="StringConstant">%s</span><span class="StringConstant">\n</span><span class="String">"</span></span>, filename);
|
||||
<span class="SupportFunction">exit</span>(<span class="Constant">1</span>);
|
||||
// read header
|
||||
if ( fread(&header,sizeof(header),1,wav) < 1 ) {
|
||||
fprintf(stderr,"Can't read input file header %s\n", filename);
|
||||
exit(1);
|
||||
}
|
||||
|
||||
<span class="Comment"><span class="Comment">//</span> if wav file isn't the same endianness than the current environment</span>
|
||||
<span class="Comment"><span class="Comment">//</span> we quit</span>
|
||||
<span class="Keyword">if</span> ( is_big_endian() ) {
|
||||
<span class="Keyword">if</span> ( <span class="SupportFunction">memcmp</span>( header.id,<span class="String"><span class="String">"</span>RIFX<span class="String">"</span></span>, <span class="Constant">4</span>) != <span class="Constant">0</span> ) {
|
||||
<span class="SupportFunction">fprintf</span>(stderr,<span class="String"><span class="String">"</span>ERROR: <span class="StringConstant">%s</span> is not a big endian wav file<span class="StringConstant">\n</span><span class="String">"</span></span>, filename);
|
||||
<span class="SupportFunction">exit</span>(<span class="Constant">1</span>);
|
||||
// if wav file isn't the same endianness than the current environment
|
||||
// we quit
|
||||
if ( is_big_endian() ) {
|
||||
if ( memcmp( header.<span class="Storage">id</span>,"RIFX", 4) != 0 ) {
|
||||
fprintf(stderr,"ERROR: %s is not a big endian wav file\n", filename);
|
||||
exit(1);
|
||||
}
|
||||
} <span class="Keyword">else</span> {
|
||||
<span class="Keyword">if</span> ( <span class="SupportFunction">memcmp</span>( header.id,<span class="String"><span class="String">"</span>RIFF<span class="String">"</span></span>, <span class="Constant">4</span>) != <span class="Constant">0</span> ) {
|
||||
<span class="SupportFunction">fprintf</span>(stderr,<span class="String"><span class="String">"</span>ERROR: <span class="StringConstant">%s</span> is not a little endian wav file<span class="StringConstant">\n</span><span class="String">"</span></span>, filename);
|
||||
<span class="SupportFunction">exit</span>(<span class="Constant">1</span>);
|
||||
} else {
|
||||
if ( memcmp( header.<span class="Storage">id</span>,"RIFF", 4) != 0 ) {
|
||||
fprintf(stderr,"ERROR: %s is not a little endian wav file\n", filename);
|
||||
exit(1);
|
||||
}
|
||||
}
|
||||
|
||||
<span class="Keyword">if</span> ( <span class="SupportFunction">memcmp</span>( header.wavefmt, <span class="String"><span class="String">"</span>WAVEfmt <span class="String">"</span></span>, <span class="Constant">8</span>) != <span class="Constant">0</span>
|
||||
|| <span class="SupportFunction">memcmp</span>( header.data, <span class="String"><span class="String">"</span>data<span class="String">"</span></span>, <span class="Constant">4</span>) != <span class="Constant">0</span>
|
||||
if ( memcmp( header.wavefmt, "WAVEfmt ", 8) != 0
|
||||
|| memcmp( header.data, "data", 4) != 0
|
||||
) {
|
||||
<span class="SupportFunction">fprintf</span>(stderr,<span class="String"><span class="String">"</span>ERROR: Not wav format<span class="StringConstant">\n</span><span class="String">"</span></span>);
|
||||
<span class="SupportFunction">exit</span>(<span class="Constant">1</span>);
|
||||
fprintf(stderr,"ERROR: Not wav format\n");
|
||||
exit(1);
|
||||
}
|
||||
<span class="Keyword">if</span> (header.format != <span class="Constant">16</span>) {
|
||||
<span class="SupportFunction">fprintf</span>(stderr,<span class="String"><span class="String">"</span><span class="StringConstant">\n</span>ERROR: not 16 bit wav format.<span class="String">"</span></span>);
|
||||
<span class="SupportFunction">exit</span>(<span class="Constant">1</span>);
|
||||
if (header.format != 16) {
|
||||
fprintf(stderr,"\nERROR: not 16 bit wav format.");
|
||||
exit(1);
|
||||
}
|
||||
<span class="SupportFunction">fprintf</span>(stderr,<span class="String"><span class="String">"</span>format: <span class="StringConstant">%d</span> bits<span class="String">"</span></span>, header.format);
|
||||
<span class="Keyword">if</span> (header.format == <span class="Constant">16</span>) {
|
||||
<span class="SupportFunction">fprintf</span>(stderr,<span class="String"><span class="String">"</span>, PCM<span class="String">"</span></span>);
|
||||
} <span class="Keyword">else</span> {
|
||||
<span class="SupportFunction">fprintf</span>(stderr,<span class="String"><span class="String">"</span>, not PCM (<span class="StringConstant">%d</span>)<span class="String">"</span></span>, header.format);
|
||||
fprintf(stderr,"format: %d bits", header.format);
|
||||
if (header.format == 16) {
|
||||
fprintf(stderr,", PCM");
|
||||
} else {
|
||||
fprintf(stderr,", not PCM (%d)", header.format);
|
||||
}
|
||||
<span class="Keyword">if</span> (header.pcm == <span class="Constant">1</span>) {
|
||||
<span class="SupportFunction">fprintf</span>(stderr, <span class="String"><span class="String">"</span> uncompressed<span class="String">"</span></span> );
|
||||
} <span class="Keyword">else</span> {
|
||||
<span class="SupportFunction">fprintf</span>(stderr, <span class="String"><span class="String">"</span> compressed<span class="String">"</span></span> );
|
||||
if (header.pcm == 1) {
|
||||
fprintf(stderr, " uncompressed" );
|
||||
} else {
|
||||
fprintf(stderr, " compressed" );
|
||||
}
|
||||
<span class="SupportFunction">fprintf</span>(stderr,<span class="String"><span class="String">"</span>, channel <span class="StringConstant">%d</span><span class="String">"</span></span>, header.pcm);
|
||||
<span class="SupportFunction">fprintf</span>(stderr,<span class="String"><span class="String">"</span>, freq <span class="StringConstant">%d</span><span class="String">"</span></span>, header.frequency );
|
||||
<span class="SupportFunction">fprintf</span>(stderr,<span class="String"><span class="String">"</span>, <span class="StringConstant">%d</span> bytes per sec<span class="String">"</span></span>, header.bytes_per_second );
|
||||
<span class="SupportFunction">fprintf</span>(stderr,<span class="String"><span class="String">"</span>, <span class="StringConstant">%d</span> bytes by capture<span class="String">"</span></span>, header.bytes_by_capture );
|
||||
<span class="SupportFunction">fprintf</span>(stderr,<span class="String"><span class="String">"</span>, <span class="StringConstant">%d</span> bits per sample<span class="String">"</span></span>, header.bytes_by_capture );
|
||||
<span class="SupportFunction">fprintf</span>(stderr,<span class="String"><span class="String">"</span><span class="StringConstant">\n</span><span class="String">"</span></span> );
|
||||
fprintf(stderr,", channel %d", header.pcm);
|
||||
fprintf(stderr,", freq %d", header.frequency );
|
||||
fprintf(stderr,", %d bytes per sec", header.bytes_per_second );
|
||||
fprintf(stderr,", %d bytes by capture", header.bytes_by_capture );
|
||||
fprintf(stderr,", %d bits per sample", header.bytes_by_capture );
|
||||
fprintf(stderr,"\n" );
|
||||
|
||||
<span class="Keyword">if</span> ( <span class="SupportFunction">memcmp</span>( header.data, <span class="String"><span class="String">"</span>data<span class="String">"</span></span>, <span class="Constant">4</span>) != <span class="Constant">0</span> ) {
|
||||
<span class="SupportFunction">fprintf</span>(stderr,<span class="String"><span class="String">"</span>ERROR: Prrroblem?<span class="StringConstant">\n</span><span class="String">"</span></span>);
|
||||
<span class="SupportFunction">exit</span>(<span class="Constant">1</span>);
|
||||
if ( memcmp( header.data, "data", 4) != 0 ) {
|
||||
fprintf(stderr,"ERROR: Prrroblem?\n");
|
||||
exit(1);
|
||||
}
|
||||
<span class="SupportFunction">fprintf</span>(stderr,<span class="String"><span class="String">"</span>wav format<span class="StringConstant">\n</span><span class="String">"</span></span>);
|
||||
fprintf(stderr,"wav format\n");
|
||||
|
||||
<span class="Comment"><span class="Comment">//</span> read data</span>
|
||||
<span class="Storage">long</span> <span class="Storage">long</span> sum=<span class="Constant">0</span>;
|
||||
<span class="Support">int16_t</span> value;
|
||||
<span class="Storage">int</span> i=<span class="Constant">0</span>;
|
||||
<span class="SupportFunction">fprintf</span>(stderr,<span class="String"><span class="String">"</span>---<span class="StringConstant">\n</span><span class="String">"</span></span>, value);
|
||||
<span class="Keyword">while</span>( <span class="SupportFunction">fread</span>(&value,<span class="Keyword">sizeof</span>(value),<span class="Constant">1</span>,wav) ) {
|
||||
<span class="Keyword">if</span> (value<<span class="Constant">0</span>) { value=-value; }
|
||||
// read data
|
||||
long long sum=0;
|
||||
int16_t value;
|
||||
int i=0;
|
||||
fprintf(stderr,"---\n", value);
|
||||
while( fread(&value,sizeof(value),1,wav) ) {
|
||||
if (value<0) { value=-value; }
|
||||
sum += value;
|
||||
}
|
||||
<span class="SupportFunction">printf</span>(<span class="String"><span class="String">"</span><span class="StringConstant">%lld</span><span class="StringConstant">\n</span><span class="String">"</span></span>,sum);
|
||||
<span class="SupportFunction">exit</span>(<span class="Constant">0</span>);
|
||||
printf("%lld\n",sum);
|
||||
exit(0);
|
||||
}
|
||||
</pre>
|
||||
</div></div>
|
||||
|
|
|
|||
|
|
@ -58,7 +58,7 @@
|
|||
<div class="intro">
|
||||
|
||||
|
||||
<p><span class="sc"><abbr title="Too long; didn't read">tl;dr</abbr>: </span> I made a simple macro system for my blog. Now I juste have to write %<span></span>latex and it show as <span style="text-transform: uppercase">L<sup style="vertical-align: 0.15em; margin-left: -0.36em; margin-right: -0.15em; font-size: .85em">a</sup>T<sub style="vertical-align: -0.5ex; margin-left: -0.1667em; margin-right: -0.125em; font-size: 1em">e</sub>X</span>.</p>
|
||||
<p><span class="sc"><abbr title="Too long; didn't read">tl;dr</abbr>: </span> I made a simple macro system for my blog. Now I juste have to write %<span />latex and it show as <span style="text-transform: uppercase">L<sup style="vertical-align: 0.15em; margin-left: -0.36em; margin-right: -0.15em; font-size: .85em">a</sup>T<sub style="vertical-align: -0.5ex; margin-left: -0.1667em; margin-right: -0.125em; font-size: 1em">e</sub>X</span>.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
@ -78,8 +78,8 @@ In the header of my files I simply write:</p>
|
|||
<p>In the body it will replace every occurrence of:</p>
|
||||
|
||||
<ul>
|
||||
<li>%<span></span>test by <em>This is a macro test</em>,</li>
|
||||
<li>and %<span></span>latex by <em><span style="text-transform: uppercase">L<sup style="vertical-align: 0.15em; margin-left: -0.36em; margin-right: -0.15em; font-size: .85em">a</sup>T<sub style="vertical-align: -0.5ex; margin-left: -0.1667em; margin-right: -0.125em; font-size: 1em">e</sub>X</span></em>.</li>
|
||||
<li>%<span />test by <em>This is a macro test</em>,</li>
|
||||
<li>and %<span />latex by <em><span style="text-transform: uppercase">L<sup style="vertical-align: 0.15em; margin-left: -0.36em; margin-right: -0.15em; font-size: .85em">a</sup>T<sub style="vertical-align: -0.5ex; margin-left: -0.1667em; margin-right: -0.125em; font-size: 1em">e</sub>X</span></em>.</li>
|
||||
</ul>
|
||||
|
||||
<p>The source code is really simple.
|
||||
|
|
|
|||
|
|
@ -62,7 +62,7 @@
|
|||
|
||||
<p><em>Update</em>: I might change my mind now. Why?
|
||||
I just discovered a <a href="https://github.com/rstacruz/js2coffee">js2coffee converter</a>. Furthermore Denis Knauf told me about a <code>CoffeeScript.eval</code> function.
|
||||
And as Denis said: “it is time to use Coffeescript as a javascript with Ruby-like syntax not a Ruby-like programming language”.</p>
|
||||
And as Denis said: “it is time to use Coffeescript as a javascript with Ruby-like syntax not a Ruby-like programming language”.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
@ -85,30 +85,30 @@ Recently I used <em>a lot</em> of javascript. After trying
|
|||
<a href="http://cappuccino.org">Cappuccino</a>, looking at
|
||||
<a href="documentcloud.github.com/backbone/">backbone.js</a> <em class="pala">&</em>
|
||||
<a href="javascriptmvc.com">javascriptMVC</a>,
|
||||
I’ve finally decided to make my own minimal javascript MVC framework.<sup id="fnref:1"><a href="#fn:1" rel="footnote">1</a></sup></p>
|
||||
I’ve finally decided to make my own minimal javascript MVC framework.<sup id="fnref:1"><a href="#fn:1" rel="footnote">1</a></sup></p>
|
||||
|
||||
<p>I had to fight the horrible syntax of javascript. It was like experiencing a back-in-time travel: </p>
|
||||
|
||||
<ul>
|
||||
<li>Verbose Java-like syntax, </li>
|
||||
<li>Strange and insanely Verbose Object Oriented Programming,</li>
|
||||
<li>No easy way to refer to current instance of a class (<code>this</code> doesn’t work really well),</li>
|
||||
<li>etc… </li>
|
||||
<li>No easy way to refer to current instance of a class (<code>this</code> doesn’t work really well),</li>
|
||||
<li>etc… </li>
|
||||
</ul>
|
||||
|
||||
<p>It was so annoying at a point, I had thinked about creating my <em>own</em> CoffeeScript.</p>
|
||||
|
||||
<p>I’d finished a first draft of my MVC javascript framework.
|
||||
<p>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.</p>
|
||||
|
||||
<p>Here is my experience:</p>
|
||||
|
||||
<ol>
|
||||
<li>I had to install <code>node.js</code> and use <code>npm</code> just to use CoffeeScript. It wasn’t a big deal but it wasn’t as straightfoward as I expected either.</li>
|
||||
<li>I had to install <code>node.js</code> and use <code>npm</code> just to use CoffeeScript. It wasn’t a big deal but it wasn’t as straightfoward as I expected either.</li>
|
||||
<li>Existing javascript file are not coffee compatible.
|
||||
I <em>had</em> to translate them by hand.
|
||||
There were no script to help me in this process.
|
||||
Thanks to <a href="http://vim.org">vim</a>, it wasn’t too hard to translate 90% of the javascript using some regexp.
|
||||
Thanks to <a href="http://vim.org">vim</a>, it wasn’t too hard to translate 90% of the javascript using some regexp.
|
||||
The <code>--watch</code> 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.</li>
|
||||
<li>An unexpected event. I made some meta-programming in javascript using <code>eval</code>. 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.</li>
|
||||
|
|
@ -141,7 +141,7 @@ Just after I learned about the existence of CoffeeScript, I immediately created
|
|||
|
||||
<p>The last two point were definitively really problematic for me.</p>
|
||||
|
||||
<p>But even if I’ll have to work alone, I certainly won’t use CoffeeScript either.
|
||||
<p>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.</p>
|
||||
|
|
@ -185,10 +185,10 @@ But I believe it would be a really hard task just to simulate the access of curr
|
|||
<hr/><div class="footnotes">
|
||||
<ol>
|
||||
<li id="fn:1">
|
||||
<p>I know it may not be the best nor productive decision, but I’d like to start from scratch and understand how things works under the hood.<a href="#fnref:1" rel="reference">↩</a></p>
|
||||
<p>I know it may not be the best nor productive decision, but I’d like to start from scratch and understand how things works under the hood.<a href="#fnref:1" rev="footnote">↩</a></p>
|
||||
</li>
|
||||
<li id="fn:2">
|
||||
<p>I know there is <code>rb2js</code>, but it doesn’t handle the problem I talk about.<a href="#fnref:2" rel="reference">↩</a></p>
|
||||
<p>I know there is <code>rb2js</code>, but it doesn’t handle the problem I talk about.<a href="#fnref:2" rev="footnote">↩</a></p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -69,7 +69,7 @@ main = <span class="Entity">putStrLn</span> $ im 0 <span class="Keyword">where</
|
|||
</pre>
|
||||
</div></div>
|
||||
|
||||
<p>To launch it, you’ll need to have <a href="http://haskell.org">haskell</a> installed and to run:</p>
|
||||
<p>To launch it, you’ll need to have <a href="http://haskell.org">haskell</a> installed and to run:</p>
|
||||
|
||||
<pre class="twilight">ghc --make animandel.hs <span class="Keyword">&&</span> animandel
|
||||
</pre>
|
||||
|
|
|
|||
|
|
@ -71,7 +71,7 @@ Simply because, the more I programmed with zsh the more I tended to work using f
|
|||
|
||||
<p>The minimal to have better code are the functions <code>map</code>, <code>filter</code> and <code>fold</code>.</p>
|
||||
|
||||
<p>Let’s compare.
|
||||
<p>Let’s compare.
|
||||
First a program which convert all gif to png in many different directories of different projects.</p>
|
||||
|
||||
<p>Before ⇒</p>
|
||||
|
|
@ -90,8 +90,8 @@ First a program which convert all gif to png in many different directories of di
|
|||
</pre>
|
||||
|
||||
<ul>
|
||||
<li>The <code>(/N)</code> means to select only directory and not to crash if there isn’t any.</li>
|
||||
<li>The <code>(.N)</code> means to select only files and not to crash if there isn’t any.</li>
|
||||
<li>The <code>(/N)</code> means to select only directory and not to crash if there isn’t any.</li>
|
||||
<li>The <code>(.N)</code> means to select only files and not to crash if there isn’t any.</li>
|
||||
<li>The <code>:t</code> means tail; if <code>toto=/path/to/file.ext</code> then <code>${toto:t}=file.ext</code>.</li>
|
||||
</ul>
|
||||
|
||||
|
|
@ -106,7 +106,7 @@ map handle_resources /path/to/projects/*(/N)
|
|||
</pre>
|
||||
|
||||
<p>No more bloc!
|
||||
It might be a little bit harder to read if you’re not used to functional programming notation.
|
||||
It might be a little bit harder to read if you’re not used to functional programming notation.
|
||||
But it is more concise and robusts.</p>
|
||||
|
||||
<p>Another example with some tests.</p>
|
||||
|
|
@ -146,7 +146,7 @@ map verify_file_name <span class="String"><span class="String">$(</span> filter
|
|||
|
||||
<p>Also, the first verstion is a bit easier to read.
|
||||
But the second one is clearly far superior in architecture.
|
||||
I don’t want to argue why here.
|
||||
I don’t want to argue why here.
|
||||
Just believe me that the functional programming approach is superior.</p>
|
||||
|
||||
<p>Actually I lack the lambda operator.
|
||||
|
|
|
|||
|
|
@ -73,7 +73,7 @@
|
|||
</blockquote>
|
||||
|
||||
<p>Learn <a href="http://www.vim.org">vim</a> and it will be your last text editor.
|
||||
There isn’t any better text editor I know.
|
||||
There isn’t any better text editor I know.
|
||||
Hard to learn, but incredible to use.</p>
|
||||
|
||||
<p>I suggest you to learn it in 4 steps:</p>
|
||||
|
|
@ -85,16 +85,16 @@ Hard to learn, but incredible to use.</p>
|
|||
<li>Use vim superpowers</li>
|
||||
</ol>
|
||||
|
||||
<p>By the end of this journey, you’ll become a vim superstar. </p>
|
||||
<p>By the end of this journey, you’ll become a vim superstar. </p>
|
||||
|
||||
<p>But before we start, just a warning.
|
||||
Learning vim will be painful at first.
|
||||
It will take time.
|
||||
It will be a lot like playing a music instrument.
|
||||
Don’t expect to be more efficient with vim than with another editor in less than 3 days.
|
||||
Don’t expect to be more efficient with vim than with another editor in less than 3 days.
|
||||
In fact it will certainly take 2 weeks instead of 3 days.</p>
|
||||
|
||||
<h2 id="st-level----survive">1<sup>st</sup> Level – Survive</h2>
|
||||
<h2 id="st-level----survive">1<sup>st</sup> Level – Survive</h2>
|
||||
|
||||
<ol>
|
||||
<li>Install <a href="http://www.vim.org">vim</a></li>
|
||||
|
|
@ -105,7 +105,7 @@ In fact it will certainly take 2 weeks instead of 3 days.</p>
|
|||
<p>In a standard editor, typing on the keyboard is enough to write something and see it on the screen.
|
||||
Not this time.
|
||||
Vim is in <em>Normal</em> mode.
|
||||
Let’s get in <em>Insert</em> mode.
|
||||
Let’s get in <em>Insert</em> mode.
|
||||
Type on the letter <code>i</code>.</p>
|
||||
|
||||
<p>You should feel a bit better.
|
||||
|
|
@ -127,7 +127,7 @@ And now, the list of command you can use in <em>Normal</em> mode to survive:</p>
|
|||
<p>Recommended:</p>
|
||||
|
||||
<ul>
|
||||
<li><code>hjkl</code> (highly recommended but not mandatory) → basic cursor move (←↓↑→). Hint: <code>j</code> look like a down arrow.</li>
|
||||
<li><code>hjkl</code> (highly recommended but not mandatory) → basic cursor move (←↓↑→). Hint: <code>j</code> look like a down arrow.</li>
|
||||
<li><code>:help <command></code> → Show help about <code><command></code>, you can start using <code>:help</code> without anything else.</li>
|
||||
</ul>
|
||||
</blockquote>
|
||||
|
|
@ -143,14 +143,14 @@ With vim in Normal mode, it is a bit like if your <code>Ctrl</code> key is alway
|
|||
<p>A last word about notations: </p>
|
||||
|
||||
<ul>
|
||||
<li>instead of writing <code>Ctrl-λ</code>, I’ll write <code><C-λ></code>.</li>
|
||||
<li>instead of writing <code>Ctrl-λ</code>, I’ll write <code><C-λ></code>.</li>
|
||||
<li>command staring by <code>:</code> will must end by <code><enter></code>. For example, when I write <code>:q</code> it means <code>:q<enter></code>.</li>
|
||||
</ul>
|
||||
|
||||
<h2 id="nd-level----feel-comfortable">2<sup>nd</sup> Level – Feel comfortable</h2>
|
||||
<h2 id="nd-level----feel-comfortable">2<sup>nd</sup> Level – Feel comfortable</h2>
|
||||
|
||||
<p>You know the commands required for survival.
|
||||
It’s time to learn a few more commands.
|
||||
It’s time to learn a few more commands.
|
||||
I suggest:</p>
|
||||
|
||||
<ol>
|
||||
|
|
@ -217,17 +217,17 @@ I suggest:</p>
|
|||
|
||||
<p>Take the time to integrate all of these command.
|
||||
Once done, you should be able to do every thing you are able to do on other editors.
|
||||
But until now, it is a bit awkward. But follow me to the next level and you’ll see why.</p>
|
||||
But until now, it is a bit awkward. But follow me to the next level and you’ll see why.</p>
|
||||
|
||||
<h2 id="rd-level----better-stronger-faster">3<sup>rd</sup> Level – Better. Stronger. Faster.</h2>
|
||||
<h2 id="rd-level----better-stronger-faster">3<sup>rd</sup> Level – Better. Stronger. Faster.</h2>
|
||||
|
||||
<p>Congratulation reaching this far!
|
||||
We can start the interesting stuff.
|
||||
At level 3, we’ll only talk about command which are compatible with the old vi.</p>
|
||||
At level 3, we’ll only talk about command which are compatible with the old vi.</p>
|
||||
|
||||
<h3 id="better">Better</h3>
|
||||
|
||||
<p>Let’s look at how vim could help you to repeat yourself: </p>
|
||||
<p>Let’s look at how vim could help you to repeat yourself: </p>
|
||||
|
||||
<ol>
|
||||
<li><code>.</code> → (dot) will repeat the last command,</li>
|
||||
|
|
@ -240,16 +240,16 @@ At level 3, we’ll only talk about command which are compatible with the ol
|
|||
<ul>
|
||||
<li><code>2dd</code> → will delete 2 lines</li>
|
||||
<li><code>3p</code> → will paste the text 3 times</li>
|
||||
<li><code>100idesu [ESC]</code> → will write “desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu “</li>
|
||||
<li><code>.</code> → Just after the last command will write again the 100 “desu “. </li>
|
||||
<li><code>3.</code> → Will write 3 “desu” (and not 300, how clever).</li>
|
||||
<li><code>100idesu [ESC]</code> → will write “desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu desu “</li>
|
||||
<li><code>.</code> → Just after the last command will write again the 100 “desu “. </li>
|
||||
<li><code>3.</code> → Will write 3 “desu” (and not 300, how clever).</li>
|
||||
</ul>
|
||||
</blockquote>
|
||||
|
||||
<h3 id="stronger">Stronger</h3>
|
||||
|
||||
<p>Knowing how to move efficiently with vim is <em>very</em> important.
|
||||
Don’t skip this section.</p>
|
||||
Don’t skip this section.</p>
|
||||
|
||||
<ol>
|
||||
<li>N<code>G</code> → Go to line N</li>
|
||||
|
|
@ -265,7 +265,7 @@ Don’t skip this section.</p>
|
|||
</ol>
|
||||
|
||||
<p>By default, word are composed of letter and the underscore character.
|
||||
Let’s call a WORD a group of letter separated by blank characters.
|
||||
Let’s call a WORD a group of letter separated by blank characters.
|
||||
If you want to consider WORDS, then just use uppercases:</p>
|
||||
|
||||
<ol>
|
||||
|
|
@ -278,7 +278,7 @@ If you want to consider WORDS, then just use uppercases:</p>
|
|||
</li>
|
||||
</ol>
|
||||
|
||||
<p>Now let’s talk about very efficient moves:</p>
|
||||
<p>Now let’s talk about very efficient moves:</p>
|
||||
|
||||
<blockquote>
|
||||
<ul>
|
||||
|
|
@ -306,12 +306,12 @@ Most commands can be used using the following general format:</p>
|
|||
</ul>
|
||||
|
||||
<p>We also can do things like <code>ye</code>, yank from here to the end of the word.
|
||||
But also <code>y2/foo</code> yank up to the second occurrence of “foo”.</p>
|
||||
But also <code>y2/foo</code> yank up to the second occurrence of “foo”.</p>
|
||||
|
||||
<p>But what was true for <code>y</code> (yank),
|
||||
is also true for <code>d</code> (delete), <code>v</code> (visual select), <code>gU</code> (uppercase), <code>gu</code> (lowercase), etc…</p>
|
||||
is also true for <code>d</code> (delete), <code>v</code> (visual select), <code>gU</code> (uppercase), <code>gu</code> (lowercase), etc…</p>
|
||||
|
||||
<h2 id="th-level----vim-superpowers">4<sup>th</sup> Level – Vim Superpowers</h2>
|
||||
<h2 id="th-level----vim-superpowers">4<sup>th</sup> Level – Vim Superpowers</h2>
|
||||
|
||||
<p>With all preceding commands you should be comfortable to use vim.
|
||||
But now, here are the killer features.
|
||||
|
|
@ -368,7 +368,7 @@ Typically: <code>0<C-v><C-d>I-- [ESC]</code></p>
|
|||
<ul>
|
||||
<li><code>^</code> → go to start of the line</li>
|
||||
<li><code><C-v></code> → Start block selection</li>
|
||||
<li><code><C-d></code> → move down (could also be <code>jjj</code> or <code>%</code>, etc…)</li>
|
||||
<li><code><C-d></code> → move down (could also be <code>jjj</code> or <code>%</code>, etc…)</li>
|
||||
<li><code>I-- [ESC]</code> → write <code>-- </code> to comment each line</li>
|
||||
</ul>
|
||||
|
||||
|
|
@ -378,7 +378,7 @@ Typically: <code>0<C-v><C-d>I-- [ESC]</code></p>
|
|||
|
||||
<h3 id="completion-c-n-and-c-p">Completion: <code><C-n></code> and <code><C-p></code>.</h3>
|
||||
|
||||
<p>In Insert mode, just type the start of a word, then type <code><C-p></code>, magic…
|
||||
<p>In Insert mode, just type the start of a word, then type <code><C-p></code>, magic…
|
||||
<img alt="Completion" src="/Scratch/img/blog/Learn-Vim-Progressively/completion.gif" /> </p>
|
||||
|
||||
<h3 id="macros--qa-do-something-q-a-">Macros : <code>qa</code> do something <code>q</code>, <code>@a</code>, <code>@@</code></h3>
|
||||
|
|
@ -429,7 +429,7 @@ Once the selection made, you can:</p>
|
|||
|
||||
<ul>
|
||||
<li><code><C-v></code> </li>
|
||||
<li>go to desired line (<code>jjj</code> or <code><C-d></code> or <code>/pattern</code> or <code>%</code> etc…)</li>
|
||||
<li>go to desired line (<code>jjj</code> or <code><C-d></code> or <code>/pattern</code> or <code>%</code> etc…)</li>
|
||||
<li><code>$</code> go to the end of line</li>
|
||||
<li><code>A</code>, write text, <code>ESC</code>.</li>
|
||||
</ul>
|
||||
|
|
@ -443,7 +443,7 @@ Once the selection made, you can:</p>
|
|||
<blockquote>
|
||||
<ul>
|
||||
<li><code>:split</code> → create a split (<code>:vsplit</code> create a vertical split)</li>
|
||||
<li><code><C-w><dir></code> : where dir is any of <code>hjkl</code> or ←↓↑→ to change split.</li>
|
||||
<li><code><C-w><dir></code> : where dir is any of <code>hjkl</code> or ←↓↑→ to change split.</li>
|
||||
<li><code><C-w>_</code> (resp. <code><C-w>|</code>) : maximise size of split (resp. vertical split)</li>
|
||||
<li><code><C-w>+</code> (resp. <code><C-w>-</code>) : Grow (resp. shrink) split</li>
|
||||
</ul>
|
||||
|
|
@ -455,7 +455,7 @@ Once the selection made, you can:</p>
|
|||
|
||||
<p>That was 90% of commands I use every day.
|
||||
I suggest you to learn no more than one or two new command per day.
|
||||
After two to three weeks you’ll start to feel the power of vim in your hands.</p>
|
||||
After two to three weeks you’ll start to feel the power of vim in your hands.</p>
|
||||
|
||||
<p>Learning Vim is more a matter of training than plain memorization.
|
||||
Fortunately vim comes with some very good tools and an excellent documentation.
|
||||
|
|
@ -463,7 +463,7 @@ Run vimtutor until you are familiar with most basic commands.
|
|||
Also, you should read carefully this page: <code>:help usr_02.txt</code>.</p>
|
||||
|
||||
<p>Then, you will learn about <code>!</code>, folds, registers, the plugins and many other features.
|
||||
Learn vim like you’d learn piano and all should be fine.</p>
|
||||
Learn vim like you’d learn piano and all should be fine.</p>
|
||||
|
||||
<script>
|
||||
// Style the keywords
|
||||
|
|
|
|||
|
|
@ -70,9 +70,9 @@ I use a different password on all website.</p>
|
|||
|
||||
|
||||
<p>Disclamer, this is an unashamed attempt to make you download my iPhone app ;-).
|
||||
You’re always here?
|
||||
Even if you won’t download my app, you should read more.
|
||||
My method doesn’t necessitate my app.
|
||||
You’re always here?
|
||||
Even if you won’t download my app, you should read more.
|
||||
My method doesn’t necessitate my app.
|
||||
It is both safe and easy to use everyday.</p>
|
||||
|
||||
<p>If you just want to <em>use</em> the tools without searching to understand why it is safe, just jump at the <a href="#in-practice">end of this article by clicking here</a>.</p>
|
||||
|
|
@ -83,7 +83,7 @@ It is both safe and easy to use everyday.</p>
|
|||
<p>Even paranoid could have ennemies.</p>
|
||||
</blockquote>
|
||||
|
||||
<p>Imagine you find a really good password. You use it on GMail, Amazon, PayPal, Twitter, Facebook…
|
||||
<p>Imagine you find a really good password. You use it on GMail, Amazon, PayPal, Twitter, Facebook…
|
||||
One day you see a nice online game you want to try.
|
||||
They ask you your email and a password.
|
||||
Some week passes, and the host machine of this online game is hacked.
|
||||
|
|
@ -156,7 +156,7 @@ This is why, for each website I need some other parameters:</p>
|
|||
|
||||
<ul>
|
||||
<li>the login name</li>
|
||||
<li>the password’s length,</li>
|
||||
<li>the password’s length,</li>
|
||||
<li>the password number (in order to change it),</li>
|
||||
<li>The output format: hexadecimal or base64.</li>
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -80,13 +80,13 @@ Then some believed it would be a good idea to invent many <span class="sc">xml</
|
|||
<p>Unfortunately, <span class="sc">xml</span> was made to transfert structured data.
|
||||
Not a format a human should see or edit directly.
|
||||
The sad reality is <span class="sc">xml</span> syntax is simply verbose and ugly.
|
||||
Most of the time it shouldn’t be a problem, as nobody should see it.
|
||||
Most of the time it shouldn’t be a problem, as nobody should see it.
|
||||
In a perfect nice world, we should never deal directly with <span class="sc">xml</span> but only use software which deal with it for us.
|
||||
Guess what?
|
||||
Our world isn’t perfect. Too sad, a bunch of developer have to deal directly with this ugly <span class="sc">xml</span>.</p>
|
||||
Our world isn’t perfect. Too sad, a bunch of developer have to deal directly with this ugly <span class="sc">xml</span>.</p>
|
||||
|
||||
<p>Unfortunately <span class="sc">xml</span> isn’t the only case of misused format I know.
|
||||
You have many format for which it would be very nice to add variables, loops, functions…</p>
|
||||
<p>Unfortunately <span class="sc">xml</span> isn’t the only case of misused format I know.
|
||||
You have many format for which it would be very nice to add variables, loops, functions…</p>
|
||||
|
||||
<p>If like me you hate with passion <span class="sc">xslt</span> or writing <span class="sc">xml</span>,
|
||||
I will show you how you could deal with this bad format
|
||||
|
|
@ -94,7 +94,7 @@ or language.</p>
|
|||
|
||||
<h2 id="the-span-classscxsltspan-example">The <span class="sc">xslt</span> Example</h2>
|
||||
|
||||
<p>Let’s start by the worst case of misused <span class="sc">xml</span> I know: <span class="sc">xslt</span>.
|
||||
<p>Let’s start by the worst case of misused <span class="sc">xml</span> I know: <span class="sc">xslt</span>.
|
||||
Any developer who had to deal with <span class="sc">xslt</span> know how horrible it is.</p>
|
||||
|
||||
<p>In order to reduce the verbosity of such a bad languages, there is a way.
|
||||
|
|
@ -137,11 +137,11 @@ Any developer who had to deal with <span class="sc">xslt</span> know how horribl
|
|||
<pre class="twilight">
|
||||
<span class="DoctypeXmlProcessing"><span class="DoctypeXmlProcessing"><?</span><span class="DoctypeXmlProcessing">xml</span><span class="DoctypeXmlProcessing"> version</span>=<span class="DoctypeXmlProcessing"><span class="DoctypeXmlProcessing">"</span>1.0<span class="DoctypeXmlProcessing">"</span></span><span class="DoctypeXmlProcessing"> standalone</span>=<span class="DoctypeXmlProcessing"><span class="DoctypeXmlProcessing">"</span>yes<span class="DoctypeXmlProcessing">"</span></span><span class="DoctypeXmlProcessing">?></span></span> <span class="Comment"><span class="Comment"><!--</span> YES its <span class="sc">xml</span> <span class="Comment">--></span></span>
|
||||
<span class="Comment"><span class="Comment"><!--</span> ← start a comment, then write some m4 directives:</span>
|
||||
<span class="Comment"></span>
|
||||
<span class="Comment" />
|
||||
<span class="Comment">define(`ydef',`<xsl:variable name="$1" select="$2"/>')</span>
|
||||
<span class="Comment">define(`yprint',`<xsl:text disable-output-escaping="yes"><![CDATA[$1]]></xsl:text>')</span>
|
||||
<span class="Comment">define(`yshow',`<xsl:value-of select="$1"/>')</span>
|
||||
<span class="Comment"></span>
|
||||
<span class="Comment" />
|
||||
<span class="Comment"><span class="Comment">--></span></span>
|
||||
<span class="Comment"><span class="Comment"><!--</span> Yes, <span class="sc">xml</span> sucks to be read <span class="Comment">--></span></span>
|
||||
<span class="MetaTagAll"><span class="MetaTagAll"><</span><span class="MetaTagAll">xsl</span><span class="MetaTagAll"><span class="MetaTagAll">:</span></span><span class="MetaTagAll">stylesheet</span> <span class="MetaTagAll">version</span>=<span class="String"><span class="String">"</span>1.0<span class="String">"</span></span> <span class="MetaTagAll">xmlns</span><span class="MetaTagAll"><span class="MetaTagAll">:</span></span><span class="MetaTagAll">xsl</span>=<span class="String"><span class="String">"</span>http://www.w3.org/1999/XSL/Transform<span class="String">"</span></span><span class="MetaTagAll">></span></span>
|
||||
|
|
@ -173,7 +173,7 @@ At its beginning some people believed it would be the new Flash. Apparently, it
|
|||
Click to view directly the <span class="sc">svg</span>. It might slow down your computers if you have an old one.
|
||||
</a></p>
|
||||
|
||||
<p>The positionning of the “esod” text with regards to the reversed “λ” was done by changing position in firebug. I didn’t had to manually regenerate to test.</p>
|
||||
<p>The positionning of the “esod” text with regards to the reversed “λ” was done by changing position in firebug. I didn’t had to manually regenerate to test.</p>
|
||||
|
||||
<p>Making such a fractal is mostly:</p>
|
||||
|
||||
|
|
@ -185,7 +185,7 @@ Click to view directly the <span class="sc">svg</span>. It might slow down your
|
|||
<li>Stop when recursion is deep enough.</li>
|
||||
</ol>
|
||||
|
||||
<p>If I had to do this for each step, I had make a lot of copy/paste in my <span class="sc">svg</span>, because the transformation is always the same, but I cannot say, use transformation named “titi”. Then instead of manually copying some <span class="sc">xml</span>, I used m4</p>
|
||||
<p>If I had to do this for each step, I had make a lot of copy/paste in my <span class="sc">svg</span>, because the transformation is always the same, but I cannot say, use transformation named “titi”. Then instead of manually copying some <span class="sc">xml</span>, I used m4</p>
|
||||
|
||||
<p>and here is the commented code:</p>
|
||||
|
||||
|
|
@ -258,7 +258,7 @@ It duplicates using the three transformations the preceding level.</p>
|
|||
<li>At level 0 there is only one λ,</li>
|
||||
<li>at level 1 there is 3 λ,</li>
|
||||
<li>at level 2 there is 9 λ</li>
|
||||
<li>etc… </li>
|
||||
<li>etc… </li>
|
||||
</ul>
|
||||
|
||||
<p>At the final 5<sup>th</sup> level there is 3<sup>5</sup>=243 λ.
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
<p><span class="sc"><abbr title="Too long; didn't read">tl;dr</abbr>: </span></p>
|
||||
|
||||
<p><a href="http://www.yesodweb.com">Yesod</a> is a web framework which recently reached the maturity for which you should consider to use it.
|
||||
Before telling you why you should learn Haskell and use yesod, I will talk about ideas yesod introduced and I didn’t saw in other frameworks before.</p>
|
||||
Before telling you why you should learn Haskell and use yesod, I will talk about ideas yesod introduced and I didn’t saw in other frameworks before.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
@ -71,12 +71,12 @@ Before telling you why you should learn Haskell and use yesod, I will talk about
|
|||
|
||||
<h2 id="type-safety">Type safety</h2>
|
||||
|
||||
<p>Let’s start by an obligatory link from <a href="http://xkcd.com">xkcd</a>:</p>
|
||||
<p>Let’s start by an obligatory link from <a href="http://xkcd.com">xkcd</a>:</p>
|
||||
|
||||
<p><img src="http://imgs.xkcd.com/comics/exploits_of_a_mom.png" alt="SQL injection by a mom" /></p>
|
||||
|
||||
<p>When you create a web application, a lot of time is spent dealing with strings.
|
||||
Strings for URL, HTML, JavaScript, CSS, SQL, etc…
|
||||
Strings for URL, HTML, JavaScript, CSS, SQL, etc…
|
||||
To prevent malicious usage you have to protect each strings to be sure, no script will pass from one point to another.
|
||||
Suppose a user enter this user name:</p>
|
||||
|
||||
|
|
@ -105,7 +105,7 @@ falselink"><span class="EmbeddedSource"><span class="EmbeddedSource"><
|
|||
|
||||
<h2 id="widgets">Widgets</h2>
|
||||
|
||||
<p>Yesod’s widgets are different from javascript widget.
|
||||
<p>Yesod’s widgets are different from javascript widget.
|
||||
For yesod, widgets are sets of small parts of a web application.
|
||||
If you want to use many widgets in a same page yesod do the work.
|
||||
Some examples of widget are:</p>
|
||||
|
|
@ -114,7 +114,7 @@ Some examples of widget are:</p>
|
|||
<li>the footer of a webpage,</li>
|
||||
<li>the header of a webpage with a menu,</li>
|
||||
<li>a button which appears only when scrolling down, </li>
|
||||
<li>etc…</li>
|
||||
<li>etc…</li>
|
||||
</ul>
|
||||
|
||||
<p>For each of this part, you might need, </p>
|
||||
|
|
@ -177,9 +177,9 @@ Of course two routes must not interfere.</p>
|
|||
/blog/$DATE DateR
|
||||
</pre>
|
||||
|
||||
<p>is invalid by default (you can make it valid, but I don’t think it is a good idea).</p>
|
||||
<p>is invalid by default (you can make it valid, but I don’t think it is a good idea).</p>
|
||||
|
||||
<p>You’d better</p>
|
||||
<p>You’d better</p>
|
||||
|
||||
<pre class="twilight">
|
||||
/blog/$DATE DateR
|
||||
|
|
@ -195,7 +195,7 @@ Of course two routes must not interfere.</p>
|
|||
<li><em>Good ideas, excellent community</em>. I follow yesod from some month now and the speed at which the project progress is incredible.</li>
|
||||
</ol>
|
||||
|
||||
<p>If you are a haskeller, I believe you shouldn’t fear the special syntax imposed by the standard yesod way of doing things.
|
||||
<p>If you are a haskeller, I believe you shouldn’t fear the special syntax imposed by the standard yesod way of doing things.
|
||||
Just try it more than the firsts basic tutorials. </p>
|
||||
|
||||
<p>Until here I believe it goes in the right direction.
|
||||
|
|
|
|||
|
|
@ -1,15 +0,0 @@
|
|||
|
||||
module Handler.New where
|
||||
|
||||
import Import
|
||||
|
||||
getNewR :: Handler RepHtml
|
||||
getNewR = do
|
||||
defaultLayout $ do
|
||||
$(widgetFile "new")
|
||||
|
||||
postNewR :: Handler RepHtml
|
||||
postNewR = do
|
||||
postedText <- runInputPost $ ireq textField "content"
|
||||
defaultLayout $ do
|
||||
$(widgetFile "posted")
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
|
||||
<h1> Enter your text
|
||||
<form method=post action=@{NewR}>
|
||||
<input type=text name=content>
|
||||
<input type=submit>
|
||||
|
|
@ -66,7 +66,7 @@
|
|||
|
||||
<p><span class="sc"><abbr title="Too long; didn't read">tl;dr</abbr>: </span> A simple yesod tutorial.
|
||||
Yesod is an Haskell web framework.
|
||||
You shouldn’t need to know Haskell. </p>
|
||||
You shouldn’t need to know Haskell. </p>
|
||||
|
||||
<blockquote>
|
||||
<center><span class="sc"><b>Table of content</b></span></center>
|
||||
|
|
@ -114,8 +114,8 @@ than <code>C</code>, <code>C++</code> or <code>Java</code> for example.
|
|||
One of the best property of Haskell being:</p>
|
||||
|
||||
<blockquote>
|
||||
<p>“If your program compile it will be
|
||||
very close to what the programmer intended”.</p>
|
||||
<p>“If your program compile it will be
|
||||
very close to what the programmer intended”.</p>
|
||||
</blockquote>
|
||||
|
||||
<p>Haskell web frameworks handle parallel tasks perfectly.
|
||||
|
|
@ -123,9 +123,9 @@ For example even better than node.js<sup id="fnref:nodejstroll"><a href="#fn:nod
|
|||
|
||||
<p><img alt="Thousands of Agent Smith" src="/Scratch/img/blog/Yesod-tutorial-for-newbies/thousands_smiths.jpg" class="left" /></p>
|
||||
|
||||
<p>From the pure technical “point of vue”,
|
||||
<p>From the pure technical “point of vue”,
|
||||
Haskell seems to be the perfect web development tool.
|
||||
Weaknesses of Haskell certainly won’t be technical:</p>
|
||||
Weaknesses of Haskell certainly won’t be technical:</p>
|
||||
|
||||
<ul>
|
||||
<li>Hard to grasp Haskell</li>
|
||||
|
|
@ -134,7 +134,7 @@ Weaknesses of Haskell certainly won’t be technical:</p>
|
|||
<li>There is no <a href="http://heroku.com">heroku</a> for Haskell (even if <a href="http://www.yesodweb.com/blog/2011/07/haskell-on-heroku">Greg Weber did it</a>, it was more a workaround).</li>
|
||||
</ul>
|
||||
|
||||
<p>I won’t say these are not important drawbacks.
|
||||
<p>I won’t say these are not important drawbacks.
|
||||
But, with Haskell your web application will have both properties
|
||||
to absorb an impressive number of parallel request securely
|
||||
and to adapt to change.</p>
|
||||
|
|
@ -147,7 +147,7 @@ and to adapt to change.</p>
|
|||
<li><a href="http://yesodweb.com">Yesod</a></li>
|
||||
</ol>
|
||||
|
||||
<p>I don’t think there is a real winner between these three framework.
|
||||
<p>I don’t think there is a real winner between these three framework.
|
||||
The choice I made for yesod is highly subjective.
|
||||
I just lurked a bit and tried some tutorials.
|
||||
I had the feeling yesod make a better job at helping newcomers.
|
||||
|
|
@ -159,16 +159,16 @@ Of course I might be wrong since it is a matter of feeling.</p>
|
|||
<p>Why did I write this article?
|
||||
The yesod documentation and particularly the book are excellent.
|
||||
But I missed an intermediate tutorial.
|
||||
This tutorial won’t explain all details.
|
||||
This tutorial won’t explain all details.
|
||||
I tried to give a step by step of how to start from a five minute tutorial
|
||||
to an almost production ready architecture.
|
||||
Furthermore explaining something to others is a great way to learn.
|
||||
If you are used to Haskell and Yesod, this tutorial won’t learn you much.
|
||||
If you are used to Haskell and Yesod, this tutorial won’t learn you much.
|
||||
If you are completely new to Haskell and Yesod it might hopefully helps you.</p>
|
||||
|
||||
<p>During this tutorial you’ll install, initialize and configure your first yesod project.
|
||||
<p>During this tutorial you’ll install, initialize and configure your first yesod project.
|
||||
Then there is a very minimal 5 minutes yesod tutorial to heat up and verify the awesomeness of yesod.
|
||||
Then we will clean up the 5 minutes tutorial to use some “best practices”.
|
||||
Then we will clean up the 5 minutes tutorial to use some “best practices”.
|
||||
Finally there will be a more standard real world example; a minimal blog system.</p>
|
||||
|
||||
<h2 id="before-the-real-start">Before the real start</h2>
|
||||
|
|
@ -262,7 +262,7 @@ and a local web server listening the port 3000.
|
|||
If we modify a file inside this directory, yesod should try
|
||||
to recompile as fast as possible the site.
|
||||
Instead of explaining the role of every file,
|
||||
let’s focus only on the important files/directories for this tutorial:</p>
|
||||
let’s focus only on the important files/directories for this tutorial:</p>
|
||||
|
||||
<ol>
|
||||
<li><code>config/routes</code></li>
|
||||
|
|
@ -277,7 +277,7 @@ let’s focus only on the important files/directories for this tutorial:</p>
|
|||
<tbody>
|
||||
<tr>
|
||||
<td><code>config/routes</code></td>
|
||||
<td>is where you’ll configure the map <span class="sc">url</span> → Code.</td>
|
||||
<td>is where you’ll configure the map <span class="sc">url</span> → Code.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>Handler/</code></td>
|
||||
|
|
@ -289,13 +289,13 @@ let’s focus only on the important files/directories for this tutorial:</p>
|
|||
</tr>
|
||||
<tr>
|
||||
<td><code>config/models</code></td>
|
||||
<td>is where you’ll configure the persistent objects (database tables).</td>
|
||||
<td>is where you’ll configure the persistent objects (database tables).</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<p>During this tutorial we’ll modify other files as well,
|
||||
but we won’t explore them in detail.</p>
|
||||
<p>During this tutorial we’ll modify other files as well,
|
||||
but we won’t explore them in detail.</p>
|
||||
|
||||
<p>Also note, shell command are executed in the root directory of your project instead specified otherwise.</p>
|
||||
|
||||
|
|
@ -304,16 +304,16 @@ but we won’t explore them in detail.</p>
|
|||
<h2 id="echo">Echo</h2>
|
||||
|
||||
<p>To verify the quality of the security of the yesod framework,
|
||||
let’s make a minimal echo application.</p>
|
||||
let’s make a minimal echo application.</p>
|
||||
|
||||
<blockquote>
|
||||
<p>Goal:</p>
|
||||
|
||||
<p>Make a server that when accessed <code>/echo/[some text]</code> should return a web page containing “some text” inside an <code>h1</code> bloc.</p>
|
||||
<p>Make a server that when accessed <code>/echo/[some text]</code> should return a web page containing “some text” inside an <code>h1</code> bloc.</p>
|
||||
</blockquote>
|
||||
|
||||
<p>In a first time, we must declare the <span class="sc">url</span> of the form <code>/echo/...</code> are meaningful.
|
||||
Let’s take a look at the file <code>config/routes</code>:</p>
|
||||
Let’s take a look at the file <code>config/routes</code>:</p>
|
||||
|
||||
<pre>
|
||||
/static StaticR Static getStatic
|
||||
|
|
@ -341,7 +341,7 @@ I am not particularly fan of the big R notation but this is the standard convent
|
|||
Application.hs:31:1: Not in scope: `getEchoR'
|
||||
</pre>
|
||||
|
||||
<p>Why? Simply because we didn’t written the code for the handler <code>EchoR</code>.
|
||||
<p>Why? Simply because we didn’t written the code for the handler <code>EchoR</code>.
|
||||
Edit the file <code>Handler/Root.hs</code> and append this:</p>
|
||||
|
||||
<pre class="twilight">
|
||||
|
|
@ -351,13 +351,13 @@ getEchoR theText = <span class="Keyword">do</span>
|
|||
[whamlet|<h1>#{theText}|]
|
||||
</pre>
|
||||
|
||||
<p>Don’t worry if you find all of this a bit cryptic.
|
||||
<p>Don’t worry if you find all of this a bit cryptic.
|
||||
In short it just declare a function named <code>getEchoR</code> with one argument (<code>theText</code>) of type String.
|
||||
When this function is called, it return a <code>Handler RepHtml</code> whatever it is.
|
||||
But mainly this will encapsulate our expected result inside an <span class="sc">html</span> text.</p>
|
||||
|
||||
<p>After saving the file, you should see yesod recompile the application.
|
||||
When the compilation is finished you’ll see the message: <code>Starting devel application</code>.</p>
|
||||
When the compilation is finished you’ll see the message: <code>Starting devel application</code>.</p>
|
||||
|
||||
<p>Now you can visit: <a href="http://localhost:3000/echo/Yesod%20rocks!"><code>http://localhost:3000/echo/Yesod%20rocks!</code></a></p>
|
||||
|
||||
|
|
@ -379,9 +379,9 @@ A malicious user could not hide some bad script inside.</p>
|
|||
The <span class="sc">url</span> string is put inside a <span class="sc">url</span> type.
|
||||
Then the interesting part in the <span class="sc">url</span> is put inside a String type.
|
||||
To pass from <span class="sc">url</span> type to String type some transformation are made.
|
||||
For example, replace all “<code>%20</code>” by space characters.
|
||||
For example, replace all “<code>%20</code>” by space characters.
|
||||
Then to show the String inside an <span class="sc">html</span> document, the string is put inside an <span class="sc">html</span> type.
|
||||
Some transformations occurs like replace “<code><</code>” by “<code>&lt;</code>”.
|
||||
Some transformations occurs like replace “<code><</code>” by “<code>&lt;</code>”.
|
||||
Thanks to yesod, this tedious job is done for us.</p>
|
||||
|
||||
<pre class="twilight">
|
||||
|
|
@ -406,7 +406,7 @@ We will clean up many details:</p>
|
|||
<li>Use a general <span class="sc">css</span> (cleaner than the empty by default)</li>
|
||||
<li>Dispatch handler code into different files</li>
|
||||
<li>Use <code>Data.Text</code> instead of <code>String</code></li>
|
||||
<li>Put our “views”<sup id="fnref:explainviewwidget"><a href="#fn:explainviewwidget" rel="footnote">4</a></sup> inside the <code>template</code> directory</li>
|
||||
<li>Put our “views”<sup id="fnref:explainviewwidget"><a href="#fn:explainviewwidget" rel="footnote">4</a></sup> inside the <code>template</code> directory</li>
|
||||
</ul>
|
||||
|
||||
<h4 id="span-classschtml5span-boilerplate-and-a-better-span-classsccssspan"><span class="sc">html5</span> boilerplate and a better <span class="sc">css</span></h4>
|
||||
|
|
@ -456,7 +456,7 @@ But I digress.</p>
|
|||
|
||||
<h4 id="separate-handlers">Separate Handlers</h4>
|
||||
|
||||
<p>Generally you don’t want to have all your code inside a unique file.
|
||||
<p>Generally you don’t want to have all your code inside a unique file.
|
||||
This is why we will separate our handlers.
|
||||
In a first time create a new file <code>Handler/Echo.hs</code> containing:</p>
|
||||
|
||||
|
|
@ -481,7 +481,7 @@ Just after <code>Handler.Root</code>, add:</p>
|
|||
</pre>
|
||||
|
||||
<p>We must also declare this new Handler module inside <code>Application.hs</code>.
|
||||
Just after the “<code>import Handler.Root</code>”, add:</p>
|
||||
Just after the “<code>import Handler.Root</code>”, add:</p>
|
||||
|
||||
<pre class="twilight">
|
||||
<span class="Keyword">import</span> <span class="Constant">Handler</span>.<span class="Constant">Echo</span>
|
||||
|
|
@ -553,11 +553,11 @@ It is the time to make a slightly more complex example.</p>
|
|||
|
||||
<p><img alt="Neo touching a mirror" src="/Scratch/img/blog/Yesod-tutorial-for-newbies/mirror.jpg" class="left" /></p>
|
||||
|
||||
<p>Let’s make another minimal application.
|
||||
<p>Let’s make another minimal application.
|
||||
You should see a form containing a text field and a validation button.
|
||||
When you enter some text (for example “Jormungad”) and validate,
|
||||
When you enter some text (for example “Jormungad”) and validate,
|
||||
the next page present you the content and its reverse appended to it.
|
||||
In our example it should return “JormungaddagnumroJ”. </p>
|
||||
In our example it should return “JormungaddagnumroJ”. </p>
|
||||
|
||||
<p>First, add a new route:</p>
|
||||
|
||||
|
|
@ -588,12 +588,12 @@ postMirrorR = <span class="Keyword">do</span>
|
|||
</pre>
|
||||
</div></div>
|
||||
|
||||
<p>Don’t forget to declare it inside <code>yosog.cabal</code> and <code>Application.hs</code>.</p>
|
||||
<p>Don’t forget to declare it inside <code>yosog.cabal</code> and <code>Application.hs</code>.</p>
|
||||
|
||||
<p>We will need to use the <code>reverse</code> function provided by <code>Data.Text</code>
|
||||
which explain the additional import.</p>
|
||||
|
||||
<p>The only new thing here is the line that get the POST parameter named “content”.
|
||||
<p>The only new thing here is the line that get the POST parameter named “content”.
|
||||
If you want to know more detail about it and form in general you can take
|
||||
look at <a href="http://www.yesodweb.com/book/forms">the yesod book</a>.</p>
|
||||
|
||||
|
|
@ -618,9 +618,9 @@ look at <a href="http://www.yesodweb.com/book/forms">the yesod book</a>.</p>
|
|||
</div></div>
|
||||
|
||||
<p>And that is all.
|
||||
This time, we won’t need to clean up.
|
||||
This time, we won’t need to clean up.
|
||||
We may have used another way to generate the form
|
||||
but we’ll see this in the next section.</p>
|
||||
but we’ll see this in the next section.</p>
|
||||
|
||||
<p>Just try it by <a href="http://localhost:3000/mirror">clicking here</a>.</p>
|
||||
|
||||
|
|
@ -664,7 +664,7 @@ If you forget it, there will be an error.</p>
|
|||
<p>After the route and the model, we write the handler.
|
||||
First, declare a new Handler module.
|
||||
Add <code>import Handler.Blog</code> inside <code>Application.hs</code> and add it into <code>yosog.cabal</code>.
|
||||
Let’s write the content of <code>Handler/Blog.hs</code>.
|
||||
Let’s write the content of <code>Handler/Blog.hs</code>.
|
||||
We start by declaring the module and by importing some block necessary to
|
||||
handle Html in forms.</p>
|
||||
|
||||
|
|
@ -698,7 +698,7 @@ entryForm = renderDivs $ <span class="Constant">Article</span>
|
|||
</pre>
|
||||
|
||||
<p>This function defines a form for adding a new article.
|
||||
Don’t pay attention to all the syntax.
|
||||
Don’t pay attention to all the syntax.
|
||||
If you are curious you can take a look at Applicative Functor.
|
||||
You just have to remember <code>areq</code> is for required form input.
|
||||
Its arguments being: <code>areq type label default_value</code>.</p>
|
||||
|
|
@ -741,7 +741,7 @@ $else
|
|||
</div></div>
|
||||
|
||||
<p>You should remark we added some logic inside the template.
|
||||
There is a test and a “loop”.</p>
|
||||
There is a test and a “loop”.</p>
|
||||
|
||||
<p>Another very interesting part is the creation of the form.
|
||||
The <code>articleWidget</code> was created by yesod.
|
||||
|
|
@ -830,7 +830,7 @@ I made it very minimal.
|
|||
If you want to go further, you should take a look at the
|
||||
recent <a href="http://yesodweb.com/blog/2012/01/blog-example">i18n blog tutorial</a>.
|
||||
It will be obvious I inspired my own tutorial on it.
|
||||
You’ll learn in a very straightforward way how easy it is to use authorizations,
|
||||
You’ll learn in a very straightforward way how easy it is to use authorizations,
|
||||
Time and internationalization.
|
||||
The example on also add a comment system.</p>
|
||||
|
||||
|
|
@ -838,16 +838,16 @@ The example on also add a comment system.</p>
|
|||
<hr/><div class="footnotes">
|
||||
<ol>
|
||||
<li id="fn:benchmarkdigression">
|
||||
<p>One can argue these benchmark contains many problems. But benchmark are just here to give an order of idea. Mainly Haskell is very fast.<a href="#fnref:benchmarkdigression" rel="reference">↩</a></p>
|
||||
<p>One can argue these benchmark contains many problems. But benchmark are just here to give an order of idea. Mainly Haskell is very fast.<a href="#fnref:benchmarkdigression" rev="footnote">↩</a></p>
|
||||
</li>
|
||||
<li id="fn:speeddigression">
|
||||
<p>Generally <em>high level</em> Haskell is slower than C, but <em>low level</em> Haskell is equivalent to C speed. It means that even if you can easily link C code with Haskell, this is not needed to reach the same speed. Furthermore writing a web service in C/C++ seems to be a very bad idea. You can take a look at a <a href="http://news.ycombinator.com/item?id=3449388">discussion on HN about this</a>. <a href="#fnref:speeddigression" rel="reference">↩</a></p>
|
||||
<p>Generally <em>high level</em> Haskell is slower than C, but <em>low level</em> Haskell is equivalent to C speed. It means that even if you can easily link C code with Haskell, this is not needed to reach the same speed. Furthermore writing a web service in C/C++ seems to be a very bad idea. You can take a look at a <a href="http://news.ycombinator.com/item?id=3449388">discussion on HN about this</a>. <a href="#fnref:speeddigression" rev="footnote">↩</a></p>
|
||||
</li>
|
||||
<li id="fn:nodejstroll">
|
||||
<p>If you are curious, you can search about <a href="http://www.unlimitednovelty.com/2011/10/nodejs-has-jumped-shark.html">the Fibonacci node.js troll</a>. Without any tweaking, <a href="http://mathias-biilmann.net/posts/2011/10/is-haskell-the-cure">Haskell handled this problem perfectly</a>. I tested it myself using yesod instead of Snap.<a href="#fnref:nodejstroll" rel="reference">↩</a></p>
|
||||
<p>If you are curious, you can search about <a href="http://www.unlimitednovelty.com/2011/10/nodejs-has-jumped-shark.html">the Fibonacci node.js troll</a>. Without any tweaking, <a href="http://mathias-biilmann.net/posts/2011/10/is-haskell-the-cure">Haskell handled this problem perfectly</a>. I tested it myself using yesod instead of Snap.<a href="#fnref:nodejstroll" rev="footnote">↩</a></p>
|
||||
</li>
|
||||
<li id="fn:explainviewwidget">
|
||||
<p>By view I mean yesod widget’s hamlet, lucius and julius files. <a href="#fnref:explainviewwidget" rel="reference">↩</a></p>
|
||||
<p>By view I mean yesod widget’s hamlet, lucius and julius files. <a href="#fnref:explainviewwidget" rev="footnote">↩</a></p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@
|
|||
|
||||
<p><span class="sc"><abbr title="Too long; didn't read">tl;dr</abbr>: </span> A simple yesod tutorial.
|
||||
Yesod is an Haskell web framework.
|
||||
You shouldn&rsquo;t need to know Haskell. </p>
|
||||
You shouldn’t need to know Haskell. </p>
|
||||
|
||||
<blockquote>
|
||||
<center><span class="sc"><b>Table of content</b></span></center>
|
||||
|
|
@ -41,7 +41,7 @@ You shouldn&rsquo;t need to know Haskell. </p>
|
|||
</ul>
|
||||
</li>
|
||||
<li><a href="#echo">Echo</a> <ul>
|
||||
</ul></li></ul></blockquote></div></p></content>
|
||||
<li></li></ul></li></ul></blockquote></div></p></content>
|
||||
</entry>
|
||||
<entry>
|
||||
<id>tag:yannesposito.com,2011-10-20:/Scratch/en/blog/SVG-and-m4-fractals/</id>
|
||||
|
|
@ -91,7 +91,7 @@ Then some believed it would be a good idea to invent many <span class="sc">
|
|||
<p><span class="sc"><abbr title="Too long; didn't read">tl;dr</abbr>: </span></p>
|
||||
|
||||
<p><a href="http://www.yesodweb.com">Yesod</a> is a web framework which recently reached the maturity for which you should consider to use it.
|
||||
Before telling you why you should learn Haskell and use yesod, I will talk about ideas yesod introduced and I didn&rsquo;t saw in other frameworks before.</p>
|
||||
Before telling you why you should learn Haskell and use yesod, I will talk about ideas yesod introduced and I didn’t saw in other frameworks before.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
@ -99,11 +99,11 @@ Before telling you why you should learn Haskell and use yesod, I will talk about
|
|||
|
||||
<h2 id="type-safety">Type safety</h2>
|
||||
|
||||
<p>Let&rsquo;s start by an obligatory link from <a href="http://xkcd.com">xkcd</a>:</p>
|
||||
<p>Let’s start by an obligatory link from <a href="http://xkcd.com">xkcd</a>:</p>
|
||||
|
||||
<p><img src="http://imgs.xkcd.com/comics/exploits_of_a_mom.png" alt="SQL injection by a mom" /></p>
|
||||
|
||||
<p>When you create a web application, a lot of time is spent...</p></p></p></content>
|
||||
<p>When you create a web application, a lot of time is spent dealing wit...</p></p></p></content>
|
||||
</entry>
|
||||
<entry>
|
||||
<id>tag:yannesposito.com,2011-09-28:/Scratch/en/blog/Higher-order-function-in-zsh/</id>
|
||||
|
|
@ -132,13 +132,13 @@ Simply because, the more I programmed with zsh the more I tended to work using f
|
|||
|
||||
<p>The minimal to have better code are the functions <code>map</code>, <code>filter</code> and <code>fold</code>.</p>
|
||||
|
||||
<p>Let&rsquo;s compare.
|
||||
<p>Let’s compare.
|
||||
First a program which convert all gif to png in many different directories of different projects.</p>
|
||||
|
||||
<p>Before ⇒</p>
|
||||
<p>Before ⇒</p>
|
||||
|
||||
<pre class="twilight">
|
||||
<span class="Comment"><span class="Comment">#</span> for each directory in...</span></pre></p></content>
|
||||
<span class="Comment"><span class="Comment">#</span> for each directory in project...</span></pre></p></content>
|
||||
</entry>
|
||||
<entry>
|
||||
<id>tag:yannesposito.com,2011-09-28:/Scratch/en/blog/programming-language-experience/</id>
|
||||
|
|
@ -166,11 +166,11 @@ First a program which convert all gif to png in many different directories of di
|
|||
The language of my firsts programs!
|
||||
I was about 10, with an <code>MO5</code> and <code>Amstrad CPC 6128</code> and even with my <code>Atari STe</code>.
|
||||
This is the language of <code>GOTO</code>s.
|
||||
Ô nostalgia.
|
||||
Ô nostalgia.
|
||||
Unfortunately this might be the only interesting part of this language.</p>
|
||||
|
||||
<p>Today this language is obsolescent.
|
||||
It is not even good to learn programming...</p></p></p></content>
|
||||
It is not even good to learn programming....</p></p></p></content>
|
||||
</entry>
|
||||
<entry>
|
||||
<id>tag:yannesposito.com,2011-08-25:/Scratch/en/blog/Learn-Vim-Progressively/</id>
|
||||
|
|
@ -182,7 +182,7 @@ It is not even good to learn programming...</p></p></p></conte
|
|||
<uri>yannesposito.com</uri>
|
||||
</author>
|
||||
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/Learn-Vim-Progressively/"/>
|
||||
<content type="html"><p><img alt="Über leet use vim!" src="/Scratch/img/blog/Learn-Vim-Progressively/uber_leet_use_vim.jpg" /></p>
|
||||
<content type="html"><p><img alt="Über leet use vim!" src="/Scratch/img/blog/Learn-Vim-Progressively/uber_leet_use_vim.jpg" /></p>
|
||||
|
||||
|
||||
<div class="intro">
|
||||
|
|
@ -201,14 +201,14 @@ It is not even good to learn programming...</p></p></p></conte
|
|||
</blockquote>
|
||||
|
||||
<p>Learn <a href="http://www.vim.org">vim</a> and it will be your last text editor.
|
||||
There isn&rsquo;t any better text editor I know.
|
||||
There isn’t any better text editor I know.
|
||||
Hard to learn, but incredible to use.</p>
|
||||
|
||||
<p>I suggest you to learn it in 4 steps:</p>
|
||||
|
||||
<ol>
|
||||
<li>Survive</li>
|
||||
...</ol></p></content>
|
||||
<li>Fe...</li></ol></p></content>
|
||||
</entry>
|
||||
<entry>
|
||||
<id>tag:yannesposito.com,2011-08-17:/Scratch/en/blog/A-more-convenient-diff/</id>
|
||||
|
|
@ -224,7 +224,7 @@ Hard to learn, but incredible to use.</p>
|
|||
|
||||
<p>This is why, when you use <code>git</code> it will use a better formatting and colorize it.</p>
|
||||
|
||||
<p>Here is the script I use when I want to use human readable <code>diff</code> à la git. </p>
|
||||
<p>Here is the script I use when I want to use human readable <code>diff</code> à la git. </p>
|
||||
|
||||
<div class="code"><div class="file"><a href="/Scratch/en/blog/A-more-convenient-diff/code/ydiff"> &#x27A5; ydiff </a></div><div class="withfile">
|
||||
<pre class="twilight">
|
||||
|
|
@ -280,9 +280,9 @@ I use a different password on all website.</p>
|
|||
|
||||
|
||||
<p>Disclamer, this is an unashamed attempt to make you download my iPhone app&nbsp;;-).
|
||||
You&rsquo;re always here?
|
||||
Even if you won&rsquo;t download my app, you should read more.
|
||||
My method doesn&rsquo;t necessitate my app.
|
||||
You’re always here?
|
||||
Even if you won’t download my app, you should read more.
|
||||
My method doesn’t necessitate my app.
|
||||
It is both safe and easy to use everyday.</p>
|
||||
|
||||
<p>If you just want to <em>use</em> the tools without searching to understand why it is safe, just jump at the </p></p></div></p></content>
|
||||
|
|
@ -320,7 +320,7 @@ It is both safe and easy to use everyday.</p>
|
|||
|
||||
<p><em>Update</em>: I might change my mind now. Why?
|
||||
I just discovered a <a href="https://github.com/rstacruz/js2coffee">js2coffee converter</a>. Furthermore Denis Knauf told me about a <code>CoffeeScript.eval</code> function.
|
||||
And as Denis said: &ldquo;it is time to use Coffeescript as a javascript with Ruby-like syntax not a Ruby-like programming language&rdquo;.</p>
|
||||
And as Denis said: “it is time to use Coffeescript as a javascript with Ruby-like syntax not a Ruby-like programming language”.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
@ -374,14 +374,14 @@ But I will revive a bit this blog.</p>
|
|||
<div class="intro">
|
||||
|
||||
|
||||
<p><span class="sc"><abbr title="Too long; didn't read">tl;dr</abbr>: </span> I made a simple macro system for my blog. Now I juste have to write %<span></span>latex and it show as <span style="text-transform: uppercase">L<sup style="vertical-align: 0.15em; margin-left: -0.36em; margin-right: -0.15em; font-size: .85em">a</sup>T<sub style="vertical-align: -0.5ex; margin-left: -0.1667em; margin-right: -0.125em; font-size: 1em">e</sub>X</span>.</p>
|
||||
<p><span class="sc"><abbr title="Too long; didn't read">tl;dr</abbr>: </span> I made a simple macro system for my blog. Now I juste have to write %<span />latex and it show as <span style="text-transform: uppercase">L<sup style="vertical-align: 0.15em; margin-left: -0.36em; margin-right: -0.15em; font-size: .85em">a</sup>T<sub style="vertical-align: -0.5ex; margin-left: -0.1667em; margin-right: -0.125em; font-size: 1em">e</sub>X</span>.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<p>I added a macro system for my blog system.
|
||||
When we are used to <span style="text-transform: uppercase">L<sup style="vertical-align: 0.15em; margin-left: -0.36em; margin-right: -0.15em; font-size: .85em">a</sup>T</span></p></content>
|
||||
When we are used to <span style="text-transform: uppercase">L<sup style="vertical-align: 0.15em; margin-left: -0.36em; margin-right: -0.15em; font-size: .85em">a</sup>T<sub style="vertical-align: -0.5ex; margin-left: -0.1667em; margin-right: -0.125em; font-size: 1em">e</sub></span></p></div></content>
|
||||
</entry>
|
||||
<entry>
|
||||
<id>tag:yannesposito.com,2010-10-14:/Scratch/en/blog/2010-10-14-Fun-with-wav/</id>
|
||||
|
|
@ -399,7 +399,7 @@ When we are used to <span style="text-transform: uppercase">L<sup style
|
|||
|
||||
<p><span class="sc"><abbr title="Too long; didn't read">tl;dr</abbr>: </span> Played to process a <code>wav</code> file. <code>C</code> was easier and cleaner than Ruby.</p>
|
||||
|
||||
<p>edit: I wanted this program to work only on one specific machine (a x86 on a 32 bit Ubuntu). Therefore I didn&rsquo;t had any portability consideration. This is only a <em>hack</em>.</p>
|
||||
<p>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 <em>hack</em>.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
@ -408,11 +408,11 @@ When we are used to <span style="text-transform: uppercase">L<sup style
|
|||
<p>I had to compute the sum of the absolute values of data of a <code>.wav</code> file.
|
||||
For efficiency (and fun) reasons, I had chosen <code>C</code> language.</p>
|
||||
|
||||
<p>I didn&rsquo;t programmed in <code>C</code> for a long time.
|
||||
<p>I didn’t programmed in <code>C</code> 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 know...</p></content>
|
||||
This is even more impressive knowing I used m...</p></content>
|
||||
</entry>
|
||||
<entry>
|
||||
<id>tag:yannesposito.com,2010-10-10:/Scratch/en/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/</id>
|
||||
|
|
@ -445,12 +445,12 @@ This is even more impressive know...</p></content>
|
|||
</div>
|
||||
|
||||
|
||||
<p>I&rsquo;ve (re)discovered how to become S/MIME compliant.
|
||||
<p>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&rsquo;m able to sign and encrypt my emails.</p>
|
||||
Now I’m able to sign and encrypt my emails.</p>
|
||||
|
||||
</p></content>
|
||||
<h2 id="why-is-it-important">Why is it ...</h2></p></content>
|
||||
</entry>
|
||||
<entry>
|
||||
<id>tag:yannesposito.com,2010-10-06:/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/</id>
|
||||
|
|
@ -472,7 +472,7 @@ But the major problem came from, <code>font-shadow</code> and gradie
|
|||
Then my new design obey to the following rules:</p>
|
||||
|
||||
<ul>
|
||||
<li>no CSS element begining by &lsquo;-moz&rsquo; or &lsquo;-webkit&rsquo;, etc&hellip;,</li>
|
||||
<li>no CSS element begining by ‘-moz’ or ‘-webkit’, etc…,</li>
|
||||
<li>no text shadow,</li>
|
||||
<li>clean (I mean delete) most javascript.</li>
|
||||
</ul>
|
||||
|
|
@ -493,7 +493,7 @@ Then my new design obey to the following rules:</p>
|
|||
<content type="html"><p>You can remark at the bottom of each page I provide a last modification date.
|
||||
This label was first calculated using the <code>mtime</code> of the file on the file system.
|
||||
But many times I modify this date just to force some recompilation.
|
||||
Therefore the date wasn&rsquo;t a date of <em>real</em> modification.</p>
|
||||
Therefore the date wasn’t a date of <em>real</em> modification.</p>
|
||||
|
||||
<p>I use <a href="http://git-scm.org">git</a> to version my website.
|
||||
And fortunately I can know the last date of <em>real</em> change of a file.
|
||||
|
|
@ -501,7 +501,7 @@ This is how I do this with <a href="http://nanoc.stoneship.org">nanoc</
|
|||
|
||||
<div class="code"><div class="file"><a href="/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/code/gitmtime.rb"> &#x27A5; gitmtime.rb </a></div><div class="withfile">
|
||||
<pre class="twilight">
|
||||
<span class="Keyword">def</span> </pre></div></div></content>
|
||||
<span class="Keyword">def</span> <span class="Entity">g...</span></pre></div></div></content>
|
||||
</entry>
|
||||
<entry>
|
||||
<id>tag:yannesposito.com,2010-09-02:/Scratch/en/blog/2010-09-02-base64-and-sha1-on-iPhone/</id>
|
||||
|
|
@ -519,11 +519,11 @@ here are two functions to add to your code to have <code>base64</code&g
|
|||
<p>To use it, simply copy the code in your class and use as this:</p>
|
||||
|
||||
<pre class="twilight">
|
||||
<span class="CCCPreprocessorLine">#<span class="CCCPreprocessorDirective">import</span> <span class="String"><span class="String">&lt;</span>CommonCrypto/CommonDigest.h<span class="String">&gt;</span></span></span>
|
||||
#import &lt;CommonCrypto/CommonDigest.h&gt;
|
||||
...
|
||||
<span class="Support">NSString</span> *b64_hash = [<span class="Variable">self</span> <span class="SupportFunction">b64_sha1<span class="SupportFunction">:</span></span><span class="String"><span class="String">@&quot;</span>some NSString to be sha1'ed<span class="String">&quot;</span></span>];
|
||||
...
|
||||
</pre></content>
|
||||
<span class="Support">NSString</span> *hex_hash = [<span class="Variable">self</span> <span class="SupportFunction">hex_sha1<span class="SupportFunction">:</span></span></pre></content>
|
||||
</entry>
|
||||
<entry>
|
||||
<id>tag:yannesposito.com,2010-08-31:/Scratch/en/blog/2010-08-31-send-mail-from-command-line-with-attached-file/</id>
|
||||
|
|
@ -536,8 +536,8 @@ here are two functions to add to your code to have <code>base64</code&g
|
|||
</author>
|
||||
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2010-08-31-send-mail-from-command-line-with-attached-file/"/>
|
||||
<content type="html"><p>I had to send a mail using only command line.
|
||||
I was surprised it isn&rsquo;t straightforward at all.
|
||||
I didn&rsquo;t had <code>pine</code> nor <code>mutt</code> or anything like that.
|
||||
I was surprised it isn’t straightforward at all.
|
||||
I didn’t had <code>pine</code> nor <code>mutt</code> or anything like that.
|
||||
Just <code>mail</code> and <code>mailx</code>.</p>
|
||||
|
||||
<p>What Internet say (via google) is</p>
|
||||
|
|
@ -548,13 +548,14 @@ uuencode fic.jpg fic.jpg <span class="Keyword">|</span> mail -s <
|
|||
|
||||
<p>I tried it.
|
||||
And it works almost each times.
|
||||
But for my file, it didn&rsquo;t worked.
|
||||
But for my file, it didn’t worked.
|
||||
I compressed it to <code>.gz</code>, <code>.bz2</code> and <code>.zip</code>.
|
||||
Using <code>.bz2</code> format it worked nicely, but not with other formats.
|
||||
Instead of having an attached file I saw this in my email.</p>
|
||||
|
||||
<pre>
|
||||
begin 664 fic....</pre></content>
|
||||
begin 664 fic.jpg
|
||||
M(R$O=7-R+V)I;...</pre></content>
|
||||
</entry>
|
||||
<entry>
|
||||
<id>tag:yannesposito.com,2010-08-23:/Scratch/en/blog/2010-08-23-Now-heberged-on-heroku/</id>
|
||||
|
|
@ -622,10 +623,10 @@ But here is the conf to make it work on heroku.</p>
|
|||
|
||||
<p>If a demiurge made our world, he certainly had a great sense of humor.
|
||||
After this read, you should be convinced.
|
||||
I&rsquo;ll pretend to be him.
|
||||
I&rsquo;ll create a simplified world.
|
||||
I’ll pretend to be him.
|
||||
I’ll create a simplified world.
|
||||
A world that obey to simple mathematical rules.
|
||||
And I&rsquo;ll...</p></div></content>
|
||||
And I’ll tell you about on...</p></div></content>
|
||||
</entry>
|
||||
<entry>
|
||||
<id>tag:yannesposito.com,2010-07-31:/Scratch/en/blog/2010-07-31-New-style-after-holidays/</id>
|
||||
|
|
@ -656,7 +657,7 @@ I was inspired by Readability and iBooks<small>&copy;</small> (t
|
|||
</author>
|
||||
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator/"/>
|
||||
<content type="html"><p>Some <a href="http://reddit.com">Reddit</a> users reported my website was really long to load and to scroll.
|
||||
They thinks it was because of the &lsquo;1px shadow&rsquo; I apply on all the text.
|
||||
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 <em>slow</em> virtual machine. And all have always worked fine. In fact, what slow down so much are by order of importance:</p>
|
||||
|
||||
<ol>
|
||||
|
|
@ -668,7 +669,7 @@ I was a bit surprised, because I make some test into a really <em>slow<
|
|||
|
||||
<p>On Safari on Mac there is absolutely no rendering time problem. But when I use Chrome under Linux it is almost unusable.</p>
|
||||
|
||||
<p>Safari and Chrome use webkit, when you access my website with javascript enabled, an additionnal browser specific CSS is loaded....</p></content>
|
||||
<p>Safari and Chrome use webkit, when you access my website with javascript enabled, an additionnal browser specific CSS is loaded. Until now I...</p></content>
|
||||
</entry>
|
||||
<entry>
|
||||
<id>tag:yannesposito.com,2010-07-05:/Scratch/en/blog/2010-07-05-Cappuccino-and-Web-applications/</id>
|
||||
|
|
@ -690,7 +691,7 @@ I was a bit surprised, because I make some test into a really <em>slow<
|
|||
<li>Tried to make <a href="http://yannesposito.com/Softwares/YPassword.html">YPassword</a> in jQuery and with Cappuccino.</li>
|
||||
<li>Cappuccino nice in desktop browser but 1.4MB, not compatible with iPhone.</li>
|
||||
<li>jQuery not as nice as the Cappuccino version but 106KB. iPhone compatible.</li>
|
||||
<li>I&rsquo;ll give a try to Dashcode 3.</li>
|
||||
<li>I’ll give a try to Dashcode 3.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
|
@ -703,7 +704,7 @@ I was a bit surprised, because I make some test into a really <em>slow<
|
|||
|
||||
|
||||
<p>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 exp...</p></div></hr></content>
|
||||
Nonetheless I used these two to make the same web application. This is why I compare the experienc...</p></div></hr></content>
|
||||
</entry>
|
||||
<entry>
|
||||
<id>tag:yannesposito.com,2010-06-19:/Scratch/en/blog/2010-06-19-jQuery-popup-the-easy-way/</id>
|
||||
|
|
@ -788,7 +789,7 @@ You can get it on <a href="http://github.com/yogsototh/nanoc3_blog">github
|
|||
<li><a href="http://intensedebate.org">intenseDebate</a> comments integration (asynchronous)&nbsp;;</li>
|
||||
<li>Portable with and without javascript, XHTML Strict 1.0 / CSS3,</li>
|
||||
<li>Write in markdown format (no HTML editing needed),</li>
|
||||
<li>Typographic ameliorations (no &lsquo;:&rsquo; ...</li></ul></content>
|
||||
<li>Typographic ameliorations (no ‘:’ starting a l...</li></ul></content>
|
||||
</entry>
|
||||
<entry>
|
||||
<id>tag:yannesposito.com,2010-06-14:/Scratch/en/blog/2010-06-14-multi-language-choices/</id>
|
||||
|
|
@ -806,7 +807,7 @@ Most people advice me to have one file per language. Generally it ends with:<
|
|||
<pre class="twilight">
|
||||
Bonjour,
|
||||
|
||||
voici un exemple de texte en français.
|
||||
voici un exemple de texte en français.
|
||||
[image](url)
|
||||
</pre>
|
||||
|
||||
|
|
@ -819,12 +820,12 @@ here is an example of english text.
|
|||
|
||||
<p>This way of handling translations force you to write completely an article in one language, copy it, and translate it.</p>
|
||||
|
||||
<p>However, most of time, there are common parts like images, source code, etc&hellip;
|
||||
<p>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.</p>
|
||||
|
||||
<p>This is why I preferred to handle it differently.
|
||||
I use <em>tags</em> on a single file.
|
||||
Finally my files...</p></content>
|
||||
Finally my files looks l...</p></content>
|
||||
</entry>
|
||||
<entry>
|
||||
<id>tag:yannesposito.com,2010-05-24:/Scratch/en/blog/2010-05-24-Trees--Pragmatism-and-Formalism/</id>
|
||||
|
|
@ -849,7 +850,7 @@ Finally my files...</p></content>
|
|||
<li>Used a pen and a sheet of paper</li>
|
||||
<li>Made some math.</li>
|
||||
<li>Crushed the problem in 10 minutes</li>
|
||||
<li>Conclusion: The pragmatism shouldn&rsquo;t mean &ldquo;never use theory&rdquo;.</li>
|
||||
<li>Conclusion: The pragmatism shouldn’t mean “never use theory”.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
|
@ -860,7 +861,7 @@ Finally my files...</p></content>
|
|||
|
||||
<p>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 <em>infernal</em>: ...</p></content>
|
||||
I entered in the <em>infernal</em>: <em>try &amp; repa...</em></p></content>
|
||||
</entry>
|
||||
<entry>
|
||||
<id>tag:yannesposito.com,2010-05-19:/Scratch/en/blog/2010-05-19-How-to-cut-HTML-and-repair-it/</id>
|
||||
|
|
@ -896,14 +897,14 @@ I entered in the <em>infernal</em>: ...</p></content>
|
|||
<p>The more you wait to do something, the more difficult it is to start doing it.</p>
|
||||
</blockquote>
|
||||
|
||||
<p>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&rsquo;ve always said (until now), I&rsquo;ll do this later. What changed my mind is the haunt of this simple remark about how to be productive in programming.
|
||||
<p>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.
|
||||
&gt; Stop write <code>TODO</code> in your code and make it now!<br />
|
||||
&gt; You&rsquo;ll be surprised by the results.</p>
|
||||
&gt; You’ll be surprised by the results.</p>
|
||||
|
||||
<p>In short:
|
||||
&gt; <strong>Just do it!</strong> ou <strong>Juste fait le</strong> comme auraient dit les nuls.</p>
|
||||
|
||||
<p>Finally I&rsquo;ll certainly write blog post more often for a ...</p></p></content>
|
||||
<p>Finally I’ll certainly write blog post more often for a short period of time.</p></p></content>
|
||||
</entry>
|
||||
<entry>
|
||||
<id>tag:yannesposito.com,2010-03-23:/Scratch/en/blog/2010-03-23-Encapsulate-git/</id>
|
||||
|
|
@ -963,7 +964,7 @@ git clone git+ssh://git@github.com:443/yogsototh/project.git
|
|||
|
||||
<p><code>git clone</code> can only fetch the master branch.</p>
|
||||
|
||||
<p>If you don&rsquo;t have much branches, you can simply use clone your project and then use the following command:</p>
|
||||
<p>If you don’t have much branches, you can simply use clone your project and then use the following command:</p>
|
||||
|
||||
<div><pre class="twilight">
|
||||
git branch --track local_branch remote_branch
|
||||
|
|
@ -974,7 +975,7 @@ git branch --track local_branch remote_branch
|
|||
$ git clone git@github:yogsototh/example.git
|
||||
$ git branch
|
||||
master *
|
||||
$ git ...</pre></div></content>
|
||||
$ git branch...</pre></div></content>
|
||||
</entry>
|
||||
<entry>
|
||||
<id>tag:yannesposito.com,2010-02-23:/Scratch/en/blog/2010-02-23-When-regexp-is-not-the-best-solution/</id>
|
||||
|
|
@ -1006,7 +1007,7 @@ ext<span class="Keyword">=</span><span class="Variable"><sp
|
|||
<uri>yannesposito.com</uri>
|
||||
</author>
|
||||
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2010-02-18-split-a-file-by-keyword/"/>
|
||||
<content type="html"><p>Strangely enough, I didn&rsquo;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.
|
||||
<content type="html"><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>
|
||||
|
||||
<div><pre class="twilight">
|
||||
|
|
@ -1028,7 +1029,7 @@ The following code split a file for each line containing the word <code>UT
|
|||
<uri>yannesposito.com</uri>
|
||||
</author>
|
||||
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2010-02-16-All-but-something-regexp--2-/"/>
|
||||
<content type="html"><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 &lsquo;a&rsquo; and &lsquo;b&rsquo;, for example, you want to match:</p>
|
||||
<content type="html"><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>...
|
||||
|
|
@ -1045,7 +1046,7 @@ a.....<span class="Constant"><strong>a......b</strong></spa
|
|||
|
||||
<pre class="twilight">
|
||||
/a.*?b/
|
||||
<span class="Constant"><strong>...</strong></span></pre></content>
|
||||
<span class="Constant"><strong>a.....a......b</strong></span></pre></content>
|
||||
</entry>
|
||||
<entry>
|
||||
<id>tag:yannesposito.com,2010-02-15:/Scratch/en/blog/2010-02-15-All-but-something-regexp/</id>
|
||||
|
|
@ -1069,7 +1070,7 @@ a.....<span class="Constant"><strong>a......b</strong></spa
|
|||
But, there exists a major problem: the complementary of a regular language might not be regular.
|
||||
Then, for some expression it is absolutely impossible to negate a regular expression.</p>
|
||||
|
||||
<p>But sometimes with some simple regular expression it should be possible<sup><a href="#note1">&dagger;</a></sup>. Say you want to match everything containing the some word say <code>bull</code> but don&rsquo;t want to match </p></content>
|
||||
<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></p></content>
|
||||
</entry>
|
||||
<entry>
|
||||
<id>tag:yannesposito.com,2010-01-12:/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/</id>
|
||||
|
|
@ -1081,7 +1082,7 @@ Then, for some expression it is absolutely impossible to negate a regular expres
|
|||
<uri>yannesposito.com</uri>
|
||||
</author>
|
||||
<link rel="alternate" href="http://yannesposito.com/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/"/>
|
||||
<content type="html"><p>How to stop using bad Microsoft© font under Ubuntu Linux in order to user nice anti aliased font under Firefox.</p>
|
||||
<content type="html"><p>How to stop using bad Microsoft© font under Ubuntu Linux in order to user nice anti aliased font under Firefox.</p>
|
||||
|
||||
<p>Just modify the <code>/etc/fonts/local.conf</code> with the following code: </p>
|
||||
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -54,17 +54,17 @@
|
|||
<div class="corps">
|
||||
<h1 class="first" id="why-this-article-and-for-whom">Why This article and for whom?</h1>
|
||||
|
||||
<p>Many website explaining how MVC works. But I can’t found one who explain why.</p>
|
||||
<p>Many website explaining how MVC works. But I can’t found one who explain why.</p>
|
||||
|
||||
<p>I have difficulties to obey some principle don’t know <em>why</em> I should use it. And something better than the:</p>
|
||||
<p>I have difficulties to obey some principle don’t know <em>why</em> I should use it. And something better than the:</p>
|
||||
|
||||
<blockquote>
|
||||
<p>“Smarter people than you decided you have to do so”</p>
|
||||
<p>“Smarter people than you decided you have to do so”</p>
|
||||
</blockquote>
|
||||
|
||||
<p>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.</p>
|
||||
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
<center>
|
||||
<p> <a href="/Scratch/en/blog/mvc/mvc1">→ Next</a> </p>
|
||||
|
|
|
|||
|
|
@ -99,10 +99,10 @@ Most lines were like:</p>
|
|||
<p><img alt="Dragon fractal" src="/Scratch/img/blog/programming-language-experience/dragon.jpg" class="left" />
|
||||
I was about 10 when I played with logo to draw on the computer.</p>
|
||||
|
||||
<p>I remember the Bach’s music while the program loaded.</p>
|
||||
<p>I remember the Bach’s music while the program loaded.</p>
|
||||
|
||||
<p>At that time we had to load the program into the memory using tapes.
|
||||
This one was a rare one. It didn’t made an awfull ‘Krrrkrr cssssss krrr’ noise.</p>
|
||||
This one was a rare one. It didn’t made an awfull ‘Krrrkrr cssssss krrr’ noise.</p>
|
||||
|
||||
<p>Some years after, I used it to learn programming to my college student.
|
||||
It was really good as a first language.
|
||||
|
|
@ -150,7 +150,7 @@ In the end I prefer C.</p>
|
|||
|
||||
<p><img alt="Pointer representation from Dancing links" src="/Scratch/img/blog/programming-language-experience/C.jpg" class="left" /></p>
|
||||
|
||||
<p>The pointer’s language.</p>
|
||||
<p>The pointer’s language.</p>
|
||||
|
||||
<p><em>Le</em> programming language.</p>
|
||||
|
||||
|
|
@ -161,12 +161,12 @@ If you want to have good quality code, knowing C is almost mandatory.</p>
|
|||
<p>This language is close to machine language.
|
||||
So much, there is (mostly) a linear relation between the size of your code and the size of the compiled one.</p>
|
||||
|
||||
<p>In short, each time you write a C instruction there won’t be anything strange that will occurs, like starting a long algorithm behind the scene.</p>
|
||||
<p>In short, each time you write a C instruction there won’t be anything strange that will occurs, like starting a long algorithm behind the scene.</p>
|
||||
|
||||
<p>It is very close to the machine while keeping sufficient abstractions to be fun.</p>
|
||||
|
||||
<p>I made a lot of program with it.
|
||||
From sort algorithms to AI ones (SAT3), system, network prgramming, etc…
|
||||
From sort algorithms to AI ones (SAT3), system, network prgramming, etc…
|
||||
It is a very useful language that will help you understand how things works on your computer.
|
||||
Most modern computer language hide a lot of informations on what occurs.
|
||||
This is not the case with C.</p>
|
||||
|
|
@ -175,7 +175,7 @@ This is not the case with C.</p>
|
|||
|
||||
<p>The super-clean one.</p>
|
||||
|
||||
<p>I liked ADA. I must confess I didn’t used it a lot.
|
||||
<p>I liked ADA. I must confess I didn’t used it a lot.
|
||||
May be one day I will try it again.
|
||||
I was impressed by asynchronous programming with it.
|
||||
What you need to know is this old language had certainly inspired most new object oriented languages.</p>
|
||||
|
|
@ -184,12 +184,12 @@ What you need to know is this old language had certainly inspired most new objec
|
|||
|
||||
<p>Until here I just described imperative languages without any object notion.</p>
|
||||
|
||||
<p>More clearly, the language didn’t helped you to structure your program.</p>
|
||||
<p>More clearly, the language didn’t helped you to structure your program.</p>
|
||||
|
||||
<p>In order to limit the number of bugs, particularly for huge programs, we started to think about how to organize computer programs.
|
||||
In the end, from the imperatives language culture, it produced the Object Oriented programming (OOP).
|
||||
Beware, the Object Oriented programming isn’t a miracle. Proof? How many bug-free software do you use?
|
||||
Furthermore, OOP doesn’t fit all problems.
|
||||
Beware, the Object Oriented programming isn’t a miracle. Proof? How many bug-free software do you use?
|
||||
Furthermore, OOP doesn’t fit all problems.
|
||||
But to make a bank application, an application which help to manage stock, clients or text archives.
|
||||
I mean an information system, the OOP is not so bad.</p>
|
||||
|
||||
|
|
@ -213,7 +213,7 @@ But in reality, T have to be only <code>char</code> or <code>char16</code>.
|
|||
Then I had to reduce my alphabet to 2<sup>16</sup> letters.
|
||||
Except for some application, the alphabet must be far larger than that.</p>
|
||||
|
||||
<p>To conclude, I’d say, C++ is very good if you work alone or with a fixed subset of its features.</p>
|
||||
<p>To conclude, I’d say, C++ is very good if you work alone or with a fixed subset of its features.</p>
|
||||
|
||||
<h3 id="eiffel">Eiffel</h3>
|
||||
|
||||
|
|
@ -221,7 +221,7 @@ Except for some application, the alphabet must be far larger than that.</p>
|
|||
|
||||
<p>Yes, it is a really nice language.
|
||||
Full object in mind. Far cleaner than C++.
|
||||
But it isn’t so popular.
|
||||
But it isn’t so popular.
|
||||
Behind C++ there is a large community to help new users and to write libraries.
|
||||
Furthermore, I preferred working with C++.
|
||||
At that time I programmed a lot with C and like its syntax.</p>
|
||||
|
|
@ -233,10 +233,10 @@ At that time I programmed a lot with C and like its syntax.</p>
|
|||
<p>The first time I heard about Java it was <em>le Grail</em>!</p>
|
||||
|
||||
<p>Perfect portability, your program will work on all platform.
|
||||
There was incrusted inside the language architecture concepts to help limit mistakes, and force you to use good programming habits. But…</p>
|
||||
There was incrusted inside the language architecture concepts to help limit mistakes, and force you to use good programming habits. But…</p>
|
||||
|
||||
<p>But It is extremely verbose.
|
||||
And limitations are quite boring if you know what you’re doing.</p>
|
||||
And limitations are quite boring if you know what you’re doing.</p>
|
||||
|
||||
<p>For example, there is no multiple inheritance.
|
||||
Generally it is a coherent choice when there are a way to compensate.
|
||||
|
|
@ -252,23 +252,23 @@ And I add to make a bunch of copy/paste inside all my subclasses!
|
|||
Copy/paste are exactly what should be avoided the most by object oriented languages.</p>
|
||||
|
||||
<p>Another thing: threads.
|
||||
I was forced to make my own thread management system to avoid locks and notifications between threads (wait the end of this thread, …).
|
||||
I was forced to make my own thread management system to avoid locks and notifications between threads (wait the end of this thread, …).
|
||||
At that time I used Java 1.5.
|
||||
This problem should have been solved with Java 1.6.
|
||||
I wish it is the case, but lacking such an essential feature for a language was very bad.</p>
|
||||
|
||||
<p>In the same idea, it was very long to wait for the foreach loops.</p>
|
||||
|
||||
<p>After my experience, I don’t recommend Java.
|
||||
<p>After my experience, I don’t recommend Java.
|
||||
Portability does not worth this price.</p>
|
||||
|
||||
<p><abbr title="Graphic User Interface">GUI</abbr> protability means mediocre experience on all platforms.
|
||||
Any system it might be (wxWidget, QT, etc…).</p>
|
||||
Any system it might be (wxWidget, QT, etc…).</p>
|
||||
|
||||
<p>The Java ideology is “closed”. But it resolve a big problem.
|
||||
<p>The Java ideology is “closed”. But it resolve a big problem.
|
||||
It helps medium to low quality developper to work in team without the ability to make too much harm to the product.
|
||||
A good programmer will be able to make very interresting things with it thought.
|
||||
Please note I didn’t say Java programmer are bad programmer.</p>
|
||||
Please note I didn’t say Java programmer are bad programmer.</p>
|
||||
|
||||
<h3 id="objective-c">Objective-C</h3>
|
||||
|
||||
|
|
@ -277,7 +277,7 @@ Please note I didn’t say Java programmer are bad programmer.</p>
|
|||
<p>The language I learned and used only to make application on Apple<small>©</small> platform.
|
||||
I learned Objective-C just after Python.
|
||||
It was hard to do it.
|
||||
At first I didn’t liked the syntax and many other details.
|
||||
At first I didn’t liked the syntax and many other details.
|
||||
But it is this kind of language you like more and more you use it.
|
||||
In fact, Objective-C is a simple language, but associated with the Cocoa framework it is a really good tool.
|
||||
Cocoa is very different to other framework I used before.
|
||||
|
|
@ -288,7 +288,7 @@ It might seems like small details on paper, but once you start using it, it make
|
|||
<p>Even if Objective-C is a relatively low level language.
|
||||
Its dynamic typing ability make it very good for <abbr title="Graphic User Interface">GUI</abbr> programming.
|
||||
I recommand to continue working with this language.
|
||||
In the end you’ll certainely find it better than expected.</p>
|
||||
In the end you’ll certainely find it better than expected.</p>
|
||||
|
||||
<h2 id="modern-scripting-languages">Modern Scripting Languages</h2>
|
||||
|
||||
|
|
@ -298,7 +298,7 @@ In the end you’ll certainely find it better than expected.</p>
|
|||
|
||||
<p>This small script language that we used all to make our website in the time of animated gifs.</p>
|
||||
|
||||
<p>Nice but no more. Apparently there were a lot of progress since PHP5. Maybe one day I’ll use it again. But behind it, this language has a “script kiddies only” reputation.
|
||||
<p>Nice but no more. Apparently there were a lot of progress since PHP5. Maybe one day I’ll use it again. But behind it, this language has a “script kiddies only” reputation.
|
||||
Also long history of easy to make security holes.</p>
|
||||
|
||||
<p>In reality PHP is just behind C for the abstraction level.
|
||||
|
|
@ -306,7 +306,7 @@ Therefore it has a lot of organisation problems and make it easier to create bug
|
|||
For web applications it is a real problem.</p>
|
||||
|
||||
<p>PHP remains for me the SQL injection language.
|
||||
I make a bit of PHP not so long ago, and it was a pain to protect my application to SQL injection. Yep, I didn’t found any standard library to make this, but I didn’t searched a lot.</p>
|
||||
I make a bit of PHP not so long ago, and it was a pain to protect my application to SQL injection. Yep, I didn’t found any standard library to make this, but I didn’t searched a lot.</p>
|
||||
|
||||
<h3 id="python">Python</h3>
|
||||
|
||||
|
|
@ -314,20 +314,20 @@ I make a bit of PHP not so long ago, and it was a pain to protect my application
|
|||
|
||||
<p>Revelation!</p>
|
||||
|
||||
<p>When you were used to work with compiled languages (C++, Java) and you start learning Python, it’s like a punch in the face.
|
||||
<p>When you were used to work with compiled languages (C++, Java) and you start learning Python, it’s like a punch in the face.
|
||||
Programming like it always should have been.
|
||||
Everything is natural, it’s <em>magic</em>.
|
||||
Everything is natural, it’s <em>magic</em>.
|
||||
Yes, as good as this.
|
||||
But something so good must have some drawback.</p>
|
||||
|
||||
<p>And yes, like all interpreted languages, Python is <em>slow</em>.
|
||||
Beware, no just a bit slow like 2 or 3 times slower than C. (like Java for example).
|
||||
No, really slow, about 10 to 20 times slower than C.
|
||||
Argh… Note it is completely usable for many things.</p>
|
||||
Argh… Note it is completely usable for many things.</p>
|
||||
|
||||
<h3 id="awk">Awk</h3>
|
||||
|
||||
<p>If you have to “filter” some files and the filter is not too complicated awk is the ideal language to do this.
|
||||
<p>If you have to “filter” some files and the filter is not too complicated awk is the ideal language to do this.
|
||||
For example, if you want to know which words in a text file are most used.
|
||||
I used it to modify hundred of XML files in an easier manner than XSLT.</p>
|
||||
|
||||
|
|
@ -401,10 +401,10 @@ Generally it takes me no more than some hours to some days to learn a new progra
|
|||
Concerning haskell, this is very different.
|
||||
To master haskell you need to understand very hard concepts.
|
||||
Monads and Arrows are some of them.
|
||||
I didn’t understand them before I read some scientific paper.
|
||||
I didn’t understand them before I read some scientific paper.
|
||||
Many week will be necessary to master it perfectly (if someone does).
|
||||
Also the community is very friendly and nice. There is no “LOL! URAN00B! RTFM!”
|
||||
And no concession has been made to make this language more popular (I’m looking at you C++, Java and Javascript).
|
||||
Also the community is very friendly and nice. There is no “LOL! URAN00B! RTFM!”
|
||||
And no concession has been made to make this language more popular (I’m looking at you C++, Java and Javascript).
|
||||
This langage remain pure (I know there are two meaning).</p>
|
||||
|
||||
<h2 id="unpopular-languages">Unpopular Languages</h2>
|
||||
|
|
|
|||
|
|
@ -55,7 +55,7 @@
|
|||
|
||||
<div id="afterheader">
|
||||
<div class="corps">
|
||||
<p>If you don’t have the password or believe it is an error you can mail me at .</p>
|
||||
<p>If you don’t have the password or believe it is an error you can mail me at .</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -29,8 +29,8 @@
|
|||
|
||||
<div id="afterheader">
|
||||
<div class="corps">
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
@ -38,7 +38,7 @@ If you have followed an internal link, you can tell me by mail and I’ll f
|
|||
<div class="corps">
|
||||
|
||||
|
||||
<p>La page que vous recherchez n’est pas présente sur le site.
|
||||
<p>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.</p>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -103,7 +103,7 @@
|
|||
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
|
||||
</div>
|
||||
<div id="lastmod">
|
||||
Modified: 01/19/2012
|
||||
Modified: 01/20/2012
|
||||
</div>
|
||||
<div>
|
||||
Entirely done with
|
||||
|
|
|
|||
|
|
@ -1,11 +1,13 @@
|
|||
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<title>Redirect to the right page.</title>
|
||||
<meta http-equiv="refresh" content="0;url=/Scratch/en/blog/Yesod-tutorial-for-newbies">
|
||||
<meta http-equiv="refresh" content="0;url=/Scratch/en/blog/Yesod-tutorial-for-newbies/">
|
||||
<style> body { font: sans-serif; color: #333333; font-size: 18px; position: absolute; text-align: center; font-weight: bold; top: 50%; left: 50%; width: 460px; height: 100px; margin-left: -230px; margin-top: -50px; line-height: 2em; } a,a:hover,a:visited,a:active { color: #C53; } </style>
|
||||
</head>
|
||||
<body>
|
||||
<p>You should be redirected to</p>
|
||||
<div><a href="/Scratch/en/blog/Yesod-tutorial-for-newbies">/Scratch/en/blog/Yesod-tutorial-for-newbies</a></div>
|
||||
<div><a href="/Scratch/en/blog/Yesod-tutorial-for-newbies/">/Scratch/en/blog/Yesod-tutorial-for-newbies/</a></div>
|
||||
</body>
|
||||
</HTML>
|
||||
|
|
@ -72,7 +72,7 @@
|
|||
|
||||
<h2 class="first" id="my-explanation">My explanation</h2>
|
||||
|
||||
<p>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. </p>
|
||||
<p>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. </p>
|
||||
|
||||
<h3 id="choose-an-aggregator">choose an aggregator</h3>
|
||||
|
||||
|
|
@ -85,11 +85,11 @@ It is great for content you never want to forgot some article. It is not really
|
|||
|
||||
<h3 id="subscribe-to-some-website-news">Subscribe to some website news</h3>
|
||||
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
<h3 id="get-the-news">Get the news</h3>
|
||||
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
|
||||
<div class="return"><a href="#entete" onclick="fastShowMenu()">↑</a></div>
|
||||
|
|
|
|||
|
|
@ -65,7 +65,7 @@
|
|||
<p>YAquaBubbles is a QuartzComposer Screensaver.
|
||||
It was one of my first try but the result was nice.</p>
|
||||
|
||||
<p><a href="/Scratch/files/YAquaBubbles.dmg"><span class="nicer">➥</span> YAquaBubbles.dmg</a></p>
|
||||
<p><a href="/Scratch/files/YAquaBubbles.dmg"><span class="nicer">➥</span> YAquaBubbles.dmg</a></p>
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -62,7 +62,7 @@
|
|||
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.</p>
|
||||
|
||||
<p><a href="/Scratch/files/YClock.dmg"><span class="nicer">➥</span> YClock.dmg</a></p>
|
||||
<p><a href="/Scratch/files/YClock.dmg"><span class="nicer">➥</span> YClock.dmg</a></p>
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -70,7 +70,7 @@
|
|||
<li>A <a href="http://github.com/yogsototh/YPasswordCLI">command line tool</a>.</li>
|
||||
</ul>
|
||||
|
||||
<p>I’ll soon release an iPhone application.</p>
|
||||
<p>I’ll soon release an iPhone application.</p>
|
||||
|
||||
|
||||
<div class="return"><a href="#entete" onclick="fastShowMenu()">↑</a></div>
|
||||
|
|
|
|||
|
|
@ -64,9 +64,9 @@
|
|||
|
||||
<p>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.</p>
|
||||
(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.</p>
|
||||
|
||||
<p>I believed in the benefits of <abbr title="Cascading Style Sheet">CSS</abbr>
|
||||
validation, this is why there is alway the
|
||||
|
|
|
|||
|
|
@ -60,9 +60,9 @@
|
|||
|
||||
<p><img src="/Scratch/img/about/avatar.png" alt="Avatar" class="left" /></p>
|
||||
|
||||
<p><a href="mailto:yann.esposito@gmail.com">yann.esposito@gmail.com</a><br />
|
||||
<p><a href="mailto:yann.esposito@gmail.com">yann.esposito@gmail.com</a><br />
|
||||
Suivez moi sur <a href="http://twitter.com/yogsototh">twitter</a><br />
|
||||
Mes “bookmarks” <a href="http://pinboard.in/u:yogsototh">pinboard</a><br />
|
||||
Mes “bookmarks” <a href="http://pinboard.in/u:yogsototh">pinboard</a><br />
|
||||
Open Source <a href="http://github.com/yogsototh">github</a><br />
|
||||
<a href="http://stackoverflow.com/users/40569/yogsototh">stackoverflow</a></p>
|
||||
|
||||
|
|
|
|||
|
|
@ -69,7 +69,7 @@
|
|||
</table></div>
|
||||
</div>
|
||||
|
||||
<p>Livres que j’aime : </p>
|
||||
<p>Livres que j’aime : </p>
|
||||
|
||||
<ul>
|
||||
<li>Goëdel, Escher & Bach <em>[Hofstadter]</em></li>
|
||||
|
|
@ -77,7 +77,7 @@
|
|||
<li>Baudolino <em>[Eco]</em></li>
|
||||
</ul>
|
||||
|
||||
<p>Films que j’aime : </p>
|
||||
<p>Films que j’aime : </p>
|
||||
|
||||
<ul>
|
||||
<li>Eraserhead <em>[Lynch]</em></li>
|
||||
|
|
@ -99,13 +99,13 @@
|
|||
<p>Je suis un passioné. Passioné par :</p>
|
||||
|
||||
<ul>
|
||||
<li>L’informatique scientifique : <a href="http://yann.esposito.free.fr/recherche.php?lang=fr">j’ai un doctorat en Informatique</a> ;</li>
|
||||
<li>Programmation: j’ai développé <a href="http://yann.esposito.free.fr/logiciels.php">deux applications scientifiques</a> ainsi que des <a href="/YBlog/Softwares.html">éconimiseurs d’écran pour Mac</a>.</li>
|
||||
<li>Sécurité informatique: j’ai modélisé <a href="http://yann.esposito.free.fr/enseignement/rez0.php#projet">un protocole sécurisé (similaire à TOR)</a>, <a href="/YBlog/Computer/Entries/2008/7/30_Easy,_secure_and_portable_password_management_system.html">une méthode pour gérer de façon sécurisé ses mots de passes</a>, un <a href="/YBlog/YPassword.html">widget</a> et un script shell pour utiliser cette méthode.</li>
|
||||
<li>L’informatique scientifique : <a href="http://yann.esposito.free.fr/recherche.php?lang=fr">j’ai un doctorat en Informatique</a> ;</li>
|
||||
<li>Programmation: j’ai développé <a href="http://yann.esposito.free.fr/logiciels.php">deux applications scientifiques</a> ainsi que des <a href="/YBlog/Softwares.html">éconimiseurs d’écran pour Mac</a>.</li>
|
||||
<li>Sécurité informatique: j’ai modélisé <a href="http://yann.esposito.free.fr/enseignement/rez0.php#projet">un protocole sécurisé (similaire à TOR)</a>, <a href="/YBlog/Computer/Entries/2008/7/30_Easy,_secure_and_portable_password_management_system.html">une méthode pour gérer de façon sécurisé ses mots de passes</a>, un <a href="/YBlog/YPassword.html">widget</a> et un script shell pour utiliser cette méthode.</li>
|
||||
</ul>
|
||||
|
||||
<p>Mais avant tout j’adore apprendre. Par exemple, j’ai appris de nombreux langages de programmation:
|
||||
<code>C</code>, <code>C++</code>, <code>Objective-C</code>, <code>Python</code>, <code>Java</code>, <code>Perl</code>, <code>awk</code>, <code>bash</code>, <code>zsh</code>, <code>LaTeX</code>, <code>Metapost</code>, <code>CamL</code>… Et j’ai la même passion pour la recherche scientifique, la sécurité informatique, la philosophie et encore pas mal d’autres choses.</p>
|
||||
<p>Mais avant tout j’adore apprendre. Par exemple, j’ai appris de nombreux langages de programmation:
|
||||
<code>C</code>, <code>C++</code>, <code>Objective-C</code>, <code>Python</code>, <code>Java</code>, <code>Perl</code>, <code>awk</code>, <code>bash</code>, <code>zsh</code>, <code>LaTeX</code>, <code>Metapost</code>, <code>CamL</code>… Et j’ai la même passion pour la recherche scientifique, la sécurité informatique, la philosophie et encore pas mal d’autres choses.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
@ -115,11 +115,11 @@
|
|||
|
||||
<h2 class="first" id="ma-petite-histoire">Ma petite histoire</h2>
|
||||
|
||||
<p>J’ai eu mon doctorat en Informatique en décembre 2004 au <a href="http://www.lif.univ-mrs.fr/">LIF</a> (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.</p>
|
||||
<p>J’ai eu mon doctorat en Informatique en décembre 2004 au <a href="http://www.lif.univ-mrs.fr/">LIF</a> (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.</p>
|
||||
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
<p>Ajourd’hui je travaille pour AirFrance<small>©</small> via Astek. Ce travail est très diversifié. Il demande la connaissance des technologies Web, CMS mais aussi de la programmation en Perl, JSP, meta-programmation…</p>
|
||||
<p>Ajourd’hui je travaille pour AirFrance<small>©</small> via Astek. Ce travail est très diversifié. Il demande la connaissance des technologies Web, CMS mais aussi de la programmation en Perl, JSP, meta-programmation…</p>
|
||||
|
||||
|
||||
<div class="return"><a href="#entete" onclick="fastShowMenu()">↑</a></div>
|
||||
|
|
|
|||
|
|
@ -76,8 +76,8 @@ comme
|
|||
</p>
|
||||
|
||||
<p>Les commentaires de blog sont gérés par
|
||||
<del><a href="http://disqus.com">disqus</a></del> <a href="http://intensedebate.com">intense debate</a>. Ainsi je n’ai besoin pour héberger mons site que
|
||||
d’un serveur de pages statiques. Ce qui a de nombreux avantages.
|
||||
<del><a href="http://disqus.com">disqus</a></del> <a href="http://intensedebate.com">intense debate</a>. 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.</p>
|
||||
|
||||
<p>
|
||||
|
|
@ -89,7 +89,7 @@ et que j'ai conçu ce site quasiment <em>ex nihilo</em>.
|
|||
</p>
|
||||
|
||||
<p>Si au contraire vous voulez connaitre tous les détails je vous suggère
|
||||
d’aller lire mon <a href="/Scratch/fr/blog/01_nanoc">article concernant nanoc</a>.</p>
|
||||
d’aller lire mon <a href="/Scratch/fr/blog/01_nanoc">article concernant nanoc</a>.</p>
|
||||
|
||||
|
||||
<div class="return"><a href="#entete" onclick="fastShowMenu()">↑</a></div>
|
||||
|
|
|
|||
|
|
@ -52,18 +52,18 @@
|
|||
<div class="flush"></div>
|
||||
<div id="afterheader">
|
||||
<div class="corps">
|
||||
<h1 class="first" id="quest-ce-que-nanoc-">Qu’est-ce que nanoc ?</h1>
|
||||
<h1 class="first" id="quest-ce-que-nanoc-">Qu’est-ce que nanoc ?</h1>
|
||||
|
||||
<p>Il ne s’agit pas exactement d’un
|
||||
<p>Il ne s’agit pas exactement d’un
|
||||
<abbr title="Content Management System">CMS</abbr>,
|
||||
mais plutôt d’un <em>système</em> de gestion de pages statiques. </p>
|
||||
mais plutôt d’un <em>système</em> de gestion de pages statiques. </p>
|
||||
|
||||
<p>Il faut programmer sois-même les pages web,
|
||||
le code pour engendrer les menus…</p>
|
||||
le code pour engendrer les menus…</p>
|
||||
|
||||
<p>J’ai programmé des filtres pour rendre ce site multilangue par exemple</p>
|
||||
<p>J’ai programmé des filtres pour rendre ce site multilangue par exemple</p>
|
||||
|
||||
<p>Vous pourrez trouver beaucoup d’informations sur
|
||||
<p>Vous pourrez trouver beaucoup d’informations sur
|
||||
le <a href="http://nanoc.stoneship.org">site officiel de nanoc</a>.</p>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -54,11 +54,11 @@
|
|||
<div class="corps">
|
||||
<h1 class="first" id="mise--jour">Mise à jour</h1>
|
||||
|
||||
<p>Comme <a href="http://www.theworkinggeek.com">Andy Lester</a> me l’a fait remarqué. <a href="http://betterthangrep.com"><code>ack</code></a> est un simple fichier perl qu’il suffit de copier dans son répertoire personnel <code>~/bin</code>. Maintenant j’ai <code>ack</code> sur mon serveur professionnel.</p>
|
||||
<p>Comme <a href="http://www.theworkinggeek.com">Andy Lester</a> me l’a fait remarqué. <a href="http://betterthangrep.com"><code>ack</code></a> est un simple fichier perl qu’il suffit de copier dans son répertoire personnel <code>~/bin</code>. Maintenant j’ai <code>ack</code> sur mon serveur professionnel.</p>
|
||||
|
||||
<p>Il suffit d’aller sur <a href="http://betterthangrep.com">http://betterthangrep.com</a> pour le télécharger.</p>
|
||||
<p>Il suffit d’aller sur <a href="http://betterthangrep.com">http://betterthangrep.com</a> pour le télécharger.</p>
|
||||
|
||||
<p>Sincèrement, je ne comprend pas qu’<code>ack</code> 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 <code>which</code> ou un <code>find</code>.</p>
|
||||
<p>Sincèrement, je ne comprend pas qu’<code>ack</code> 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 <code>which</code> ou un <code>find</code>.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
@ -76,11 +76,11 @@ grep <span class="String"><span class="String">'</span>pattern<span class="Strin
|
|||
</pre>
|
||||
</div>
|
||||
|
||||
<p>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 <code>ack-grep</code> 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 :</p>
|
||||
<p>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 <code>ack-grep</code> 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 :</p>
|
||||
|
||||
<div>
|
||||
<div class="code"><div class="file"><a href="/Scratch/fr/blog/02_ackgrep/code/ack"> ➥ ack </a></div><div class="withfile">
|
||||
|
|
@ -103,7 +103,7 @@ zargs -- <span class="Variable"><span class="Variable">$</span>listeFic</span> -
|
|||
</div>
|
||||
|
||||
<p>Pour mon utilisation personnelle et celle de mon équipe
|
||||
c’est suffisant. J’espère que ça pourra vous aider.</p>
|
||||
c’est suffisant. J’espère que ça pourra vous aider.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -66,42 +66,42 @@
|
|||
</strong>
|
||||
</div>
|
||||
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
<p>Mon <em>hypothèse de départ</em> 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.</p>
|
||||
<p>Mon <em>hypothèse de départ</em> 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.</p>
|
||||
|
||||
<p>Fred a commis un acte horrible, un meurtre, et essaye de <em>réparer</em> sa mémoire pour accepter son acte. Il va alors s’inventer des <em>réalitées alternatives</em>.</p>
|
||||
<p>Fred a commis un acte horrible, un meurtre, et essaye de <em>réparer</em> sa mémoire pour accepter son acte. Il va alors s’inventer des <em>réalitées alternatives</em>.</p>
|
||||
|
||||
<ul>
|
||||
<li>Dans un premier temps il tue sa femme (Renée) parce qu’elle le trompe.</li>
|
||||
<li>Dans un premier temps il tue sa femme (Renée) parce qu’elle le trompe.</li>
|
||||
<li>Dans la deuxième partie, il est plus faible. La version blonde de Renée va le manipuler pour tuer Dick Laurent.</li>
|
||||
<li>Dans la troisième partie il tue Dick Laurent</li>
|
||||
</ul>
|
||||
|
||||
<h2 id="quelle-est-la-validit-de-ce-choix-">Quelle est la validité de ce choix ?</h2>
|
||||
|
||||
<p>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 :</p>
|
||||
<p>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 :</p>
|
||||
|
||||
<blockquote>
|
||||
<p>“Do you own a video camera?”<br />
|
||||
“No, Fred hates them.”<br />
|
||||
“I like to remember things my own way.”<br />
|
||||
“What do you mean by that?”<br />
|
||||
“How I remember them, not necessarily the way they happened.”</p>
|
||||
<p>“Do you own a video camera?”<br />
|
||||
“No, Fred hates them.”<br />
|
||||
“I like to remember things my own way.”<br />
|
||||
“What do you mean by that?”<br />
|
||||
“How I remember them, not necessarily the way they happened.”</p>
|
||||
</blockquote>
|
||||
|
||||
<p>Ce que l’on peut traduire approximativement par :</p>
|
||||
<p>Ce que l’on peut traduire approximativement par :</p>
|
||||
|
||||
<blockquote>
|
||||
<p>– Avez-vous une caméra ?<br />
|
||||
– Non, Fred les détestes.<br />
|
||||
– J’aime me rappeler les choses à ma façon.<br />
|
||||
– Qu’entendez-vous par là ?<br />
|
||||
– Je me rapelle des choses pas nécessairement comme elles se sont passées.</p>
|
||||
<p>– Avez-vous une caméra ?<br />
|
||||
– Non, Fred les détestes.<br />
|
||||
– J’aime me rappeler les choses à ma façon.<br />
|
||||
– Qu’entendez-vous par là ?<br />
|
||||
– Je me rapelle des choses pas nécessairement comme elles se sont passées.</p>
|
||||
</blockquote>
|
||||
|
||||
<p>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é.</p>
|
||||
<p>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é.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -58,25 +58,25 @@
|
|||
<div class="flush"></div>
|
||||
<div id="afterheader">
|
||||
<div class="corps">
|
||||
<h2 class="first" id="qui-est-lhomme-mystrieux-">Qui est l’homme mystérieux ?</h2>
|
||||
<h2 class="first" id="qui-est-lhomme-mystrieux-">Qui est l’homme mystérieux ?</h2>
|
||||
|
||||
<p><img alt="l'homme mystérieux" src="/Scratch/img/blog/03_losthighway/03_losthighway_2/mysteryman.jpg" class="left" /></p>
|
||||
|
||||
<p>Qui est donc ce personnage étrange et inquiétant ?
|
||||
Un être capable d’ubiquité qui dit être invité par Fred dans sa maison ?
|
||||
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.</p>
|
||||
|
||||
<p>C’est certainement une des clés du film.
|
||||
<p>C’est certainement une des clés du film.
|
||||
À mon avis, il représente la partie <em>mauvaise</em> 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.
|
||||
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 <em>Iago</em> 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é.</p>
|
||||
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é.</p>
|
||||
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -60,11 +60,11 @@
|
|||
<div class="corps">
|
||||
<h2 class="first" id="qui-filme-et-dpose-les-cassettes-">Qui filme et dépose les cassettes ?</h2>
|
||||
|
||||
<p>C’est certainement l’homme mystérieux (ou Fred lui-même) qui est à l’origine de ces cassettes.
|
||||
<p>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 : </p>
|
||||
|
||||
<ul>
|
||||
<li>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.</li>
|
||||
<li>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.</li>
|
||||
<li>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é ?</li>
|
||||
</ul>
|
||||
|
||||
|
|
|
|||
|
|
@ -58,27 +58,27 @@
|
|||
<div class="flush"></div>
|
||||
<div id="afterheader">
|
||||
<div class="corps">
|
||||
<h2 class="first" id="que-sest-il-vraiment-pass-">Que s’est-il vraiment passé ?</h2>
|
||||
<h2 class="first" id="que-sest-il-vraiment-pass-">Que s’est-il vraiment passé ?</h2>
|
||||
|
||||
<p>Ici, tout n’est pas donné, on garde une assez grande liberté. Mais on a des indices. </p>
|
||||
<p>Ici, tout n’est pas donné, on garde une assez grande liberté. Mais on a des indices. </p>
|
||||
|
||||
<h3 id="hypothese-n1">Hypothese n°1</h3>
|
||||
|
||||
<p>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. </p>
|
||||
<p>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. </p>
|
||||
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
<h3 id="hypothese-n2">Hypothese n°2</h3>
|
||||
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
<h2 id="alors-cest-laquelle-">alors c’est laquelle ?</h2>
|
||||
<h2 id="alors-cest-laquelle-">alors c’est laquelle ?</h2>
|
||||
|
||||
<p>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.</p>
|
||||
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.</p>
|
||||
|
||||
<p>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 <a href="http://en.wikipedia.org/wiki/Rashomon_effect">effet Rashomon</a>. Plusieurs personnes peuvent décrire de façon cohérentes ce qu’elles ont vu, mais toutes les descriptions sont incohérentes entres-elles.</p>
|
||||
<p>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 <a href="http://en.wikipedia.org/wiki/Rashomon_effect">effet Rashomon</a>. Plusieurs personnes peuvent décrire de façon cohérentes ce qu’elles ont vu, mais toutes les descriptions sont incohérentes entres-elles.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
@ -88,11 +88,11 @@ La première me semble aussi cohérente. C’est cette première hypothèse
|
|||
|
||||
<h2 class="first" id="conclusion">Conclusion</h2>
|
||||
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
<p>Il me semble qu’avoir à l’esprit l’effet “test de Rorschach” est essentiel lors de la visualisation de ce film.</p>
|
||||
<p>Il me semble qu’avoir à l’esprit l’effet “test de Rorschach” est essentiel lors de la visualisation de ce film.</p>
|
||||
|
||||
<p>J’aimerai avoir votre opinion ; mon interprétation tient-elle la route ?</p>
|
||||
<p>J’aimerai avoir votre opinion ; mon interprétation tient-elle la route ?</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -69,24 +69,24 @@ Je donne cependant quelques clés que j'ai découverte qui aident à suivre le f
|
|||
Ces clés devraient vous aider à vous faire votre propre idée du film...
|
||||
</div>
|
||||
|
||||
<p>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 :</p>
|
||||
<p>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 :</p>
|
||||
|
||||
<ul>
|
||||
<li>Fred passe un pacte avec le diable incarné par l’homme en noir ;</li>
|
||||
<li>l’homme mystérieux est une (la) caméra ;</li>
|
||||
<li>seule la première histoire est vrai, la suite étant l’imagination de Fred ;</li>
|
||||
<li>Fred passe un pacte avec le diable incarné par l’homme en noir ;</li>
|
||||
<li>l’homme mystérieux est une (la) caméra ;</li>
|
||||
<li>seule la première histoire est vrai, la suite étant l’imagination de Fred ;</li>
|
||||
</ul>
|
||||
|
||||
<p>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 :</p>
|
||||
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 :</p>
|
||||
|
||||
<ul>
|
||||
<li>le permier est sur <a href="http://www.mediacircus.net/lh.html">mediacircus</a>,</li>
|
||||
<li>le second qui développe presque la même interprétation que la première est vraiment très détaillé sur <a href="http://www.jasonsweb.com/LostHighway/main.htm">jasonweb</a>.</li>
|
||||
</ul>
|
||||
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
<p>Je donne quelques clés aidant à suivre le film <strong>sans être complètement perdu</strong>.
|
||||
Ces clés devraient vous aider à vous faire votre propre idée du film.</p>
|
||||
|
|
@ -94,21 +94,21 @@ Ces clés devraient vous aider à vous faire votre propre idée du film.</p>
|
|||
<h2 id="le-test-de-rorschach">Le test de Rorschach</h2>
|
||||
|
||||
<p><img alt="test de Rorschach" src="/Scratch/img/blog/03_losthighway/rorschach.gif" class="left" />
|
||||
À 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.</p>
|
||||
À 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.</p>
|
||||
|
||||
<ul>
|
||||
<li>Si vous êtes un mystique, vous verrez dans l’homme mystérieux un démon</li>
|
||||
<li>si vous êtes plus psychanalytique vous y verrez une partie inconsciente du protagoniste…</li>
|
||||
<li>Si vous êtes un mystique, vous verrez dans l’homme mystérieux un démon</li>
|
||||
<li>si vous êtes plus psychanalytique vous y verrez une partie inconsciente du protagoniste…</li>
|
||||
</ul>
|
||||
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
<h2 id="interprtation-ne-explication">Interprétation ≠ Explication</h2>
|
||||
<h2 id="interprtation-ne-explication">Interprétation ≠ Explication</h2>
|
||||
|
||||
<p>Je donne une <strong>interprétation</strong> et non pas une <strong>explication</strong>. 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. </p>
|
||||
Il y a certainement beaucoup d’autres explications qui restent cohérentes. </p>
|
||||
|
||||
<p>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).</p>
|
||||
<p>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).</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -60,13 +60,13 @@
|
|||
<div class="corps">
|
||||
<h1 class="first" id="protections-anti-copie--belle-connerie-1">Protections anti-copie = Belle connerie (+1)!</h1>
|
||||
|
||||
<p>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 !</p>
|
||||
<p>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 !</p>
|
||||
|
||||
<div class="encadre">
|
||||
<p style="text-align: center; font-size: 5em"><strong>WTF?</strong></p>
|
||||
</div>
|
||||
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
<div class="encadre">
|
||||
|
||||
|
|
@ -75,7 +75,7 @@ Ca fera nettement moins d'argent pour vous les <strong>ayant-droits</strong>&nbs
|
|||
</div>
|
||||
|
||||
<p>Et ma femme ne pourra pas voir ces épisodes. <br />
|
||||
C’est ce qu’on appelle une cooperation <strong>‘LOSE-LOSE’</strong>.</p>
|
||||
C’est ce qu’on appelle une cooperation <strong>‘LOSE-LOSE’</strong>.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -56,10 +56,10 @@
|
|||
<div class="corps">
|
||||
<h2 class="first" id="crer-une-branche-git-externe-facilement">Créer une branche Git externe facilement</h2>
|
||||
|
||||
<p>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 <em>externe</em> (remote).</p>
|
||||
<p>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 <em>externe</em> (remote).</p>
|
||||
|
||||
<p>Voici le script que j’utilise pour accomplir cette tâche : </p>
|
||||
<p>Voici le script que j’utilise pour accomplir cette tâche : </p>
|
||||
|
||||
<div>
|
||||
<div class="code"><div class="file"><a href="/Scratch/fr/blog/05_git_create_remote_branch/code/git-create-new-branch.sh"> ➥ git-create-new-branch.sh </a></div><div class="withfile">
|
||||
|
|
@ -81,7 +81,7 @@ git config branch.<span class="Variable"><span class="Variable">${</span>branch<
|
|||
</div></div>
|
||||
</div>
|
||||
|
||||
<p>Bien sûr, je suppose qu’<code>origin</code> est déjà configurée.</p>
|
||||
<p>Bien sûr, je suppose qu’<code>origin</code> est déjà configurée.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -60,17 +60,17 @@
|
|||
<div class="encadre">
|
||||
|
||||
|
||||
<p><em>Màj</em> : 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 <a href="https://github.com/sitaramc/gitolite">gitolite</a> sur votre propre serveur accessible sur le web.</p>
|
||||
<p><em>Màj</em> : 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 <a href="https://github.com/sitaramc/gitolite">gitolite</a> sur votre propre serveur accessible sur le web.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<p>J’utilise <a href="http://www.git-scm.org/">Git</a> pour gérer mes projets personnels.
|
||||
J’ai un <em>repository</em> centralisé et tous mes ordinateurs se synchronisent avec lui.
|
||||
Cependant, dans la documentation officielle, je n’ai pas trouvé clairement ce que je souhaitais.</p>
|
||||
<p>J’utilise <a href="http://www.git-scm.org/">Git</a> pour gérer mes projets personnels.
|
||||
J’ai un <em>repository</em> centralisé et tous mes ordinateurs se synchronisent avec lui.
|
||||
Cependant, dans la documentation officielle, je n’ai pas trouvé clairement ce que je souhaitais.</p>
|
||||
|
||||
<p>En d’autres termes, si vous souhaitez utiliser le type de <em>workflow</em> que SVN proposait avec Git (et ses avantages), voici comment procéder.</p>
|
||||
<p>En d’autres termes, si vous souhaitez utiliser le type de <em>workflow</em> que SVN proposait avec Git (et ses avantages), voici comment procéder.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
|
@ -80,7 +80,7 @@ Cependant, dans la documentation officielle, je n’ai pas trouvé clairemen
|
|||
|
||||
<h2 class="first" id="initialisation">Initialisation</h2>
|
||||
|
||||
<p>Disons que j’ai déjà un projet et que je veuille en créer un nouveau.</p>
|
||||
<p>Disons que j’ai déjà un projet et que je veuille en créer un nouveau.</p>
|
||||
|
||||
<div>
|
||||
<pre class="twilight">
|
||||
|
|
@ -119,7 +119,7 @@ Màj: La meilleure solution est d'installer <a href="https://github.com/sitaramc
|
|||
</em>
|
||||
</div>
|
||||
|
||||
<p>Maintenant à partir de n’importe quel ordinateur, voici ce que vous pouvez faire : </p>
|
||||
<p>Maintenant à partir de n’importe quel ordinateur, voici ce que vous pouvez faire : </p>
|
||||
|
||||
<div>
|
||||
<pre class="twilight">
|
||||
|
|
@ -141,11 +141,11 @@ Je vous conseille de faire la même opération sur l'ordinateur qui à servi à
|
|||
<div class="corps">
|
||||
|
||||
|
||||
<h2 class="first" id="lutilisation-courante">L’utilisation courante</h2>
|
||||
<h2 class="first" id="lutilisation-courante">L’utilisation courante</h2>
|
||||
|
||||
<p>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é.</p>
|
||||
|
||||
<p>Avant de commencer à travailler, la première chose à faire est de récupérer les modification à partir d’Internet vers votre poste local : </p>
|
||||
<p>Avant de commencer à travailler, la première chose à faire est de récupérer les modification à partir d’Internet vers votre poste local : </p>
|
||||
|
||||
<div>
|
||||
<pre class="twilight">
|
||||
|
|
@ -190,17 +190,17 @@ git push
|
|||
|
||||
<h2 id="synchronisation-des-branches">Synchronisation des branches</h2>
|
||||
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
<p>Ainsi, lorsque je veux créer une nouvelle branche (localement et ligne) ; je lance le script :</p>
|
||||
|
||||
<div><pre class="twilight">git-create-new-branch branch_name
|
||||
</pre></div>
|
||||
|
||||
<p>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 :</p>
|
||||
<p>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 :</p>
|
||||
|
||||
<div><pre class="twilight">git-get-remote-branches
|
||||
</pre></div>
|
||||
|
|
|
|||
|
|
@ -54,18 +54,18 @@
|
|||
<div class="flush"></div>
|
||||
<div id="afterheader">
|
||||
<div class="corps">
|
||||
<h1 class="first" id="comment-recompiler-un-conomiseur-dcran-sous-snow-leopardc">Comment recompiler un économiseur d’écran sous Snow Leopard<small>©</small></h1>
|
||||
<h1 class="first" id="comment-recompiler-un-conomiseur-dcran-sous-snow-leopardc">Comment recompiler un économiseur d’écran sous Snow Leopard<small>©</small></h1>
|
||||
|
||||
<p>Mon économiseur d’écran ne fonctionnait plus sous Mac OS X 10.6 Snow Leopard<small>©</small>. Après un peu de recherche sous google, le problème semblait pouvoir être réglé avec une recompilation.
|
||||
<p>Mon économiseur d’écran ne fonctionnait plus sous Mac OS X 10.6 Snow Leopard<small>©</small>. Après un peu de recherche sous google, le problème semblait pouvoir être réglé avec une recompilation.
|
||||
Cependant, même en recomilant en 64 bits ça ne fonctionnait toujours pas.
|
||||
Après un peu plus de recherches (merci à <a href="http://community.electricsheep.org/node/236">ElectricSheep</a> ),
|
||||
j’ai découvert les bons paramètres.</p>
|
||||
j’ai découvert les bons paramètres.</p>
|
||||
|
||||
<p><img alt="XCode configuration" src="/Scratch/img/blog/07_Screensaver_compilation_option_for_Snow_Leopard/xcodeConfig.png" /></p>
|
||||
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
<p>Il a été assez difficile de découvrir toutes ces informations. J’espère que cet article aura pu aider quelqu’un.</p>
|
||||
<p>Il a été assez difficile de découvrir toutes ces informations. J’espère que cet article aura pu aider quelqu’un.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -56,7 +56,7 @@
|
|||
<div class="corps">
|
||||
<h1 class="first" id="surfez-partout-comme-si-vous-tiez-chez-vous">Surfez partout comme si vous étiez chez vous</h1>
|
||||
|
||||
<p>Que ce soit pour surfer en toute sécurité depuis un accès <span class="sc">wifi</span> non sécurisé ou pour contourner les parefeux diaboliques des entreprises. J’ai configuré un serveur ssh écoutant sur le port 443 chez moi.</p>
|
||||
<p>Que ce soit pour surfer en toute sécurité depuis un accès <span class="sc">wifi</span> non sécurisé ou pour contourner les parefeux diaboliques des entreprises. J’ai configuré un serveur ssh écoutant sur le port 443 chez moi.</p>
|
||||
|
||||
<p>Ensuite de mon portable ou de mon ordinateur local, je dois simplement lancé la merveilleuse commande :</p>
|
||||
|
||||
|
|
@ -68,16 +68,16 @@ ssh -p 443 -D 9050 username@host
|
|||
|
||||
<p>et un proxy <span class="sc">socks</span> écoute sur le port 9050. Ce proxy <span class="sc">socks</span> 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 <span class="sc">wifi</span> local soit <em>sniffé</em>. Je dois simplement configurer mon navigateur web pour utiliser le proxy <span class="sc">socks</span> sur <code>localhost</code> écoutant le port 9050.</p>
|
||||
|
||||
<p>J’ai eu cette information à partir de <a href="http://dltj.org/article/ssh-as-socks-proxy/">cet article</a>.</p>
|
||||
<p>J’ai eu cette information à partir de <a href="http://dltj.org/article/ssh-as-socks-proxy/">cet article</a>.</p>
|
||||
|
||||
<h1 id="ssh-et-snow-leopardc">Ssh et Snow Leopard<small>©</small></h1>
|
||||
|
||||
<p>J’ai un Mac avec Snow Leopard<small>©</small> à la maison.
|
||||
Il ne suffit pas de modifier le fichier <code>/etc/sshd.config</code> pour changer le port d’écoute d’<code>sshd</code>.
|
||||
<p>J’ai un Mac avec Snow Leopard<small>©</small> à la maison.
|
||||
Il ne suffit pas de modifier le fichier <code>/etc/sshd.config</code> pour changer le port d’écoute d’<code>sshd</code>.
|
||||
Le système utilise <code>launchd</code> pour lancer les démons.</p>
|
||||
|
||||
<p>J’ai posé cette question sur <a href="discussions.apple.com">Apple Discussions</a> dans ce <a href="http://discussions.apple.com/thread.jspa?messageID=10141032">fil de discussion</a>.
|
||||
Merci à tous ceux qui m’ont aidé. Et la solution est :</p>
|
||||
<p>J’ai posé cette question sur <a href="discussions.apple.com">Apple Discussions</a> dans ce <a href="http://discussions.apple.com/thread.jspa?messageID=10141032">fil de discussion</a>.
|
||||
Merci à tous ceux qui m’ont aidé. Et la solution est :</p>
|
||||
|
||||
<p>Créer un fichier <tt>/Library/LaunchDaemons/ssh-443.plist</tt> contenant :</p>
|
||||
|
||||
|
|
@ -122,14 +122,14 @@ Merci à tous ceux qui m’ont aidé. Et la solution est :</p>
|
|||
</div></div>
|
||||
</div>
|
||||
|
||||
<p>C’est une copie de <code>/System/Library/LaunchDaemons/ssh.plist</code> avec quelques modifications :</p>
|
||||
<p>C’est une copie de <code>/System/Library/LaunchDaemons/ssh.plist</code> avec quelques modifications :</p>
|
||||
|
||||
<ul>
|
||||
<li>le <code>SockServiceName</code> est devenu <code>https</code> au lieu de <code>ssh</code></li>
|
||||
<li>le <code>Label</code> est passé de <code>com.openssh.sshd</code> à quelque chose qui n’existait pas comme <code>local.sshd</code></li>
|
||||
<li>le <code>Label</code> est passé de <code>com.openssh.sshd</code> à quelque chose qui n’existait pas comme <code>local.sshd</code></li>
|
||||
</ul>
|
||||
|
||||
<p>Encore une fois j’espère que ça a pu être utile.</p>
|
||||
<p>Encore une fois j’espère que ça a pu être utile.</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -54,13 +54,13 @@
|
|||
<div class="flush"></div>
|
||||
<div id="afterheader">
|
||||
<div class="corps">
|
||||
<p>J’ai arrété d’utiliser <a href="http://whos.amung.us">whos.amung.us</a> en faveur de <a href="http://www.google.com/analytics">Google Analytics</a>.</p>
|
||||
<p>J’ai arrété d’utiliser <a href="http://whos.amung.us">whos.amung.us</a> en faveur de <a href="http://www.google.com/analytics">Google Analytics</a>.</p>
|
||||
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
|
||||
<p>C’est pourquoi j’utilise maintenant google analytics. Le problème reste entier pour les navigateurs sans javascript.</p>
|
||||
<p>C’est pourquoi j’utilise maintenant google analytics. Le problème reste entier pour les navigateurs sans javascript.</p>
|
||||
|
||||
<p>Donc pour l’instant</p>
|
||||
<p>Donc pour l’instant</p>
|
||||
|
||||
<div class="encadre">
|
||||
Théorème :<br />
|
||||
|
|
|
|||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue