java*Flight

Citat IV

2008-04-27T02:35:00.002+02:00

Slashdot | Donald Knuth Rips On Unit Tests and More

"The prize was not US$1000. it started out very small. Knuth did indeed pay out, and indeed doubled it, several times. From wikipedia: "The award per bug started at $2.56 (one "hexadecimal dollar"[24]) and doubled every year until it was frozen at its current value of $327.68. This has not made Knuth poor, however, as there have been very few bugs claimed. In addition, people have been known to frame a check proving they found a bug in TeX instead of cashing it."

Blogspot customization and tools

2008-04-20T08:57:00.005+02:00

It has been more then 8 months, since I published my first post here. During that time, I've made some changes to how things work here on my blog, added some widgets, and changed layout. I want to summarize all of the changes, so anybody can replicate them on any other blogspot blog. In addition, I will publish my template to the open, as a source of examples.

JavaScript

The first major hurdle to overcome is how to get JavaScript frameworks on your blog. You cannot just copy the files you need over to the server. There are several solutions:

source the needed library from a CDN: 'big' JavaScript libraries like YUI are hosted on CDN networks, so you don't need them locally.

use JSLoader: dynamically download the needed libraries from JSLoader's web

Colored syntax

With JavaScript libraries on-board, we can add some functionality. One of the first things I needed was code syntax highlighting. I'm using google-code-prettify, and it works quite well. Here is a brief description.

Widgets

Ohloh.net metrics

If you're a developer, or just a fan of some open-source project, great way to link to it is an ohloh widget. You can choose from a variety of options.

Google Reader

Another nice addition if you use Google Reader, is a feed of your shared links.

Tools

Google Analytics

A great free service to measure the number of visitors that read your blog, see the trends, or know the most used google keywords people used to get to your blog. Only one negative point: it uses Flash to render the graphs.

Feedburner

Your RSS feed can be measured in much the same way as your site. Just burn the feed with feedburner, and get lots of interesting stats on your RSS feed usage. In addition, you can use feedburner to show number of comments your post has, add ads, or embed amazon affiliate codes automatically.

Layout and styles

Wide layout

From the very start, I felt that the space for the posts is too narrow. I used to trim the code examples I was publishing in various ways, until I decided that the layout must be widened. I am not very good at CSS, so I just googled and applied a ready-made solution.

Multi-language content

As I publish content in two languages, I wanted to distinguish links to Slovak and English content. Using standard hreflang attribute on links, and some CSS, it turned out to be quite easy. First, the anchor has to include the target page language:

/* include hreflang attribute */
<a hreflang="en" href="http://www.google.com/">Google</a>

And in the template, include this easy CSS fragment:

/* include a url for a flag for every used language */
[hreflang=en]:after { 
  content: URL(uk-flag.gif); 
  margin-left: 5px;
}

Detailed description can be found here.

Template Source

As promised, here is my customized template on github. I will push further changes to this repository as well.

How to get really social

2008-04-14T12:51:00.006+02:00

I have decided to start sharing my bookmarks. I already share some of them via Google Reader, but there are other links I would like to share, not only from my RSS channels. I was recommended to try Diigo, and it looked quite good, so I created an account there.

I was asked for all the usual stuff to set up my profile, and then, I was able to import my contacts from gmail to look whether somebody I know is already on Diigo. Success! Your 2 contacts are already on Diigo, click here to make them friends! I confirmed that, and then...I realized what have I done. I have 240 contacts in gmail, lots of them are nonexistent or old addresses, some of them are mailing lists, and there are also lots of people I don't know :) Diigo was sooo kind and helpful, and helped me to become really, really social, by letting all the contacts pre-checked, so it sent them my kind invitation to Join My Network. Not only those it could find already on Diigo, all of them :)

Today, I already received about 40 emails, lots of them from various mailing-lists robots. Up until now, I have 4 people as friends on Diigo, who have registered only because of my invitation email. Two people I haven't heard from for years have sent me an "how do you do" email.

Well, not a tragedy at all, it ended up quite nice, except for some conferences where people think I'm crazy, or a spamer, or both :) Thank you Diigo :)

Come Join My Network.

Google AppEngine and the tutorial code

2008-04-12T01:58:00.007+02:00

Google has created yet another amazing service: Google App Engine. It's currently in a limited beta, so hurry up to get an invite.

App Engine is a web application runtime built on Google's massive geo-distributed infrastructure. It's an application hosting service designed to help you with all the boring stuff you need to go through when preparing for a deployment of a web application: setting up the hardware boxes, setting up the servers, configuring the database, ensuring security, etc. It's goal is to ease the pain for the average developer to publish even the smallest of apps, without worrying how to scale when it's needed because of the app's popularity.

The language of choice used to create web applications is Python, and you can use any Python web application framework compatible with the WSGI standard to construct your app. Nevertheless, Google also provides its own easy web framework, called simply 'webapp'. Webapp's data modeling interface is based on Django's, and the templating engine is right from Django, so that should make all the Djangoers out there quite happy, and also should make porting of Django apps to App Engine quite easy. I say 'should', because I haven't tried yet; all I tried was the nice and easy tutorial Google provides.

