Door de grote hoeveelheid apps die voor de iPhone worden aangeboden is het lastig apps te vinden die echt de moeite waard zijn. Wij helpen je daarom een beetje door handige en leuke apps op een rij te zetten waarmee je je productiviteit kunt vergroten. Dit artikel is een levend artikel en wordt regelmatig geüpdatet met een nieuwe app. Check dus regelmatig dit artikel om op de hoogte te blijven van de beste iPhone apps op dit gebied.

Zoek je andere iPhone-apps? Bekijk dan eens de volgende artikelen:

[list type="bullets"]Gratis iPhone apps

Leuke iPhone games

iPhone apps voor kinderen

Beste iPhone apps: muziek[/list]

Ben je op zoek naar meer apps voor de iPhone? Kijk dan verder op AppFish.

De iPhone 5 wordt volgens geruchten op dit moment door Apple ontwikkeld. Kijk hier om het laatste nieuws over de iPhone 5 te lezen.

Dit artikel is op 1 mei 2012 geüpdatet met een nieuwe app. Deze app vindt je bovenaan in dit artikel.

13. kooaba Shortcut

Hoewel de QR-code al sinds 1994 bestaat, wordt deze tweedimensionale streepjescode het afgelopen jaar pas recentelijk in printmedia of op billboards gespot. Als het van het Zwitserse bedrijfje Kooaba afhangt, is zelfs deze QuickRespons-code al achterhaald. Kooaba ontwikkelde een nieuwe app waarmee je een foto kan trekken van printmedia zoals een krant of een tijdschrift. Enkele seconden later kan je de digitale versie van de pagina op je smartphone terugvinden. Aan deze pagina kan men dan weer, net zoals bij de QR-code, extra inhoud linken. Ook is het mogelijk om de gescande pagina's te delen op Facebook of Twitter. Hoewel reeds een duizendtal kranten en tijdschriften een digitale versie via Shortcut beschikbaar stellen, bieden er slechts een kleine honderd daarvan ook echt deze interactieve toepassingen aan. Volgens de Nederlandse marketingmanager van Kooaba is dit te wijten aan het grote aanbod van apps voor kranten en tijdschriften.

©PXimport

Review score: 3+

Grootte: 1.2 MB

Platform: Compatibel met iPhone, iPod touch (4de generatie), iPad 2 Wi-Fi, iPad 2 Wi-Fi + 3G, iPad (3de generatie) en iPad Wi-Fi + 4G. Vereist iOS 3.0 of recenter.

Prijs: gratis

12. AutoCorrector

Vele iPhone-, iPod- en iPad-gebruikers ergeren zich mateloos aan de autocorrectie bij het spellen van woorden. Het woord 'the' wordt onvermijdelijk gecorrigeerd naar 'THE' en 'ge' wordt 'gé'. Hoewel de iOS-software een 'lerend' woordenboek heeft, worden niet alle woorden even gemakkelijk opgenomen. Met de zeer eenvoudige AutoCorrector kan je dit probleem gemakkelijk verhelpen. De opbouw van de app is zeer gemakkelijk: je kan vanuit het startscherm kiezen uit slechts twee knoppen ('Add Word' en 'View Words'). Via de knop 'Add Word' kan je een woord toevoegen aan je iOS-woordenboek. De knop 'View Words' heeft als mogelijkheid al je reeds toegevoegde woorden te bekijken. Daarnaast kan je een 'Additional Word Pack' opslaan. Dit is een lijst van 116 veelgebruikte afkortingen die herkend worden tijdens het typen. Jammer genoeg zijn deze afkortingen allemaal afkomstig uit de Engelse taal.

©PXimport

Review score: 4+

Grootte: 2.5 MB

Platform: iPhone, iPad & iPod touch. Vereist iOS 4.0 of recenter.

Prijs: gratis

11. Week Calendar

Deze app heeft eigenlijk geen introductie meer nodig. Al maanden scoort de Week Calendar goed in de hitlijsten van de App Store, vooral vanwege het duidelijke, iCal-achtige weekoverzicht in zowel landscape- als portretmodus. Wanneer je dit combineert met een perfecte synchronisatie via iCloud, begrijp je meteen waarom deze app zo'n succes kent. De Week Calendar is snel, gebruiksvriendelijk en overzichtelijk. Kortom: alles wat een goede agenda nodig heeft.

Het sterke punt van deze agenda is, zoals reeds vermeld, de weekweergave. Zeker als je vaak met iCal op je Mac werkt, zal de originele agenda-app op je iPhone of iPod een teleurstelling zijn. Week Calendar slaagt erin om zowat je hele weekplanning op het 3,5-inch scherm te projecteren. Op deze manier kan je in één oogopslag zien wanneer je nog een gaatje in je agenda hebt.

