Udvikling med lav kode & uden kode: Komplet guide + eksempler

Det virker, som om begreberne lavkode og uden kode på det seneste er blevet modeord i produktmiljøet. Mange fremtrædende produktchefer har meddelt, at de går fuldt ud over til udvikling uden kode, eller i det mindste at de er begyndt at anvende denne tilgang i deres produktudviklingsproces.

Men hvad går disse tilgange ud på? Er det værd at prøve selv? Lad os diskutere de specifikke egenskaber, fordele og ulemper ved disse udviklingstilgange og se nærmere på et par fremtrædende produkter, der er bygget med værktøjer uden kode.

Hvad handler appudvikling med lavkode om?

Når vi taler om lavkodeudvikling, henviser vi normalt til processen, hvor du opretter dine applikationer ved hjælp af færdige værktøjer og pakker i stedet for selv at skulle skrive kode fra bunden.

I stedet for at arbejde med en kodeeditor lader lavkodeplatforme dig bygge dine apps visuelt. Hvis du for eksempel vil opbygge backendlogik til en HR-applikation, kan du bruge en træk-og-slip-grænseflade, der minder om et almindeligt flowdiagram. Sådan ser det ud i Flokzu.

I dette tilfælde opbygger vi logikken til godkendelse af en ferieanmodning.

• Vi kan se, at når medarbejderen opretter en ferieanmodning, sender den backend, vi har bygget, en notifikation til vedkommendes leder og beder lederen om at godkende eller afvise den.
• Efter godkendelsen modtager den anden evaluator en notifikation med en anmodning om at godkende den.
• Når de begge siger ja, betragtes ferieanmodningen som godkendt.

Tilgangen til udvikling af applikationer med lavkode flytter en stor del af arbejdet over i visuelle editorer som den, vi så ovenfor. Som navnet antyder, indgår der dog stadig en smule kodning i processen, og du skal stadig have minimale kodnings- eller scriptingfærdigheder for at kunne udvikle apps med lavkodetilgangen.