The development of your application is done completely locally. You can download an SDK that simulates all the services provided to your application by the real runtime, including authentication, data store, and web server, to help you to develop and test your application. It's actually very usable, and comfortable, just like most things in Python ;-)

Also, there's another significant part of App Engine: the administration console provided to help you to monitor and administer deployed applications. Here's how it looks:

All in all, it's an interesting service, and it's going to be even more interesting as soon as other supported languages start to appear. I recommend taking a look at the documentation. If you do, and you're lazy to go through the whole tutorial :), I have uploaded the resulting code to github. The application is deployed here: http://my-private-playground.appspot.com/

Support Bruce Perens

2008-03-19T08:48:00.003+01:00

Bruce Perens, the legendary icon of Open Source and Free Software, and co-founder of OSI, is running for a membership in the OSI board. You can support him by signing the petition.

Ohcount released as open-source

2008-02-09T14:36:00.000+01:00

Ohloh.net, great site with statistics on open-source projects, released the ohcount tool as open-source. Ohcount is a ruby script with C++ extensions, capable of recognizing and counting the number of lines of code in your project. Its usage and installation are pretty easy: take a peek here, and you can start playing with it on your own. Here is an example of stats produced by ohcount for my yui-compressor-ant-task mini project:


n0ha@n0ha:~$ ohcount ~/code/javaflight-code/yui-compressor-ant-task/
Examining 35 file(s)
                          Ohloh Line Count Summary

Language        Files       Code    Comment  Comment %      Blank      Total
--------------  -----  ---------  ---------  ---------  ---------  ---------
html               18       3080        115       3.6%        426       3621
java                3        224         85      27.5%         65        374
javascript         15        205         28      12.0%          0        233
xml                 1         56          0       0.0%          8         64
css                 1         14          7      33.3%          8         29
--------------  -----  ---------  ---------  ---------  ---------  ---------
Total              23       3579        235       6.2%        507       4321

Looks like I've got more of an html project than a Java project :) The html numbers are of course the generated Javadocs.

Ohcount recognizes languages by file extensions. For every language it recognizes, it knows how to distinguish between code and comments. That can be a useful statistics, especially for large projects.

Java vs JavaScript

2008-02-03T16:55:00.001+01:00

Funny insight from Dion Almaer.

Better 'cvs status'

2008-01-29T18:40:00.000+01:00

A friend of mine was complaining that the output given by 'cvs status' command is not human-readable, because it shows also files that were not modified. Given a project with thousands of files, it really is not helpful at all.

I have created a little python script to parse the output of 'cvs status' and show only out-of-sync files in a CVS working dir. I may have probably missed some cvs status parameter to do just this, but hacking on this little script was much more fun then reading the CVS man page :)

How to use it

Get the script via HTTP or SVN and put it somewhere in PATH
Make the script executable: # chmod u+x cvs-status.py
Go to a CVS working dir # cd ~/code
Make sure you are logged in to CVS: # cvs login
Run it: # cvs-status.py

Here is some example output (with shortened lines):


user@one ~/code
$ cvs-status.py
File: .cvsignore     Status: Locally Modified
File: .project       Status: Locally Modified
File: main.html      Status: Needs Patch

There are 3 out-of-sync files in your working tree.

Enjoy.

Introducing YUI-Compressor Ant task

2008-01-26T10:40:00.002+01:00

UPDATE April 08, 2009: There's a new version of the ant task: yui-compressor-ant-task-0.4, thanks to Brian Riddle, available here: http://code.google.com/p/javaflight-code/downloads/list. It will work correctly with YUI-Compressor 2.4.2

Also, the source code is now primarily hosted on GitHub (link to source), the SVN version on Google Code is now obsolete and will be deleted very soon.

UPDATE February 13, 2009: There's a new version of the ant task available here: http://code.google.com/p/javaflight-code/downloads/list. It will work correctly with YUI-Compressor 2.3.5

Slovenská verzia tohoto článku je tu.

YUI-Compressor is a JavaScript code minification tool. Minification is a process of removing all unneeded whitespace characters, while preserving the meaning of the code for a browser (or other JS interpreter). In this way, up to 40 percent of bandwidth can be saved. It could appear, that in the time of broadband connections, it is useless to save the bandwidth, but it is not ;-) The size of web 2.0 frameworks can rise to hundreds of kB's, or even more.

In order to use minification in ant builds, I have created an ant task for YUI-Compressor. I had used it on a project I was working on, and up until now, everything seems to work normal ;-)

Installation

You will need YUI-Compressor: from my project, or directly from the source

You will need the ant task jar: version 0.2-alpha1

Finally, all those jars need to be put to a directory reachable from ant

Buildfile usage

First, we need to set the paths and classpath:

/* ${libs} is path to the downloaded jars */
<property 
    name="yui-compressor.jar" 
    location="${libs}/yuicompressor-2.1.2.jar" />
<property 
    name="yui-compressor-ant-task.jar" 
    location="${libs}/yui-compressor-ant-task-0.2-alpha1.jar" />

<path id="task.classpath">
  <pathelement location="${yui-compressor.jar}" />
  <pathelement location="${yui-compressor-ant-task.jar}" />