Daarnaast werkt de Week Calendar net zo praktisch als de originele iCal-app. Afspraken toevoegen, afspraken verplaatsen en afspraken verwijderen werkt zeer intuïtief, zoals we gewoon zijn van de applicaties van Apple. Een ander pluspunt is de snelle synchronisatie met je agenda via iCloud. Ook andere agenda's zoals Google Calendar werken naadloos met deze app.

Na lang zoeken vond ik toch één nadeel bij deze app. Het heeft de mogelijkheid om feestdagen, sportwedstrijden, maanstanden, het weerbericht en beurskoersen weer te geven. Jammer genoeg wordt voor deze in-app aankopen een supplement aangerekend, beginnende bij € 0,79.

©PXimport

Review score: 4+

Grootte: 8.5 MB

Platform: iPhone, iPad & iPod touch

Prijs: € 1,59

10. Thuisbezorgd.nl

Toegevoegd op 18 januari 2012

Heb je vandaag geen zin om te koken of heb je geen eten in huis? Dan kan de app Thuisbezorgd.nl je helpen. Via de app van de gelijknamige internetwebsite kun je eten bestellen bij allerlei bezorgdiensten bij jou in de buurt. Door je postcode in te voeren of je huidige locatie met de app te delen geeft Thuisbezorgd.nl je een lijst van alle bezorgdiensten in jouw regio. De diensten zijn gesorteerd op categorie. Om je een goed beeld te geven van een bezorgdienst is het mogelijk de beoordelingen van andere gebruikers te bekijken. Vanuit de app kun je direct een maaltijd bestellen. De betaalmogelijkheden die de app biedt zijn op dit moment helaas erg beperkt. Het is alleen mogelijk om contant of via Rabo SMS Betalen af te rekenen. Thuisbezorgd.nl kan gratis uit de App Store worden gedownload.

©PXimport

Via Thuisbezorgd.nl kun je maaltijden bij allerlei bezorgdiensten bestellen

9. 22tracks

22tracks is een handige app waarmee je snel nieuwe muziek kunt ontdekken. De app bevat 22 afspeellijsten met verschillende muziekgenres, waarbij iedere afspeellijst 22 nummers bevat. De nummers worden uitgekozen door DJ's uit Amsterdam en Brussel. Je kunt daarom kiezen tussen de Nederlandse en Belgische selectie van muziek. In de app kom je allerlei nieuwe en leuke artiesten tegen. Vind je een nummer echt de moeite waard? Dan kun je deze met één druk op de knop in de iTunes aanschaffen. Daarnaast is het mogelijk om via een Tweet te delen naar welk nummer je op dat moment luistert. De app is voor 1,59 euro te downloaden.

©PXimport

Zoek snel nieuwe artiesten met 22tracks

8. Flitsmeister

Zit je veel op de weg en heb je altijd haast? Dan is Flitsmeister een app die je niet kan missen. De app waarschuwt je voor alle mobiele flitsers, trajectcontroles, aangekondigde KLPD controles en files. Je kunt alle flitsers in een overzicht bekijken, waardoor je precies weet waar in Nederland geflitst wordt en jij dus lekker kunt doorrijden. Daarnaast kun je bijvoorbeeld de route van en naar huis in de app opslaan, waardoor de app je waarschuwt voor controles op dit traject. Zodra je een flitser of trajectcontrole nadert krijg je een geluidssignaal te horen. Het kan natuurlijk zijn dat jij als eerste een mobiele flitser ziet. In dit geval kun je de flitser via de app melden, waardoor je andere bestuurders kunt waarschuwen. Flitsmeister kost 2,39 euro in de App Store.

©PXimport

Met Flitsmeister weet je altijd waar er waar de flitsers staan

7. TapIt4Me

Schrijf jij veel tekst op je iPhone? Dan is TapIt4Me iets voor jou. De app maakt het mogelijk toetsencombinaties te koppelen aan tekst, waardoor het typen van e-mails of andere teksten aanzienlijk sneller gaat. TapIt4Me noemt dit snippets. Zo kun je bijvoorbeeld een snippet aanmaken voor een standaard groet die je onder mailberichten plaatst. Hierdoor hoef je voortaan alleen nog de toetsencombinatie in te typen om de volledige groet te krijgen. De app heeft helaas geen directe integratie met andere apps, waardoor je zult moeten schakelen tussen de verschillende apps. Om bijvoorbeeld een reactie op een e-mail te schrijven met behulp van deze app moet je in de mail-app op reply drukken. Vervolgens switch je via de multitask-balk naar TapIt4Me, waar je de tekst voor de e-mail kunt schrijven. Zodra de tekst klaar is kies je voor de optie 'Mail' in het menu, waarna TapIt4Me de reactie kopieert in mail die je eerder hebt geopend. De snippets kunnen via een MobileMe-account worden gedeeld met de desktop-versie van de app. TapIt4Me is beschikbaar voor 3,99 euro.