Du udfører normalt scripting og grundlæggende kodning, når der er behov for at oprette forbindelse til en specifik skytjeneste (f.eks. AWS S3 til lagring af dine data) eller en API (som ChatGPT-API'en til programmatisk brug af AI-tjenesten).

Forestil dig for eksempel, at du har bygget et værktøj til fejlrapportering, som vises på et websted som en lille widget.

Når brugerne vil rapportere et problem, klikker de på widgetten, udfylder oplysningerne om det problem, de oplever, og sender en fejlrapport til ejeren af webstedet.

Du vil have, at ejerne af webstedet skal kunne se disse fejl på deres Trello-tavler. Derfor skal du integrere dit værktøj med Trello. Til dette kan du bruge den eksisterende implementering fra Zapier. Det eneste, du skal gøre, er at oprette forbindelse til Zapier API. Sådan ser to af API-kaldene ud.

I dette tilfælde er du nødt til selv at skrive kode, der interagerer med Zapier API og automatisk anmoder om oprettelse af et Trello-kort, hver gang nogen indsender en fejlrapport med din widget.

For at få en fuldstændig forståelse af denne udviklingsproces kan vi opliste nogle af dens fordele og ulemper.

Fordele ved lavkode

• Et markant produktivitetsløft: Lavkodeudviklingsplatforme er meget populære blandt mellemstore og store virksomheder, der opretter interne værktøjer og arbejdsgange til procesautomatisering ved hjælp af disse platforme. Disse automatiserede arbejdsgange øger til gengæld både effektiviteten og produktiviteten i virksomhedens forretningsprocesser.
• Fleksibilitet med tilpassede funktioner og kode: I modsætning til værktøjer uden kode (som vi gennemgår i det næste afsnit), hvor alt udføres visuelt, lader lavkodeløsninger dig tilpasse og skrive din egen kode. Det betyder, at du ikke er begrænset af de funktioner, som din platform tilbyder, og at du praktisk talt kan udvikle enhver tilpasset funktion, du ønsker, ved at tilføje din kode til din app.
• Enkel vedligeholdelse: Da du har oprettet din app ved hjælp af relativt brugervenlige visuelle editorer, er det langt hurtigere og nemmere at vedligeholde og rette fejl i den end at vedligeholde en kodebase.

Ulemper ved lavkode

• Kræver grundlæggende kodningsfærdigheder: Selvom det meste af udviklingen udføres ved hjælp af visuelle editorer, skal du stadig skrive kode til nogle dele af din app. Derfor skal du med lavkodeværktøjer stadig overveje at ansætte en person med erfaring inden for kodning.
• Omkostningerne er stadig højere sammenlignet med udvikling uden kode: Lavkode er meget billigere end at ansætte et helt softwareudviklingsteam. Sammenlignet med udvikling uden kode, hvor alt udføres med en brugervenlig grænseflade, som alle kan anvende, kræver lavkodeværktøjer professionelle udviklere, der ved, hvordan værktøjet bruges, og hvordan man skriver scripts på dets proprietære sprog.

For at opsummere er udvikling med low-code takket være sin hastighed og relativt lave kompleksitet blevet populær blandt både store virksomheder, der ønsker at automatisere deres processer, og små virksomheder, der vil bygge apps med minimal indsats.

Men hvordan sammenligner det sig med no-code-udvikling? Lad os sætte dem op mod hinanden.

Hvad med no-code?

Selvom low-code-værktøjer har gjort det meget nemmere at bygge og implementere apps, er det no-code-udviklingsplatforme, der vil få størst indflydelse på hverdagen for ejere af små virksomheder, startupstiftere og produktteams.

En no-code-løsning lader dig bygge komplette websites og apps uden overhovedet at skulle vide, hvordan API'er fungerer, eller hvilke CSS-typografier der gør din side responsiv. Du kan styre alt (fra brugergrænsefladedesign til API-integrationer og webhosting) med relativt brugervenlige visuelle grænseflader, som er nemme at lære.

No-code-værktøjer leveres normalt med visuelle brugergrænsefladeeditorer med træk-og-slip, der ligner designværktøjer såsom Figma eller AdobeXD. Sådan ser editoren ud i no-code-websitebyggeren Webflow:

Som vi kan se, giver editoren dig kontrol over alt fra elementernes størrelse og placering til typografi og visuelle typografier.

Hvis du vil bygge applikationer med relativt kompleks forretningslogik, leveres no-code-værktøjer også med visuelle editorer, der ligner dem, vi tidligere har gennemgået. Sådan ser editoren til forretningslogik ud i no-code-webappbyggeren Bubble:

I eksemplet ovenfor kan vi se en simpel logik til brugerregistrering, som begynder at køre, når brugeren udfylder sine loginoplysninger og klikker på tilmeldingsknappen. Efter kliket opretter Bubble en ny bruger i sin database, sender brugeren en bekræftelsesmail og omdirigerer vedkommende til startsiden.

Ud over at hjælpe dig med at bygge din brugergrænseflade og forretningslogik kan no-code-værktøjer også hjælpe dig med forskellige opgaver inden for administration af websites og apps, såsom:

Søgemaskineoptimering

Herunder muligheden for dynamisk at angive metatitler, beskrivelser, canonical-tags og robot-tags samt styre, hvordan dine sider vises i de udvidede uddrag i søgeresultaterne ved at angive strukturerede data.

Nogle no-code-værktøjer leveres endda med SEO-assistenter, der analyserer dit website og giver konkrete råd om, hvordan du løser de problemer, de har fundet. Her er et eksempel på en sådan funktion fra websitebyggeren Wix.

Som vi kan se, har Wix SEO Wiz (det er det, de kalder deres assistent) fundet en dublet af en sidetitel og foreslår, at du ændrer den.

Forbindelse til forskellige eksterne tjenester og API'er

I modsætning til low-code-værktøjer behøver du ikke skrive kode for at oprette forbindelse til API'erne for de forskellige værktøjer og tjenester, som din app har brug for for at fungere.

No-code-værktøjer lader dig normalt oprette forbindelse til en given tjeneste med et enkelt klik på knappen “installér” og giver dig et visuelt konfigurationspanel, hvor du kan indsætte dine godkendelsesoplysninger og ændre den måde, din app interagerer med den pågældende tjeneste. Lad os se på et eksempel fra Bubbles pluginbutik.

Skærmbilledet, du ser her, er fra et Bubble-testwebsite, som jeg lavede for et par måneder siden for at undersøge mulighederne i dette no-code-værktøj (resultatet – jeg var imponeret). Naturligvis ville jeg have Google Analytics installeret på mit demosite for at kunne følge dets resultater.

Det eneste, jeg gjorde i Bubble, var at finde dette plugin i deres butik, installere det og angive sporings-id'et for min Google Analytics-konto.

Implementering og skalering

Endelig hjælper no-code-værktøjer dig også med implementering i produktions- og udviklingsmiljøer, hosting og skalerbarhed (hvis du får meget trafik) for dit website eller din applikation på deres servere, uden at du behøver rode med Shell-scripts og serverkonfigurationer. Igen foregår alt via enkle brugergrænseflader. Med Wix er implementering for eksempel lige så nemt som at klikke på knappen “Udgiv” i deres kontrolpanel.

Nu hvor vi er blevet bekendt med no-code-værktøjernes muligheder, kan vi også se nærmere på deres fordele og ulemper.

Fordele ved no-code

• Det er hurtigt: Verdenen for softwaretjenester er ekstremt konkurrencepræget i dag, og din evne til hurtigt at lancere produkter er blevet en af de vigtigste faktorer for at få succes som softwarevirksomhed. No-code-værktøjer har alt bygget på forhånd for dig. Det eneste, du skal gøre, er at samle komponenterne med en træk-og-slip-editor og lancere dit produkt.
• Kræver ikke programmeringsviden: Softwareudviklere, QA-ingeniører, DevOps-specialister og alle andre i et typisk softwareteam er dygtige fagfolk, og det kan nogle gange være svært at finde og ansætte dem. Med et no-code-værktøj er der derimod ikke behov for at have et helt udviklingsteam, da enhver ikke-teknisk bruger også kan bygge appen.
• Det er billigt at udvikle: Det er dyrt at ansætte et udviklingsteam. De teammedlemmer, vi nævnte ovenfor, er blandt de bedst lønnede fagfolk på arbejdsmarkedet. Ved at bruge et no-code-værktøj kan du derfor også skabe din app til en brøkdel af omkostningerne ved at ansætte et helt softwareteam.

Ulemper ved no-code

• Begrænset fleksibilitet: Antallet og typerne af funktioner, du kan tilføje til din app, er ikke uendelige med no-code-værktøjer. Du vil ikke kunne skabe en unik funktion helt på egen hånd og bliver nødt til at bruge de eksisterende funktioner, som dit værktøj stiller til rådighed.
• Sikkerheden er uden for din kontrol: Selvom de fleste no-code-værktøjer bygger dine applikationer ved hjælp af generelle bedste praksisser inden for privatliv og sikkerhed, vil du ikke kunne optrappe dit forsvar og beskytte dig selv mod mere avancerede sårbarheder.
• Begrænset ydeevne: Ud over det begrænsede antal funktioner er du også bundet til en begrænset teknologistak med no-code-værktøjer. Uanset hvilken type produkt du laver, vil no-code-værktøjet altid bruge det samme programmeringssprog og de samme databasesystemer til at køre det. Så du kan godt glemme at bruge specialiserede teknologier, der kører hurtigt (f.eks. C++ eller Clickhouse).

For at opsummere er både low-code- og no-code-applikationsplatforme gode til at reducere dine udviklingsomkostninger og øge tempoet i dine lanceringer. Takket være den nemme appudvikling, de tilbyder, er de blevet et fremragende værktøj for små virksomheder, der ikke har råd til at oprette et internt IT-team, samt for produktchefer, der ønsker at afdække deres brugeres forretningsbehov gennem hurtige tests og forskellige initiativer.

Men betyder det, at den almindelige softwareudviklings tidsalder er forbi? Det finder vi ud af nu.

Er traditionel udvikling ved at uddø?

Slet ikke!

Low-code- og no-code-værktøjer hjælper dig med hurtigt at bygge og implementere en grundlæggende version af din app med begrænsede funktioner. Men det er traditionel softwareudvikling, der gør det muligt for dig at:

Skabe unikke og originale funktioner: Både no-code- og low-code-værktøjer leveres med et sæt standardbrugergrænsefladeelementer og backend-funktioner, som du kan bruge til at dække en række anvendelsestilfælde. Men hvis du vil skabe noget helt nyt og unikt, har du ikke andet valg end at kode det selv.

Gode eksempler på sådanne funktioner er TikToks berygtede maskinlæringsfiltre og avatarer. De er så unikke og komplekse, at en hel afdeling af ingeniører og forskere har arbejdet på dem (og undervejs ydet et par betydelige bidrag til kunstig intelligens).

Der er ganske enkelt ingen måde, hvorpå du kan bygge noget, der minder om det, med et low-code-værktøj.

Opnå en enestående ydeevne: Nogle gange er høj ydeevne og ressourceeffektivitet grundlæggende dele af dit produkt (f.eks. hvis du bygger et AAA-spil, der skal kunne køre på ældre pc'er). Hvis det er tilfældet, skal du bruge specialiserede programmeringssprog med høj ydeevne som C++ eller endda Assembly samt højt kvalificerede programmører, der kan finjustere hver eneste kodelinje i din app for at opnå den hastighed.

Hvad er fordelene ved lavkode og kodefri værktøjer for produktchefer og startupstiftere?

To ord—hastighed og omkostninger!

Hvis du bygger dine produkter efter lean-filosofien, bliver lavkode- og kodefri værktøjer dine bedste venner, fordi de lader dig bygge en MVP af dit produkt hurtigt, implementere det, validere (eller afkræfte) dine kernehypoteser, iterere baseret på feedbacken og implementere igen.

Ud over den hastighed, hvormed du kan lancere nye iterationer af dit produkt og teste dine idéer, giver kodefri og lavkodeværktøjer dig også mulighed for at mindske de risici, der er forbundet med at ansætte udviklere og bruge betydelig tid og mange penge på en app, som markedet måske ikke accepterer (hvilket er helt i orden).

Du kan selv bygge de første par versioner af dit produkt uden at ansætte nogen. Hvis din idé derfor slår fejl, vil dine økonomiske tab være minimale.

Kodefri og lavkodeværktøjer er fantastiske til at bygge MVP'er, men kan du også skabe færdige produkter med dem? Ja! Lad mig imponere dig med et par flotte websteder og apps, som folk har bygget ved hjælp af disse værktøjer.

Fremvisning: Apps bygget på lavkode- og kodefri platforme

Internettet er fyldt med små websteder og apps, der er bygget på kodefri platforme. Men for at vise dig disse værktøjers sande muligheder vil jeg fremhæve et par imponerende, velkendte projekter.

Bubbles websted

Kodefrit værktøj anvendt: Bubble. (Selvfølgelig.)

Ville du blive overrasket over at høre, at Bubbles websted er bygget ved hjælp af Bubble? Vi taler om hele webstedet, inklusive dets undervisningssektion med masser af onlinelektioner, CMS-systemet til bloggen og indholdet på de øvrige sider.

Dette eksempel beviser, at du kan bygge komplette websteder i fuld størrelse med kodefri værktøjer – ikke kun et par uformelle landingssider.

Comet: En platform for freelancejob

Kodefrit værktøj anvendt: Bubble.

Comet er en platform for freelancearbejde, hvor virksomheder kan slå faste stillinger eller midlertidige opgaver op, og individuelle freelancere kan søge dem.

Platformen er meget funktionel. Den har separate kontrolpaneler for både freelancere og virksomheder, hvor de kan administrere deres job, give feedback og samarbejde med hinanden.

Denne platform viser, at du kan bygge forretningsapplikationer med flere typer brugere, god brugeroplevelse, kontrolpaneler i realtid, skabeloner, moduler og kompleks logik for freelancere og erhvervsbrugere udelukkende ved hjælp af et kodefrit værktøj.

Chant: Et socialt netværk for kunstnere

Kodefrit værktøj anvendt: Adalo.

Chant er en platform, hvor kunstnere af alle slags (illustratorer, fotografer, musikere osv.) kan mødes, være sociale, arrangere begivenheder og endda finde arbejde.

Hvad angår funktionalitet, er det et komplet socialt netværk, hvor du kan udfylde din profil, besøge og se andres profiler, lave opslag, oprette begivenheder, chatte med venner og meget mere.

Det fremviser endnu et centralt aspekt ved moderne kodefri værktøjer—muligheden for at bygge og udgive mobilapps i Googles og Apples appbutikker.

Poshmark: En onlinebutik med modetøj

Kodefrit værktøj anvendt: Wix.

Den sidste hjemmeside, jeg vil fremhæve, er e-handelsbutikken Poshmark, som driver sin handelsplatform ved hjælp af hjemmesidebyggeren Wix.

Platformen er ganske funktionel og tilbyder alt, hvad en onlinebutik har brug for – fra betalingsfunktionalitet til lagerstyring.

Det, der imponerer mig mest, er, at e-handelsbutikker, der er bygget med Wix, også kan lade enhver bruger registrere, oprette og sælge sine egne produkter i butikken.

Fremtiden er uden kode og med lidt kode

I det mindste er det det, jeg (fast) tror.

Selvom disse værktøjer aldrig vil kunne erstatte et professionelt udviklingsteam, vil de kunne dække de fleste mere uformelle behov hos små virksomheder samt gøre det muligt for produktteams hurtigt at udvikle og teste MVP'er.

Selvom det vil hjælpe dig med at udvikle dine produkter hurtigere at have et værktøj uden kode til rådighed, skal du stadig sørge for, at du udvikler det rigtige. I den forbindelse kan du se vores vejledninger om:

• At vælge de rigtige værktøjer til produktudvikling for at fremskynde dine processer.
• At udarbejde minimumsprodukter på den rigtige måde.
• At måle og opnå din produkt-markedstilpasning.
• At etablere din livscyklus for softwareudvikling.

Hvis du vil have mange andre vejledninger som disse, bør du også tilmelde dig vores nyhedsbrev!