</path>

Define a new task:

/* yui-compressor task definition */
<taskdef 
    name="yui-compressor" 
    classname="net.noha.tools.ant.yuicompressor.tasks.YuiCompressorTask">
  
  <classpath refid="task.classpath">
</taskdef>

Concatenate all the JS files to one, before the minification (optional):

/* concatenation */
<echo message="Building ${my-ajax-lib.file}" />
<concat destfile="${my-ajax-lib.file}" force="no">

  <!-- Order in which these files are concatenated _IS_ IMPORTANT! -->

  <!-- AJAX related tools -->
  <fileset dir="${src.dir}" includes="**/ajax/utils.js" />
  <fileset dir="${src.dir}" includes="**/ajax/request.js" />
</concat>

And finally, invoke the yui-compressor:

/* invoke compressor */
<yui-compressor 
    warn="false" 
    munge="true" 
    suffix=".js" 
    preserveallsemicolons="false" 
    fromdir="${output.build.dir}" 
    todir="${output.dist.dir}">

  <include name="${my-ajax-lib.file}" />
</yui-compressor>

Future

YUI-Compressor is capable of CSS file minification as well. This functionality is already included in the 0.2-alpha1, but it will need some more love. After finishing this part, I will try to write a bit of documentation, a tutorial, and some examples.

All the code is released under an open license, so feel free to hack on it. I will be happy to get any help with this.

Predstavenie YUI-Compressor Ant task

2008-01-26T10:06:00.001+01:00

English version of this post can be found here.

YUI-Compressor je nástroj na minifikovanie JavaScriptového kódu. Minifikácia je proces, pri ktorom sa z JS odstránia všetky nepotrebné biele znaky, pri čom význam kódu pre browser (alebo iný interpreter) zostane rovnaký. Takýmto spôsobom sa dá ušetriť veľa prenášaných dát, často okolo 40 a viac percent. Mohlo by sa zdať že pri dnešných broadband pripojeniach je zbytočné šetriť prenášané dáta, ale nie je :-) Veľkosť web 2.0 JS frameworkov sa už počíta v stovkách kB, často i v MB.

Pre jednoduchšie použitie v antovských buildoch som napísal antovský task. Úspešne som ho využil v jednom projekte na ktorom som pracoval, a zatiaľ všetko funguje v poriadku ;-)

Inštalácia

Potrebujete YUI-Compressor: z môjho projektu, alebo priamo od zdroja

Potrebujete ant task jar: verzia 0.2-alpha1

Nakoniec treba umiestniť všetky jarka niekam, odkiaľ budú prístupné antu

Použitie v buildfile

Najprv treba nastaviť cesty a classpath:

/* ${libs} je cesta ku vsetkym stiahnutym jarkam */
<property 
    name="yui-compressor.jar" 
    location="${libs}/yuicompressor-2.1.2.jar" />
<property 
    name="yui-compressor-ant-task.jar" 
    location="${libs}/yui-compressor-ant-task-0.2-alpha1.jar" />

<path id="task.classpath">
  <pathelement location="${yui-compressor.jar}" />
  <pathelement location="${yui-compressor-ant-task.jar}" />
</path>

Definovať nový task:

/* definovanie noveho tasku */
<taskdef 
    name="yui-compressor" 
    classname="net.noha.tools.ant.yuicompressor.tasks.YuiCompressorTask">
  
  <classpath refid="task.classpath">
</taskdef>

Pred minifikáciou zbaliť všetky JS súbory do jedného (optional):

/* concatenation */
<echo message="Building ${my-ajax-lib.file}" />
<concat destfile="${my-ajax-lib.file}" force="no">

  <!-- Order in which these files are concatenated _IS_ IMPORTANT! -->

  <!-- AJAX related tools -->
  <fileset dir="${src.dir}" includes="**/ajax/utils.js" />
  <fileset dir="${src.dir}" includes="**/ajax/request.js" />
</concat>

A nakoniec zavolať compressor:

/* volanie compressora */
<yui-compressor 
    warn="false" 
    munge="true" 
    suffix=".js" 
    preserveallsemicolons="false" 
    fromdir="${output.build.dir}" 
    todir="${output.dist.dir}">

  <include name="${my-ajax-lib.file}" />
</yui-compressor>

Budúcnosť

YUI-Compressor dokáže minifikovať aj CSS súbory. Táto funkcionalita je už vo verzii 0.2-alpha1 tiež zahrnutá, chce to ale ešte trochu doladiť. Po dokončení tejto funkcionality by som rád napísal trochu dokumentácie, nejaký tutoriál a zopár príkladov.

Všetok kód je pod otvorenou licenciou na googlecode, takže vám nič nebráni začať hackovať a vylepšovať ho, veľmi rád prijmem akúkoľvek pomoc.

OpenID a Blogger.com

2008-01-21T23:29:00.001+01:00

Blogger.com je od minulého týždňa OpenID identity provider. Čo to znamená? Podľa tohoto krátkeho návodu môžete začat používať svoju *.blogspot.com doménu ako svoju OpenID identitu.

Tradičný spôsob prihlasovania