©PXimport

TapIt4Me versnelt het schrijven van tekst op de iPhone aanzienlijk

6. Documents To Go

Op de iPhone is het standaard mogelijk een sommige Office-documenten te bekijken. Aanpassen is standaard echter niet mogelijk. Met Documents To Go kun je onderweg toch documenten aanpassen. Met de app kun je zowel Word- als Excel-documenten aanpassen. PowerPoint-presentaties en PDF's kunnen helaas alleen bekeken worden. iPhone 4-gebruikers met iOS 4 kunnen bijlagen van emailberichten bekijken en aanpassen. Er is ook een desktopversie van Documents To Go beschikbaar. iPhone app kan eenvoudig met de desktopsoftware worden gesynchroniseerd. De app is met 7,99 euro niet goedkoop.

©PXimport

Documents To Go maakt het mogelijk om documenten onderweg aan te passen

5. Instapaper Free

Onderweg is een goed moment om op het internet allerlei informatie op te zoeken. Hierdoor kan het voorkomen dat je een artikel hebt gevonden, maar bijvoorbeeld net de trein uit moet. Instapaper Free is in dit geval een uitkomst, aangezien de app de webpagina op slaat. Een groot voordeel hierbij is dat de artikelen ook terug te kijken zijn op het moment dat je geen internetverbinding heb. Sta je dus met de trein stil in de Schipholtunnel? Je kunt gewoon doorlezen. Ook kan dit van pas komen bij abonnementen met een datalimiet, waardoor je (zware) websites liever niet onnodig vaak laad. De opgeslagen pagina kun je bekijken in de standaard opmaak of in een versie waarbij alleen de tekst wordt getoond. Instapaper is gratis beschikbaar in de App Store.

©PXimport

Met Instapaper Free kun je webpagina's opslaan om deze later offline te bekijken

4. Calendar Alarm

Het opslaan van afspraken in de iPhone's Calendar-app voorkomt dat je afspraken vergeet. De app bevat een alarmfunctie, maar deze is niet erg duidelijk waardoor het alarm vaak niet te horen is als de iPhone bijvoorbeeld in een tas zit. Calendar Alarm biedt hier een oplossing voor door het alarm van Calendar luider en aanweziger te maken. De app vervangt de Calendar-app van de iPhone en neemt automatisch je afspraken over. Ook kun je in Calendar Alarm nieuwe afspraken maken, waardoor de originele Calendar-app overbodig wordt. In totaal kun je twaalf geluiden instellen als alarm. Ook kun je instellen hoe lang het alarm af moet gaan en is het mogelijk gebruik te maken van een snoozer. Hierdoor kan je de alarmmelding weg klikken, waarna deze na verloop van tijd weer afgaat. Dit is met name handig als je nog niet toe bent aan de afspraak en deze korte tijd wilt uitstellen. Calendar Alarm is te downloaden in de App Store voor 79 eurocent.

©PXimport

Calendar Alarm voorziet je afspraken van een luid en duidelijk alarm

3. 1Password

1Password is een app die je helpt bij het onthouden van inlognamen, wachtwoorden en andere belangrijke gegevens. Zo kun je belangrijke informatie als creditcard-gegevens en abonnementsnummers opslaan, maar ook notities maken die te gevoelig zijn om in standaard notitie-apps op te slaan. Daarnaast biedt de app ook de mogelijkheid gebruikersnamen en wachtwoorden automatisch op websites in te laten vullen. De app is beveiligd met zowel een unlock code als een wachtwoord. De unlock code wordt gebruikt om je toegang te geven tot de app. Extra gevoelige informatie kun je vervolgens met het wachtwoord van extra beveiliging voorzien. De app kan gesynchroniseerd worden met de Mac-versie van 1Password, maar deze kost 39,95 dollar. 1Password voor de iPhone kost 5,99 euro.

©PXimport

1Password beschermt al je belangrijke gegevens met een dubbele beveiliging

2. Remember the Milk

Remember the Milk is een iPhone-app voor het beheren van taken. Met de app kun je eenvoudig taken beheren door deze toe te voegen aan de app, te organiseren met behulp van onder andere prioriteiten, einddata, herhalingen en labels en uiteindelijk af te vinken als voltooid. Ook is het mogelijk via e-mail, sms en chat een herinnering aan een taak te ontvangen. De app is beschikbaar in een gratis en pro-versie. De gratis versie heeft zijn beperkingen. Zo kun je slechts eens per vierentwintig uur synchroniseren met je online Remember the Milk-account. Daarnaast krijg je geen push notificaties om je te herinneren aan taken. De pro-versie biedt deze mogelijkheden wel. De pro-versie wordt in-app aangeboden in abonnementsvorm. Hierbij betaal je 2,39 euro per maand of 19,99 euro per jaar.

