MapReduceJS: Een educatief map/reduce framework

Downloadlink: MapReduceJS, an educational MapReduce framework implemented in Javascript.

MapReduce is een door Google ontwikkeld framework waarmee bewerkingen in twee stappen op grote sets data kunnen worden uitgevoerd. Elke bewerking is compleet onafhankelijk van andere bewerkingen en ze kunnen daarom eenvoudig worden verspreid over meerdere machines. Standaard voorbeeld hierin is bijvoorbeeld het tellen van woorden in documenten:

• 1. Input: een lijst met documenten
• 2. Map-stap: je krijgt een document binnen, en split deze op spaties. Je retouneert een array met alle losse woorden
• 3. Reduce-stap: je krijgt binnen: het woord, en een array met alle keren dat deze voorkwam in álle documenten. Deze kan je tellen en teruggeven als output.

Continue reading »

Developer Summit: los met pipes en map/reduce

Het Tweakers Developer Summit was weer een mooie gelegenheid als web-nerd om he-le-maal los te gaan. Als eerst, mijn implementatie:

• Klop ID's van de pricewatch in, komma seperated
• Hit de button
• Je krijgt een lijst met shops waar alle producten te koop zijn, met de totaalprijs

Continue reading »

Javascript on-the-fly samenvoegen, minifyen en versionen

Het samenvoegen van meerdere javascript files, en het minifyen van dezelfde javascript is een optimalisatie die flink effect kan hebben op de performance van je website; en een standaardadvies van optimalisatietools. Vandaar hier de techniek die wij gebruiken voor onze nieuwe mobiele website om javascript samen te voegen, te minifyen met YUI compressor, en automatisch te versionen.

Welke javascript is nodig?
Om op een willekeurige pagina aan te geven welke javascript benodigd is, kunnen we inhaken op het 'Page_Init()' event dat nog steeds bestaat in ASP.NET MVC. Dit draait voordat de view zal worden gerenderd. De syntax hiervoor is:

// onderaan je .aspx of .master:
<script runat="server">
    protected void Page_Init(object sender, EventArgs e)
    {
        ScriptHelper.RegisterScript("/js/jquery.js");
        ScriptHelper.RegisterScript("/js/global.js");
    }
</script>

Continue reading »

Zoekbox live!

Zoekscherm dat dynamisch queries maakt met Expression Trees en MVC

Naar aanleiding van de reactie van Jogai in Coding Glamour: Route constraints op QueryString parameters in ASP.NET MVC, een post over het mappen van een MVC zoekformulier naar een echte SQL query.

Let's get it started
Met behulp van het volgende model wordt een view getoond met daarop een formulier:

// model
public class ZoekformulierModel {
    public string Plaatsnaam { get; set; }
    public int PrijsVan { get; set; }
    public int PrijsTot { get; set; }
    public bool IndTuin { get; set; }
    
    /* wat code voor de opties in de selectlist */
}

<!-- view -->
<form method="post" action="">
<h1>Zoekformulier</h1>
<table>
    <tr><th>Plaats</th><td><%=Html.TextBoxFor(m=>m.Plaatsnaam) %></td></tr>
    <tr><th>Prijs</th>
        <td><%=Html.DropDownListFor(m=>m.PrijsVan, Model.PrijsRange) %> - <%=Html.DropDownListFor(m=>m.PrijsTot, Model.PrijsRange) %></td></tr>
    <tr><th>Tuin?</th><td><%=Html.CheckBoxFor(m=>m.IndTuin) %></td></tr>
</table>
<input type="submit" value="Zoeken" />
</form>

Continue reading »

Route constraints op QueryString parameters in ASP.NET MVC

ASP.NET MVC kent een vrij krachtige routing-engine om URL's te routen naar de actie die daarbij hoort. Naast puur URL's mappen kan je tevens constraints toevoegen om je routings wat te finetunen. Bijvoorbeeld praktisch voor de volgende situatie:

/koop/amsterdam/appartement-12345-straat-1/fotos/
-> moet naar ObjectController.Detail

/koop/amsterdam/appartement-12345-straat-1/reageer/
-> moet naar ObjectController.Contact

// bijvoorbeeld
routes.MapRoute(
    "object-contact",
    "{aanbod}/{plaats}/{type}-{id}-{adres}/{pagina}",
    /* ... */,
    new { pagina = @"reageer|bezichtiging" });
// als pagina iets anders is dan reageer / bezichtiging matcht de route niet

/koop/?id=12345&pagina=reageer

Continue reading »

Mobile device detection

Belangrijk onderdeel van ons nieuwe mobiele platform is uitvogelen welk device een gebruiker op dat moment gebruikt. Ben je mobiel met een viewport-breedte van < 600 px dan willen we je doorsturen naar onze mobiele site. En dan kom je terecht in de wondere wereld van User Agent parsing.

Continue reading »

Bouw eens een API met WCF, deel 4: Beschikbaar via SOAP, XML en JSON

Een API is geen API als er niet via verschillende protocollen tegenaan gepraat kan worden; iets wat in WCF volledig in config geregeld kan worden. In Visual Studio 2008 nog iets wat haast automatisch handwerk werd: de Configuration Editor was niet alleen alles behalve intuitief, maar genereerde ook nogal eens niet werkende configs. 2010 heeft daar echter verbeteringen in aangebracht, waardoor het configureren voor meerdere endpoints een breeze is.

Continue reading »

Waarom Javascript zo awesome is

($=[$=[]][(__=!$+$)[_=-~-~-~$]+({}+$)[_/_]+
($=($_=!''+$)[_/_]+$_[+$])])()[__[_/_]+__
[_+~$]+$_[_]+$](_/_)

Continue reading »

Nieuwe mobiele website, deel 1: Kickoff

In de komende weken wil ik aandacht besteden aan het project waar ik op dit moment de lead voor ben: de herbouw van ons mobiele platform. Niet alleen puur technisch, maar ook een kijkje achter de deur wat betreft project management, planning en bepaalde keuzes. Vandaag deel 1: de kickoff.

Continue reading »