OpenID mení tradičný spôsob prihlasovania na web. Doterajší systém je priamočiary: na webe kde sa chcete prihlásiť vyplníte formulár, kde zadáte svoje meno a heslo ktoré ste si predtým zaregistrovali. Na každom webe kde ste zaregistrovaný máte meno a heslo, ktoré nijak nesúvisí s ostatnými webmi kde ste zaregistrovaný. Vaša online identita je tak roztrúsená po desiatkach rôznych webov, a vy (alebo váš browser) si musíte pamätať všetky kombinácie web -- prihlasovacie údaje.

"The OpenID Way"

Pri OpenID je prihlasovanie na web ktorý podporuje OpenID identitu odlišné. Na takomto webe, nazvime si ho 'dôverujúca strana' (relying party) nájdete formulár, kde napíšete URL svojej OpenID identity. Moja je javaflight.blogspot.com. Web na ktorý sa prihlasujete môže vašu identitu overiť dvoma spôsobmi, závisí to len na miere podpory OpenID špecifikácií. Opíšem tu len ten jednoduchší spôsob: checkid_setup. Po zadaní OpenID identity URL vás dôverujúci web presmeruje na prihlasovací formulár vášho OpenID poskytovateľa (v mojom pripade Blogger.com) kde normálnym spôsobom vyplníte svoje meno a heslo, ktoré máte u vášho poskytovateľa zaregistrované (v mojom prípade.... snáď tu nečakáte moje naozajstné heslo ;-) ). Váš OpenID provider sa vás potom opýta, či dôverujete webu kde sa chcete prihlásiť, teda dôverujúcej strane, tej na ktorej ste zadali svoje OpenID URL, a či chcete overiť svoju identitu. Ak áno, ste presmerovaný naspäť na web dôverujúcej strany a ste prihlásený. Celkom milé. Treba si pamätať len jedno meno a heslo, a svoje OpenID identity URL.

Vlastná doména ako OpenID identity URL: Delegovanie

Na to aby ste používali vlastnú doménu ako svoje OpenID URL stačí veľmi málo, delegovať autentikáciu z vášho webu na vybraného poskytovateľa. Do HTML hlavičky na indexe vašej domény stačí pridať odkaz na vášho OpenID poskytovateľa, teda webu ktorý vie overiť vašu identitu a komunikovať ju ďalej dôverujúcim stranám.

Ako openid.server uvediete server poskytovateľa. Ako openid.delegate uvediete vaše OpenID identity URL:

/* URL OpenID poskytovatela */
<link rel="openid.server" 
href="http://draft.blogger.com/openid-server.g" />
/* OpenID identity URL */
<link rel="openid.delegate"
href="http://javaflight.blogspot.com/" />

Takýmto spôsobom je možné byť nezávislý na OpenID poskytovateľoch. Ak poskytovateľ ktorého používate z nejakého dôvodu prestane fungovať, alebo ho chcete zmeniť, jednoducho zmeníte hodnotu openid.server na vašom webe, a dôverujúce strany sa budú pýtať iného poskytovateľa. Vám zostane vaše OpenID identity URL, a všetci budú spokojní :-)

Ďaľšie možnosti

Na vašom webe je možné mať rovno vlastného OpenID providera. Je to relatívne jednoduché s pomocou phpMyID, je to ale vyšší level oproti jednoduchému delegovaniu. Použitie phpMyID, a ďaľšie veci výborne popisuje Sam Ruby.

Zdroje

Kniha: Managing Humans

2008-01-20T10:13:00.000+01:00

Na túto knihu som narazil pri čítaní blogu z ktorého vychádza: Rands in Repose. Keď som ho prvýkrát objavil, strávil som nad ním niekoľko hodín, a veľa sa nasmial: nie je to žiadna manažérska príručka, ani nič podobné (také niečo by som ani nečítal).

Rozoznáte Meeting Creatures? Alebo Completionists od Incrementalists? Organics od Mechanics? Viete či máte NADD? Nie? Tak túto knihu vyložene potrebujete ;-)

Rands opisuje bežný život v bežnom svete developera/engineering managera a ukazuje veci, ktoré su po prečítaní zjavné. To znie jednoducho, ale nie je. Až po prečítaní a aplikovaní na môj kúsok sveta si začínam uvedomovať, že mnoho z tých vecí som vnímal, ale nikdy by som ich tak systematicky nepopísal. Okrem toho dokáže podať tieto opisy tak, že sa ich nedá nezapamätať.

Kniha je rozdelená na tri časti, Management, Procesy a You, a v jednotlivých esejách začnete postupne chápať že aj manažéri sú ľudia, ako rozmýšľajú a čo sa snažia dosiahnuť, ako fungujú bežné vnútrofiremné procesy, a nakoniec snáď aj niečo o sebe. Pre bežného developera je hlavne to spojenie manažér -- človek dosť nečakané ;-)

Neoceniteľné sú popisy interview procesu a zvieratiek s ktorými sa stretnete počas neho. Rady ako napísať svoje CV. Jednoducho, je nabitá informáciami ktoré sa vám skôr či neskôr budú určite hodiť.