©PXimport

Remember the Milk helpt je bij het beheren van al je taken

1. Evernote

In de App Store zijn veel apps te vinden waarmee je snel notities kunt maken. Evernote is er hier één van. De app onderscheidt zich echter van zijn concurrenten door de notities met de website van Evernote te synchroniseren. Hierdoor zijn je notities altijd en overal via het internet beschikbaar, ook als je iPhone toevallig leeg raakt. Met Evernote kun je notities in allerlei formaten opslaan. Zo kun je simpelweg een notitie schrijven, maar ook een notitie inspreken of een videobestand als notitie opslaan. Bij iedere notitie die je aanmaakt wordt automatisch de locatie waarop je deze hebt gemaakt opgeslagen. Hierdoor kun je per locatie de bijbehorende notities bekijken. Evernote is gratis in de App Store te downloaden.

©PXimport

Met Evernote kun je notities maken in verschillende vormen

Hebben wij een app gemist die volgens jou echt in dit artikel thuis hoort? Laat het ons weten via de comments!

Niet alleen het saaie en repetitieve werk wordt vervangen door AI. Je bent óók als kenniswerker niet meer zeker van een baan. Software wordt al grotendeels door AI geschreven. Gelukkig kun je daar als hobbyprogrammeur ook enorm van profiteren. Het brengt naast tijdwinst ook veel gemak. We helpen je op weg met drie praktische tools: ChatGPT, Aider en de Windsurf Editor. We maken enkele eenvoudige voorbeelden, zodat je een helder beeld hebt van je potentiële workflow.

Grote taalmodellen zijn al zo goed dat je comfortabel complete programma’s door AI kunt laten maken, zelfs zonder enige programmeerkennis. Afhankelijk van de tools die je gebruikt, voelt dat toch alsof je samen aan code werkt, ook wel pair-programmeren genoemd. Je houdt dus enige controle en kunt er, als je oplet, veel van leren. Ook al wordt het harde werk door AI gedaan.

Een bijkomend voordeel is dat je heel gericht aanpassingen kunt laten doen of vragen kunt stellen over de code, zonder dat je de documentatie of websites als Stack Overflow hoeft door te spitten. Het is geen verrassing dat laatstgenoemde website met fors dalende bezoekersaantallen te maken heeft. Ook andere taken, zoals het schrijven van de documentatie, zijn snel geregeld.

In dit artikel gaan we een eenvoudig programma maken met AI, zodat je een goed beeld hebt van de workflow. We gebruiken drie verschillende tools. We starten met het vertrouwde ChatGPT, al kun je ook bijvoorbeeld voor Claude of Gemini kiezen. Daarna gaan we met Aider in combinatie met Git aan de slag. Daarmee werk je ‘samen’ aan programmacode via de opdrachtprompt, in ons voorbeeld binnen het vertrouwde Visual Studio Code. Tot slot gaan we met de Windsurf Editor aan de slag, een completere grafische ontwikkelomgeving met geïntegreerde AI-features, die je van begin tot eind ondersteunt bij het maken van je programma. 

ChatGPT

Chatbot

Grote taalmodellen (LLM’s) vormen de basis voor chatbots als OpenAI’s ChatGPT en Anthropics Claude, maar óók voor de tools die we hierna behandelen. Feitelijk benaderen we de chatbots in dit eerste deel van het artikel rechtstreeks, via een browser of app. De andere tools gebruiken de API van deze bedrijven. Raadpleeg eventueel voor het starten met ChatGPT deze basiscursus.

De nieuwere modellen (we gebruiken overwegend ChatGPT 4o en Claude 3.5 Sonnet) laten heel goede resultaten zien voor programmeertaken. Ze helpen uiteraard niet alleen om programmacode te schrijven maar kunnen code ook uitleggen, fouten oplossen en de documentatie schrijven. Ook kun je uitstekend brainstormen over een project of ideeën. Het is daarom, óók als je andere tools voor programmeren gebruikt, enorm praktisch om erbij te hebben! Toegang tot ChatGPT is gratis met beperkingen. Een abonnement is minder gelimiteerd en geeft vaak toegang tot nieuwere modellen (zoals o1 of o3-mini). Zo’n abonnement is niet bruikbaar voor de andere tools, die gebruiken namelijk de API waarvoor je aparte credits moet aanschaffen.

Een chatbot biedt goede ondersteuning bij al je programmeervragen.

Eerste stappen

We beginnen met een eenvoudig voorbeeld en vragen aan ChatGPT om een spelletje boter-kaas-en-eieren te maken, ook wel bekend als tic-tac-toe. Hoewel het Engels soms betere resultaten kan geven, werken we voor dit artikel volledig in het Nederlands. We starten met deze prompt: “Maak een volledig functionele boter-kaas-en-eieren voor in een browser. Maak de HTML-structuur, voeg CSS-stijlen toe en implementeer de JavaScript-logica. Maak een scheiding tussen HTML, CSS en JavaScript. Zorg dat het programma responsief is zodat het bij elke schermgrootte werkt.”

ChatGPT genereert de gevraagde code. Je kunt individueel de HTML, CSS en JavaScript kopiëren. Om het te proberen, kun je alles plakken op websites als www.jsfiddle.net en www.codepen.io. Voor dit voorbeeld hebben we bij JSFiddle een projectpagina aangemaakt. We gaan dit voorbeeld in de volgende stappen verder verbeteren, steeds met links naar de verbeterde versie.

De eerste versies van het spel boter-kaas-en-eieren.

Geluiden toevoegen

We vragen ChatGPT om het programma aan te passen, zodat er een geluid wordt afgespeeld bij elke zet. ChatGPT voegt daarop een audio-element toe aan de HTML-code. Het past ook het script aan om dit aan te roepen bij elke zet. Je moet nog wel zelf het mp3-bestand plaatsen in de uiteindelijke programmamap of een volledige link naar het mp3-bestand invullen in de HTML-code:

Er zijn overigens veel websites waar je leuke geluidseffecten kunt vinden die je vrij kunt gebruiken, waaronder Pixabay. Op deze pagina zie je onze aangepaste versie.

De aangepaste HTML-code bevat een verwijzing naar een mp3-bestand.

Computertegenstander

We vragen ChatGPT vervolgens om een slimme computertegenstander toe te voegen, waarbij aan het begin van het spel wordt gekozen wie er mag beginnen. Via deze webpagina kun je deze versie zien. De computertegenstander blijkt in eerste instantie overigens helemaal niet zo slim, waardoor je makkelijk je potjes wint. Maar dat is snel opgelost. Na ons verzoek om de computertegenstander slimmer te maken, controleert het programma voortaan eerst op mogelijke winnende zetten en blokkeert het de tegenstander indien nodig. Als er geen direct winnende of blokkerende zetten zijn, kiest het een willekeurige lege cel. Deze slimmere versie kun je hier bekijken.

Het aangepaste script op een canvas in ChatGPT.

Uiterlijk verfraaien

Als laatste hebben we gevraagd het uiterlijk wat mooier te maken. Hierbij wordt voornamelijk de CSS-code aangepast om de visuele stijl van het spel te verbeteren. Het resultaat is geslaagd: ChatGPT geeft de achtergrond een mooi kleurverloop. Ook zijn de stijlen van de knoppen en speelvelden aangepast. Het levert een veel moderner en aantrekkelijker uiterlijk op.

Je kunt ChatGPT uiteraard steeds vragen om het script of een deel daarvan uit te leggen. Ben je het overzicht over de wijzigingen kwijt, dan kun je uiteraard ook vragen om de laatste HTML-code in te zien, of de laatste versie van het script. Eventueel op een canvas. Toch misten wij in ChatGPT soms wat overzicht en is het bovendien lastig om een stapje terug te doen als een aanpassing niet het gewenste resultaat oplevert. Dit zijn zaken die we in het volgende deel gaan aanpakken met Aider.

De gemoderniseerde versie van boter-kaas-en-eieren.

Aider

Opdrachtprompt

Voor grotere programmeerprojecten is het werken met een chatbot al snel vervelend en verwarrend. Veel praktischer is een tool die met jouw eigen projectbestanden werkt en zelf of samen de gewenste aanpassingen maakt. Als je geen moeite hebt met het werken met een opdrachtprompt, is Aider een uitstekende optie. Die tool helpt met het schrijven en aanpassen van code.

Aider is opensource en werkt met heel veel LLM’s samen. Hier gebruiken we de API voor Claude 3.5 Sonnet, maar je kunt ook de API van OpenAI gebruiken of een LLM die je zelf lokaal draait of elders, zoals via OpenRouter. De integratie met Git is enorm praktisch. Voor elke aangebrachte wijziging voert het een ‘commit’ uit, voorzien van een duidelijke omschrijving, zodat je achteraf een goed overzicht met alle veranderingen hebt en ook stapjes terug kunt doen. Niet alle alternatieven bieden dit en dat is vooral een gemis als er iets fout gaat en je geen idee meer hebt hoe je dat moet oplossen.

Aider werkt samen met alle gangbare LLM’s.

Voorbereiding

We willen weer laten zien hoe je het spelletje boter-kaas-en-eieren met Aider zou kunnen maken. We gebruiken het voor velen vertrouwde programma Visual Studio Code onder Windows en installeren Aider via een opdrachtprompt binnen die ontwikkelomgeving. Binnen de editor kun je uiteraard alle gegenereerde bestanden bekijken en handmatig aanpassen. Voor de installatie van Aider heb je Python nodig. Zet tijdens de installatie van Python een vinkje bij Add python.exe to PATH, zodat je Python vanuit elke map kunt aanroepen.