Keď som aplikoval radu ako reportovať mojej nadriadenej, ktorá je typický Mechanic, mal som zrazu pocit viťazstva. Fungovalo to, a nič iné som ani nečakal, pretože to nie sú rady pre robotov, ale pre Humans. Nie sú to žiadne zázračné postupy v piatich krokoch ako sa stať obľúbeným, ale popisy aspektov ľudí, a ich myslenia.

Ako bonus je v knihe Glossary bežných termínov, ako sú Synergy, CEO, Org Chart, alebo Manager. Neoceniteľné a trefné. A vtipné.

Zhrnuté a spočítané, je to najlepšia kniha ktorú som minulý rok prečítal, a Rands má odvtedy svoje pevné miesto v mojom RSS Readri.

Citát III

2008-01-08T19:50:00.000+01:00

"I spent my entire childhood waiting to grow into an adult partially so I could afford to buy myself all the crap my parents wouldn't buy me when I was a kid."

-- Jeff Atwood @ http://www.codinghorror.com/blog/archives/001010.html

Parsovanie dátumu v Pythone

2008-01-06T15:55:00.000+01:00

V pythonovskom manuáli som našiel na prvý pohľad jednoduchý idiom na parsovanie textovej reprezentácie dátumu. Vyzerá takto:

>>> s = "10/11/2007 01:53"
>>> from datetime import datetime
>>> from time import strptime
>>> datetime(*strptime(s, "%d/%m/%Y %H:%M")[0:5])
datetime.datetime(2007, 11, 10, 1, 53)

Prvé tri riadky sú jasné, zaujímavý je ten štvrtý. Funkcia strptime naparsuje dátum v textovej podobe podľa určeného formátu. Výsledok potom vráti v podobe tuple. datetime ale neberie ako argument tuple, ale jednotlivé int hodnoty. Znak hviezdičky (asterisk) pred argumentom spôsobí rozloženie vrátenej tuple na jednotlivé int hodnoty, a predanie do funkcie ako jednotlivé parametre. Je to ekvivalentné tomuto zápisu:

>>> parsed_time = strptime(s, "%d/%m/%Y %H:%M")[0:5]
>>> parsed_time
(2007, 11, 10, 1, 53)
>>> datetime(parsed_time[0], parsed_time[1], parsed_time[2],
... parsed_time[3], parsed_time[4])
datetime.datetime(2007, 11, 10, 1, 53)

Podobne je v Pythone možné do funkcie poslať keyword argumenty pomocou dvoch hviezdičiek.

Poslednou nejasnosťou je ešte [0:5] na konci. Je to slice vrátenej tuple, pretože len prvých 5 vrátených hodnôt berieme do uváhy.

Build proces a cesta do pekla

2007-11-24T03:25:00.000+01:00

Po vyše roku skúseností s vývojom softvéru v jednej nemenovanej veľkej slovenskej banke, som získal neodbytný pocit. Pocit, a neskôr pevné presvedčenie, že používať Eclipse na buildovanie veľkej 'enterprise' aplikácie je šialenstvo.

Buildovací proces, ku ktorému neexistuje dokumentácia, iba roztrúsená kmeňová pamäť tímu je istá cesta do pekla. S príchodom každého nového člena tímu ktorý by rád začal vyvíjať sa opakuje ten istý cirkus. Pomocou niekoľkých len v náznakoch popísaných inštrukcií sa snaží dať dokopy lokálne prostredie. Naráža na rôzne prekážky. Členovia tímu, ktorí majú dosť vlastných problémov sa mu popri svojej práci v rámci svojich možností snažia pomôcť. Nie vždy to samozrejme funguje.

Priemerný čas rozbehania prostredia je podľa môjho odhadu okolo 2 dní.

Potom sa začne vyvíjať. Commity krásne pribúdajú. Príde čas posunúť sa k testovaniu. A prichádzajú daľšie problémy. Kedže jediný spôsob ako aplikáciu vybuildovať je Eclipse, a Eclipse môže (a je!) nastavený u každého trošíčku odlišne, niekedy aplikácia nejde vybuildovať, alebo niektoré veci nefungujú.

Začal som sa už cítiť divne že ma trápia podobné veci, a považujem podobné problémy za absurdné. Naštastie som dnes čítal dve eseje pri ktorých som sa smial cez slzy, a už sa cítim lepšie :)

Git bookmarklet

2007-11-03T02:47:00.000+01:00

Rýchle vyhľadanie aktuálnej Git manuálovej stránky: Drag & dropnite tento link na svoj bookmark toolbar:

man git

Po kliku napíšte git-rebase, alebo iba rebase a zobrazí sa man stránka.

Rozdiely v JavaScripte medzi browsermi

2007-11-02T00:10:00.000+01:00

Peklo zmrzlo, a Microsoft hneď na to publikoval dokument JScript Deviations from ES3 kde sa detailne rozoberajú rozdiely medzi implementáciami JavaScriptu v jednotlivých browseroch. V 87-stranovom dokumente sa bod po bode rozoberajú odlišnosti implementácií od ECMAScript 3 špecifikácie.

Komentár od JScript teamu by bol ešte pred pár rokmi nemysliteľný, a aj dnes je dosť prekvapivý:

We in the JScript team are looking into where various browser based implementations diverge, where our engine is incorrect in its interpretation of the specification, what if any de facto compatibility conventions have been reached, and the value of codifying such conventions into the standard. We’ve published the first draft of JScript Deviations from ES3 as a starting point.

Zdá sa že vo svete JavaScriptu svitá na lepšie časy. Dúfajme :-)

V dokumente sú podrobne rozobraté nielen odlišné implementácie špecifikácie, ale aj proprietárne veci ktoré su v JScripte. Zo zaujímavejších vecí sú to napríklad debugger statement, conditional compilation (ani som netušil že niečo také existuje), alebo dynamic scoping.

Veľmi zaujímavé čítanie.

Citat II

2007-10-30T22:33:00.000+01:00

That's why I use windows. So I don't have to wonder who the culprit is ;)

-- Killjoy_NL @ slashdot comment

jQuery AOP plugin a meranie výkonnosti

2007-10-28T12:43:00.000+01:00

AOP (Aspektovo Orientované Programovanie) je relatívne nový prístup k štruktúrovaniu kódu. Začína byť pomerne dosť rozšírené v Jave, vďaka AspectJ a Spring.

AOP sa zaujíma sa o jasné oddelenie niečoho, čo nazýva cross-cutting concerns, alebo naprieč-zasahujúce záujmy (uff, aký je oficiálny preklad? tento je hrozný). Cross-cutting concern je opakujúca sa časť kódu, ktorá sa vyskytuje v rôznych podobách na viacerých miestach. Typickými predstaviteľmi sú logovanie, security a profiling. Profilovanie je to čo ma teraz zaujíma, tak sa prizrime bližšie.

jQuery AOP

Tento jQuery plugin veľmi priamočiaro a jednoducho implementuje vytváranie a weaving aspektov do public metód a funkcií. Podporuje before, after a around advice, a vytvorený aspekt má metódu unweave, ktorou sa advice odstráni.


/* vytvorenie aspektu */
var aspect = jQuery.aop.before( {target: String, method: 'indexOf'}, 
  function(searchValue, fromIndex) { 
    alert('Calling String.indexOf with ' + searchValue + ', ' + fromIndex);
  }
);

/* vyvola alert */
'test it'.indexOf('i');

/* odstranenie advice */
aspect.unweave();

/* nevyvola alert */
'test it again'.indexOf('i');

Rozšírenie pre profilovanie

Advice typu around sa spúšťa pred aj po spustení cieľovej funkcie, preto je ideálnym kandidátom na implementáciu logovania dľžky trvania funkcie. Použil som na to funkciu, ktorá si pamätá počet zavolaní funkcie, a čas všetkých zavolaní spolu. Tu je:


profile : function(pointcut) {
  return weave( pointcut, { type:'around', value: function() {
    var advice = function(invocation) {
      
      var timeStart = new Date();
      var result = invocation.proceed(); 
      var timeEnd = new Date();

      advice.callCount += 1;
      advice.totalTime += timeEnd.getTime() - timeStart.getTime();

      return result;
    }

    advice.callCount = 0;
    advice.totalTime = 0;
    return advice;
  }()});
}

Ako advice funkcia je tu funkcia ktorá vracia funkciu. Joj, trošku zložité :-). Je to dôležité, pretože ako advice musí byť použitá funkcia, chceme jej ale nainicializovať public atribúty, a takto je to podľa mňa najčitateľnejšie.

Ok, máme advice, je na správanom mieste, ale ako dostaneme výsledky? Každý vytvorený aspekt má už metódu unweave na svoje odstránenie, pridal som mu teda aj metódu finishProfiling, ktorá nám vráti naakumulované výsledky:


aspect.finishProfiling = function() {
  if (!advice.value.callCount) {
    return null;
  }

  var result = 'totalTime [ms]: ' + advice.value.totalTime;
  result += ' callCount: ' + advice.value.callCount;
  result += ' avgTime [ms]: ' + advice.value.totalTime / advice.value.callCount;

  advice.value.callCount = advice.value.totalTime = 0;
  return result;
};

Táto metóda nielen vráti výsledky, ale aj vynuluje počítadlá. S týmto sa dá samozrejme vyhrať, môže a nemusí ich nulovať, výsledky sa môžu vracať inak, mne ale úplne stačila táto jednoduchá implementácia.

Použitie

Zistil som, že potom čo som obalil rôzne metódy, a celé inštancie do aspektov, potreboval som selektívne zisťovať ich výsledky. Najjednoduchšie by to bolo na klávesovú skratku. Kedže s jQuery nie som až taký kamarát, musel pomôcť ExtJS. Implementácia by mohla vyzerať takto:


var aspects = $H();
aspects.merge({
  'String.indexOf': jQuery.aop.profile({target: String, method: 'indexOf'}),
  'Array.splice': jQuery.aop.profile({target: Array, method: 'splice'})
});

/* profilingove informacie: Ctrl+Shift+PgUp */
Ext.get(document).on('keydown', function(e) {
  if (e.ctrlKey && e.shiftKey && e.getKey() == e.PAGEUP) {
    console.log('==============');
    aspects.each(function(pair) {
      var profilingInfo = pair.value.finishProfiling();
      if (profilingInfo) {
        console.log(pair.key + ': ' + profilingInfo);
      }
    });
  }
});