Installeer ook Visual Studio Code als je dat nog niet eerder hebt gedaan. Visual Studio Code biedt een mogelijkheid om Copilot als assistent te gebruiken, maar dat slaan we hier over.

Installeer ook Git, zodat versiebeheer mogelijk is. Kies tijdens de installatie van Git voor het gebruik van Visual Studio Code als standaardeditor. Verder kun je alle standaardinstellingen accepteren. Als je Python, Visual Studio Code en Git hebt geïnstalleerd, kun je door met de installatie van Aider.

Installeer Python onder Windows voordat je met Aider aan de slag gaat.

Installatie Aider

We kunnen nu Aider installeren. Open daarvoor Visual Studio Code en kies in het menu de optie Terminal / New Terminal. Verander de terminal, via de optie rechtsboven in het venster, naar Git Bash. Installeer daarna Aider met de volgende twee opdrachten:

Sluit de terminalvenster via het kruisje rechtsboven. Open dan een nieuwe terminal en wissel weer naar Git Bash. Als je Aider niet kunt aanroepen met aider zul je het PATH moeten uitbreiden met de aangegeven opdracht, zoals in het voorbeeld hieronder:

Zorg dat je in dit voorbeeld voor Claude 3.5 Sonnet een API-sleutel hebt en voldoende credits om mee te beginnen (zie het kader ‘API-sleutel maken voor Claude’). Exporteer deze API-sleutel zodat Aider deze direct kan gebruiken:

Maak nu een nieuwe map voor je toepassing, blader naar die map en maak een Git-repository:

Je kunt nu beginnen met programmeren, met de ondersteuning van Aider!

We installeren Aider om het binnen Visual Studio Code te gebruiken.

Programma maken

We gaan ons eerste programma maken. Zorg dat je een terminalvenster hebt geopend en bent gewisseld naar Git Bash. De assistent start je dan met de volgende opdracht:

Er wordt de eerste keer gevraagd om .aider* en .env toe te voegen aan .gitignore. Dat raden we aan! Hiermee voorkom je dat deze bestanden, vaak met wachtwoorden en dergelijke, per ongeluk in je Git-repository worden opgenomen en daardoor in potentie online komen, als je de repository via GitHub beschikbaar maakt.

Via de prompt kun je nu je opdrachten afvuren. We vragen zoals eerder om een volledig functionele en responsieve boter-kaas-en-eieren voor in een browser met de vereiste HTML-structuur, CSS-stijlen en JavaScript-logica in aparte bestanden.

Aider gaat direct aan de slag en laat heel overzichtelijk alle aanpassingen zien, met een beschrijving van de uiteindelijke functionaliteit. Het vraagt netjes of het de nieuwe bestanden mag maken (index.html, styles.css en script.js) en daarna of het deze mag openen in een browser. Het spel is in deze eerste versie volledig responsief met een duidelijke gebruikersinterface, houdt de speelstatus bij, detecteert wanneer iemand wint of als het een gelijkspel is, heeft een knop om het spel opnieuw te starten en is helemaal in het Nederlands. Een goed begin!

Aider heeft het programma voor ons uitgewerkt.

Aanpassingen maken

We vragen opnieuw in natuurlijke taal om wijzigingen te maken. De workflow is erg prettig. Aider geeft eerst aan welke bestanden waarschijnlijk moeten worden gewijzigd. Voor het geluid stelt het bijvoorbeeld wijzigingen in index.html en script.js voor. Dan vraagt Aider of het deze bestanden mag toevoegen aan de chat.

Als de radartjes zijn uitgedraaid, na interactie met Claude, geeft Aider heel nauwkeurig aan welke regels in welke bestanden moeten worden gewijzigd. Ook geeft Aider aan dat je een mp3-bestand genaamd move.mp3 in dezelfde map moet plaatsen.

We vragen Aider daarna ook om een slimme computertegenstander toe te voegen. Die is meteen heel slim en probeert direct te winnen als dat kan, blokkeert winnende zetten van de tegenstander, probeert het centrum te veroveren en kiest anders voor hoeken of willekeurige zetten.

Tot slot vragen we Aider om het programma te verfraaien met een moderner uiterlijk. Dat levert een flinke metamorfose op. Bekijk hier het resultaat.

Via een comfortabel proces maakt het alle gewenste aanpassingen.

Integratie met Git

De standaard integratie met Git biedt veel voordelen. Als Aider aanpassingen maakt aan een bepaald bestand zal het in Git een heldere beschrijving toevoegen aan de zogeheten commit. In Visual Studio Code kun je deze historische aanpassingen eenvoudig terugzien. Klik daarvoor op een bestand en open in de balk aan de linkerkant Timeline. Zorg dat de filterinstelling is ingesteld op Git History.

Nu zie je de commit-geschiedenis van het geselecteerde bestand. Door op een specifieke commit te klikken, kun je de aangebrachte wijzigingen bekijken. Binnen Aider zijn er ook nog wat trucjes. Zo kun je met /diff zien wat de laatste veranderingen zijn. Met /undo kun je die eenvoudig ongedaan maken.

We hebben de repository op GitHub gezet. Ook hier kun je alle veranderingen bekijken. Open daarvoor een bestand, zoals script.js, en ga dan rechtsboven naar History. Hier zie je de verschillende wijzigingen. Als je op een van de aanpassingen klikt, zie je netjes welke veranderingen in de code zijn gemaakt.

Je kunt handig zien welke historische wijzigingen zijn aangebracht in bestanden.

Git en GitHub

Aider gebruikt een git-repository. Sommige mensen verwarren dit met GitHub. Je kunt met Git prima alleen een lokale repository maken, op het systeem waarop je met Aider werkt. Optioneel kun je deze repository met GitHub verbinden, zodat je in feite een kopie in de cloud hebt. Dat is voor jezelf wel heel praktisch, omdat je veel makkelijker de wijzigingen kunt bijhouden en bestuderen. En je kunt ook met anderen samenwerken aan code.

Ook interessant om te lezen: GitHub Codespaces: altijd de juiste tools bij de hand

We hebben de repository gedeeld met GitHub, zodat je alle veranderingen kunt inzien.

Windsurf Editor

 Complete ontwikkelomgeving

Zoek je een completere ontwikkelomgeving met geïntegreerde AI, dan zijn Cursor AI en Windsurf Editor twee populaire opties. Cursor AI is een gevestigde speler, maar krijgt steeds meer concurrentie van het nieuwere Windsurf Editor. Beide ontwikkelteams blijven verbeteringen doorvoeren om niet voor elkaar onder te doen.

Beide programma’s zijn bovendien klonen van Visual Studio Code, de bekende editor van Microsoft die we ook voor Aider hebben gebruikt. Daarom lijken ze in veel opzichten op elkaar. Het kan handig zijn om verschillende thema’s te gebruiken als je ze naast elkaar gebruikt, zodat je ze uit elkaar kunt houden.

Windsurf Editor werkt met een ingebouwde assistent genaamd Cascade.

Cascade

We hebben ook in Windsurf geprobeerd om het spelletje boter-kaas-en-eieren uit dit artikel te maken. De assistent in Windsurf Editor heet Cascade; via het Cascade-deelvenster kun je hem direct aan het werk zetten. Een leuk detail is dat niet alleen code wordt gegenereerd, maar dat er ook veel aanvullende acties voor je worden uitgevoerd, zoals het aanmaken van een map voor je project en voor de geluiden, en het maken van een mp3-bestand.

Bij elke stap kun je zien welke bestanden worden aangepast en de voorgestelde wijzigingen controleren en bevestigen. Je hoeft niet, zoals bij Aider, zelf een API-sleutel te regelen voor toegang. Je gebruikt steeds het model van Cascade en de administratieve kant wordt via je account geregeld, op basis van credits (zie volgende paragraaf). Zo’n diepere integratie is heel praktisch. Toch heeft de workflow veel overeenkomsten met Aider.

Via een deelvenster kun je een conversatie met Cascade voeren.

Werken met credits

Windsurf werkt met credits voor verschillende taken. Zo worden User Prompt-credits voor elke interactie met de assistent gebruikt en Flow Action-credits voor alle acties die worden uitgevoerd. Als je de limiet bereikt voor het premiummodel, wordt overgeschakeld naar het basismodel. De proefperiode van 14 dagen geeft je ruim voldoende credits om het voorbeeldprogramma uit dit artikel te maken. Sterker nog, je hebt ongeveer vijftien keer meer credits dan nodig, dus je kunt ook grotere en complexere programma’s proberen te maken.

Buiten die proefperiode is, om het premiummodel te gebruiken, een upgrade naar de Pro-versie bijna onvermijdelijk (ca. 18 euro per maand). Je hebt dan wel elke maand een ruime hoeveelheid credits en kunt vrij voordelig credits bijkopen.

Windsurf Editor werkt met een systeem van credits.

Of je nu graag uitgebreid kookt of elke avond snel klaar wilt zijn: een slimme keukenindeling maakt het verschil. Alles moet logisch op zijn plek staan, zodat je moeiteloos overal bij kunt en na afloop ook weinig tijd kwijt bent aan opruimen.

Lees ook: Fornuis op maat: kies het aantal pitten dat bij je past