Áno, áno, je to mix jQuery, Prototype a ExtJS, nič moc ;-).

Čo ďalej

Pokúsim sa ten kód nejak upratať, a navrhnúť ho pôvodnému autorovi jQuery AOP. Tiež by sa hodila nejaká dokumentácia, prípadne funkčný príklad, o ktorý sa tiež pokúsim.

Publikovanie kódu s pomocou google-code-prettify a JSLoader

2007-10-24T22:43:00.000+02:00

Publikovanie kódu na blogu, alebo v dokumentácii môže byť menšia nočná mora. Kód je ťažko čitateľný, pokiaľ nie je farebne zvýraznený, to ale bežne dokáže iba editor. Ako na zvýraznenie v HTML, a v momente kedy sa nedá nič inštalovať na server? Veľmi jednoduchým a funkčným riešením su dve JS libky, google-code-prettify a JSLoader.

google-code-prettify

Malá (iba necelých 10kB v minifikovanej podobe) hračka, ktorá má len jednu funkciu: Zobrať obsah elementu <pre> a farebne zvýrazniť kód v ňom. Jazyk ktorý zvýrazňuje sa nikde nenastavuje, prettify si ho tipne sama. Medzi podporované jazyky patria C, Java, Python, Bash, SQL, HTML, XML, CSS, Javascript, a Makefiles, čiastočne aj Ruby, PHP, Awk a Perl. Dosť slušné. To, ktoré elementy chceme zvýrazniť sa dáva libke na známosť klasickým Unobtrusive Scripting spôsobom -- CSS triedou. Viac v README.

JSLoader

Ok, zvýraznenie by bolo, ale ako loadnut prettify, ak jej distribúciu nemôžeme umiestniť na server? JSLoader to the rescue. JSLoader je JS knižnica ktorá dokáže do aktuálnej HTML stránky vložiť niektorú z podporovaných JS libraries. Zatiaľ je podporovaných niekoľko najznámejších, časom budú určite pribúdať ďaľšie. Zdrojom odkiaľ sú liby sťahované je zatiaľ server jsloader.com, uvidíme ako dlho to vydrží, a či to neprevezme na seba nejaká CDN.

JSLoader funguje na viac menej jednoduchom princípe vytváranie script tagov v dokumente, jej hlavná výhoda ale je že 'pozná' jednotlivé liby a frameworky, a vy sa tak nemusíte naťahovať s ich inštaláciou, JSLoader vie čo potrebujú.

Príklad použitia pre google-code-prettify (obšlahnutý z homepage JSLoadera):


/* najprv samotny loader */
<script src="http://vps.jsloader.com/assets/jsloader.js" />

/* v jednom script bloku prettify a jej zavislost: prototype */
JSLoader.load("ria","prototype","1.5.1");
JSLoader.load("ria","prettify","1.0");

/* v dalsom bloku naviazanie na load DOM */
Event.observe(window,"load",prettyPrint);

Niet ďalej čo riešiť, kód uzavretý v pre tagoch bude odteraz really pretty, ako je možno vidieť na príkladoch priamo v tomto zápise :-) Takže, happy code publishing..

Update 28.10.2007 15:50
Editor blogpostov tu na Blogger.com odstráni z textu oddeľovače riadkov, a zamení ich za <br />. Ak kdekoľvek v kóde ktoý chcem zvýrazniť použijem riadkový komentár //, prettify potom považuje celý zbytok príkladu za komentár, pretože je všetko v jednom riadku. Ak sa použijú /* blokové komentáre, */ všetko funguje tak ako má.

Rýchle porovnanie Number.times a for-loop

2007-10-12T21:05:00.001+02:00

Pomerne často používam vo svojom kóde funkcie ako Number.times a Array.each z Prototype. Keďže posledné týždne máme určité obavy či náš aktuálny projekt je dostatočne rýchly, zamýšlal som sa aj nad tým, či používanie takýchto syntactic sugar 'udělátek' nemôže byť zdrojom 'pomalosti' našej aplikácie.

Zamýšlanie sa je pekná vec, ale omnoho užitočnejšie ako hádať je v programovaní urobiť experiment, a preto som sa rozhodol rýchlo (a nepresne) porovnať výkonnosť dvoch prístupov k for-loop. Prvý, nazvime ho vyzývateľ, je funkcia Number.times, ktorá odkukáva Ruby štýl, druhý, šampión, je klasický for cyklus. Aby to nebolo až také nudné, zabalil som for-cyklus do API podobného Number.times.

Pozrime sa na kód:


// wrapper API for the for-loop
Number.prototype.excercisesInTheMorning = function(whatExcercise) {
  var howMany = this;
  for (var i = 0; i < howMany; i++) {
    whatExcercise.call(this, i);
  }
};

// the contestants

var SimpleForLoop = function(i) {
  (i).excercisesInTheMorning(function(n) {
    // empty loop
  });
};

var PrototypeRubyStyle = function(i) {
  (i).times(function(n) {
    // empty loop
  });
};