Vaatwasser, gootsteen en vuilnisbak

Heb je plannen voor een nieuwe keuken? Denk dan nu al na over welke slimme keuzes je kunt maken met de indeling. Plaats bijvoorbeeld de vaatwasser, de spoelbak en de afvalemmer dicht bij elkaar. Je hoeft dan nooit ver te lopen met vieze borden en je kunt ze makkelijk leegschrapen, eventueel afspoelen en direct inruimen. Staat de afvalbak in een kastje direct naast de vaatwasser? Let er dan op dat je het deurtje nog goed kunt openen als de deur van de vaatwasser omlaag staat. Dat werkt makkelijker bij het inruimen. Plaats verder de vaatwasser niet direct tegen een zijmuur. Tijdens het inruimen loop je dan sneller kans op spetters tegen de muur.

Werkblad en kookplaat

Het werkblad is meer dan alleen een plek om iets op te zetten. Je gebruikt het om te snijden, te mixen, spullen neer te leggen en borden op te scheppen. Zorg daarom dat je voldoende vrije werkruimte overhoudt – dus niet alles volbouwen met apparatuur. Plaats de spoelbak of kookplaat liever niet op een hoek. Je hebt aan beide kanten plek nodig, zodat je je handen vrij kunt houden en spetters opvangt. Reken aan weerszijden minimaal veertig centimeter. Dat oogt niet alleen rustiger, het werkt ook prettiger. Handig om te weten: bij je keukenspecialist wordt hiervoor vaak de term aflegruimte gebruikt. En nog even over de kookplaat: plaats die bij voorkeur niet pal naast de koelkast of een hoge kast; dat geeft weinig bewegingsvrijheid en maakt het lastig om met meerdere mensen tegelijk in de keuken te staan.

©Olga Yastremska and Leonid Yastremskiy

Koelkast

Een koelkast gebruik je vaker dan je denkt – gemiddeld zo'n 35 keer per dag. Zet 'm daarom op een plek waar je er makkelijk bij kunt, ook als je vanuit de woonkamer even snel iets wilt pakken. Zet de koelkast liever niet helemaal achterin of op een plek waar je niet vanzelf langsloopt; dat is al snel onhandig in het dagelijks gebruik. Let ook op de temperatuur rondom de koelkast. Zet hem niet naast een oven, radiator of op een plek waar veel zonlicht komt. Kan het echt niet anders, zorg dan voor een isolerende tussenplaat en houd minstens drie centimeter ruimte vrij tussen warmtebron en koelkast.

Gebruik de keuken-driehoek

In de basis draait een keuken om drie functies: koken, spoelen en koelen. Je fornuis, gootsteen en koelkast vormen samen een denkbeeldige driehoek. Als de afstanden tussen deze drie goed gekozen zijn, werk je prettiger. Staan ze te ver van elkaar, dan loop je onnodig veel. Staan ze te dicht bij elkaar, dan dan wordt het al snel krap en onhandig. Een keukenspecialist kan helpen bij het vinden van een goede verhouding, maar je merkt het zelf vaak ook al als iets net niet lekker werkt.

Optimale werkhoogte

Ook de hoogte van je werkplekken telt mee. Een oven op armhoogte is een stuk prettiger dan op kniehoogte, zeker als je vaak bakt. Het voorkomt bukken. Heb je een kleine keuken? Kies dan voor een compacte oven of voor een fornuis met geïntegreerde oven. Datzelfde geldt voor de vaatwasser: als je die wat hoger plaatst, spaar je je rug en knieën. Voor de kookplaat geldt een andere regel: meet de afstand van je onderarm tot het werkblad. Is die ongeveer twaalf centimeter, dan zit je goed qua houding en belast je je schouders niet onnodig.

Apparatuur wat hoger plaatsen (als dat kan) heeft nog een voordeel. Wanneer je kleine kinderen hebt rondlopen, kunnen die er minder makkelijk bij. Wel zo veilig!

©lev dolgachov

Opbergruimte

Tot slot: denk na over hoe je spullen opbergt. Onderkastjes bieden veel ruimte, maar vragen vaak veel van je rug. Bovenkastjes kunnen juist weer te hoog zijn. Een buffetkast biedt uitkomst: wat je dagelijks gebruikt zet je op ooghoogte, wat minder vaak nodig is kan best wat lager of juist hoger.

Slim indelen = een fijnere keuken!

Een goede keuken draait niet alleen om de juiste apparatuur, maar vooral ook om slimme keuzes die het koken makkelijker maken. Denk na over looproutes, werkhoogtes en voldoende bewegingsruimte. Positioneer alles op logische plekken, zorg voor een werkblad met voldoende vrije ruimte en let op kleine details zoals de draairichting van kastdeurtjes. Daarmee wordt de keuken (nog meer) het hart van je huis!