// the referee
var bench = function(n, fn, name) {
  console.log('---- ' + name + ': ' + n + ' times ----');
  var startTime = new Date();
  console.log('start: ' + startTime.getTime());

  fn.call(this, n);

  var endTime = new Date();
  console.log('finish: ' + endTime.getTime());
  var diff = (endTime.getTime() - startTime.getTime());
  console.log('total [ms]: ' + diff);
  return diff;
}

// let the match begin..
var p = bench(1000000, PrototypeRubyStyle, 'PrototypeRubyStyle');
var s = bench(1000000, SimpleForLoop, 'SimpleForLoop');

console.log(Math.floor(p / s).toString() + 'x faster');

Pomerne jednoduchá a bezduchá implementácia :-) Čo ste vlastne čakali?

Skúsme výsledky:


---- PrototypeRubyStyle: 1000000 times ----
start: 1192215759640
finish: 1192215775171
total [ms]: 15531
---- SimpleForLoop: 1000000 times ----
start: 1192215775171
finish: 1192215778437
total [ms]: 3266
4x faster

Na mojom notebooku (1.87GHz single-core) vo Firefoxe 2.0.0.7 na Ubuntu 7.10 skončilo 1.000.000 opakovaní for-loop približne 4x rýchlejšie ako Number.times. Ten rozdiel je dosť veľký, treba si ale uvedomiť ze šlo o poriadne veľa opakovaní, čo sa v bežnej aplikácii asi tak často nevyskytne. Štvornásobný rozdiel bol pomerne konštantný, a udržiaval sa pri počte opakovaní od 10.000 až po 1.000.000.

Záver teda je, že ak je vaša aplikácia pomalá, prepisovanie Number.times na for-loop ju asi z biedy nevytrhne. Zopár dobre mierených console.time a console.timeEnd ale môže vašu pozornosť upriamiť na miesta ktoré trvajú prekvapivo dlho, a ktoré možno prepísať efektívnejšie, alebo odaliť chyby (Ako mne dnes, keď som našiel dve hlúpe chyby pri porovnávaní Date v implementácii cache. Ich odstránenie zrýchlilo pomalé okno na polovicu času.)

Optimalizacia do mrtva

2007-10-07T12:02:00.000+02:00

Pekne Python triky pri zrychlovani spracovavania logov na multi-core. [via]

Obidenie problemu ciarky navyse

2007-10-03T16:52:00.000+02:00

Pri pouzivani napr. Module Patternu v JS casto narazam na jednoduchu chybu s ciarkou navyse, ktora sa ale obcas velmi tazko odhaluje.

Priklad:


 // singleton podla Module Pattern
 var test = function() {
 
   var privateVar = 'private';
 
   return {
 
     publicVar: 'public',
 
     publicMethod: function() {
       alert(publicVar);
     },
     
     /*
     anotherPublicMethod: function() {
       alert(privateVar);
     }
     */
 
   }
 }();

Ak odkomentujeme public metodu 'anotherPublicMethod', kod bude fungovat, ak ju zakomentujeme, kod v IE padne na chybe syntaxe. Kde je problem? Skusme jednoduchsi priklad:


 var o = {
   'first': 'needs comma',
   'second': 'MUST NOT have comma'
 }

Posledny clen objektu pri zapise pomocou object literal nesmie byt oddeleny ciarkou. Tato chyba sa prejavuje iba v Internet Exploreri, ktory je samozrejme vyrazne nepriatelsky voci vyvojarovi, co ma za nasledok to spominane obtiazne hladanie tejto chyby. Jednoduche riesenie je automaticky pridat na koniec triedy prazdny clen bez ciarky, ktory tam bude vzdy. Ostatne metody a atributy samozrejme budu s ciarkou.

Prvy priklad z workaroundom:


 // singleton podla Module Pattern
 var test = function() {
 
   var privateVar = 'private';
 
   return {
 
     publicVar: 'public',
 
     publicMethod: function() {
       alert(publicVar);
     },
     
     /*
     anotherPublicMethod: function() {
       alert(privateVar);
     },
     */
 
     EOF: null
   }
 }();

Je to jednoduchy a citatelny idiom na ktory sa da relativne lahko zvyknut.
(via)

Ext 2.0 alpha1

2007-09-29T12:39:00.000+02:00

Vysla prva alpha verzie 2.0 JS frameworku ExtJS. Tato verzia pridava najma vylepsenia komponentov ako scrollovatelne taby, groupovanie v gride, podporu stlpcov pre strom, a ine.

Velmi sa zlepsilo dokumentacne centrum, ktore je omnoho pouzitelnejsie. Jednotlive stranky sa otvaraju v taboch, pribudlo filtrovanie stromu ala Eclipse, a (konecne) permalinky.

Better Builds With Maven

2007-09-25T19:32:00.000+02:00

Firma DevZuz ponuka knihu Better Builds With Maven od autorov Maven2 zadarmo.

Ak nestaci Maven na build, DevZuz ponuka integrovane open-source riesenie pre build, continuous integration, dependency management a reporting: DevZuz Maestro (predtym Mergere Maestro). Maestro obsahuje okrem Maven 2 CI nastroj Continuum a repository manager Maven Archiva.