Utvikling med lavkode & uten kode: Komplett guide + eksempler

Det virker som om begrepene lavkode og uten kode nylig har blitt moteord i produktmiljøet. Mange fremtredende produktledere har kunngjort at de går helt over til løsninger uten kode, eller i det minste at de har begynt å bruke denne tilnærmingen i produktutviklingsprosessen sin.

Men hva går disse tilnærmingene ut på? Er det verdt å prøve selv? La oss se nærmere på særtrekkene, fordelene og ulempene ved disse utviklingstilnærmingene, og ta en titt på et par fremtredende produkter som er bygget med verktøy uten kode.

Hva går utvikling av lavkodeapper ut på?

Når vi snakker om lavkodeutvikling, viser vi vanligvis til prosessen der du lager applikasjoner ved hjelp av ferdige verktøy og pakker, i stedet for å måtte skrive kode selv fra grunnen av.

I stedet for å arbeide med et kode­redigeringsverktøy lar lavkodeplattformer deg bygge appene dine visuelt. Hvis du for eksempel vil bygge serverlogikk for en HR-applikasjon, kan du bruke et dra-og-slipp-grensesnitt som minner om et vanlig flytskjema. Slik ser det ut i Flokzu.

I dette tilfellet bygger vi logikken for å godkjenne en ferieforespørsel.

• Vi kan se at når den ansatte oppretter en ferieforespørsel, sender serverløsningen vi har bygget, et varsel til lederen deres og ber vedkommende om å godkjenne eller avslå den.
• Ved godkjenning mottar den andre kontrolløren et varsel med en forespørsel om å godkjenne den.
• Når begge svarer ja, regnes ferieforespørselen som godkjent.

Tilnærmingen med utvikling av lavkodeapplikasjoner flytter mye av arbeidet over i visuelle redigeringsverktøy, som det vi så ovenfor. Som navnet antyder, er det imidlertid fortsatt litt koding involvert i denne prosessen, og du trenger fremdeles grunnleggende ferdigheter innen koding eller skripting for å kunne utvikle apper med lavkodetilnærmingen.

Du bruker vanligvis skripting og grunnleggende koding når det er behov for å koble til en bestemt skytjeneste (f.eks. AWS S3 for lagring av dataene dine) eller et API (som ChatGPT-API-et for å bruke AI-tjenesten programmatisk).

Se for deg for eksempel at du har bygget et verktøy for feilrapportering som vises på et nettsted som et lite miniprogram.

Når brukere vil rapportere et problem, klikker de på dette miniprogrammet, fyller inn opplysningene om problemet de opplever, og sender inn en feilrapport til nettstedseieren.

Du vil at nettstedseierne skal se disse feilene på Trello-tavlene sine. Derfor må du integrere verktøyet ditt med Trello. Til dette kan du bruke den eksisterende implementasjonen fra Zapier. Alt du trenger å gjøre, er å koble deg til Zapier API. Slik ser to av API-kallene deres ut.

I dette tilfellet har du ikke noe annet valg enn å brette opp ermene og skrive kode som samhandler med Zapier API og automatisk ber om at det opprettes et Trello-kort hver gang noen sender inn en feil med miniprogrammet ditt.

For å få en fullstendig forståelse av denne utviklingsprosessen kan vi liste opp noen av fordelene og ulempene.

Fordeler med lavkode

• Et betydelig produktivitetsløft: Lavkodeutviklingsplattformer er svært populære blant mellomstore og store virksomheter som lager interne verktøy og arbeidsflyter for prosessautomatisering ved hjelp av disse plattformene. Disse automatiserte arbeidsflytene øker på sin side både effektiviteten og produktiviteten i virksomhetens forretningsprosesser.
• Fleksibilitet med tilpassede funksjoner og kode: I motsetning til verktøy uten kode (som vi skal se på senere), der alt gjøres visuelt, lar lavkodeløsninger deg tilpasse og skrive din egen kode. Det betyr at du ikke er begrenset av funksjonene plattformen tilbyr, og at du kan utvikle praktisk talt enhver tilpasset funksjon du ønsker, ved å legge til kode i appen din.
• Enkelt vedlikehold: Siden du har laget appen ved hjelp av relativt brukervennlige visuelle redigeringsverktøy, går det mye raskere og enklere å vedlikeholde den og gjøre rettelser enn å vedlikeholde en kodebase.

Ulemper med lavkode

• Krever grunnleggende kodeferdigheter: Selv om det meste av utviklingen gjøres ved hjelp av visuelle redigeringsverktøy, må du fortsatt skrive kode for enkelte deler av appen. Med lavkodeverktøy må du derfor fortsatt vurdere å ansette noen med erfaring innen koding.
• Kostnadene er fortsatt høyere enn ved utvikling uten kode: Lavkode er langt billigere enn å ansette et komplett programvareutviklingsteam. Sammenlignet med løsninger uten kode, der alt gjøres med et brukervennlig grensesnitt som alle kan bruke, krever lavkodeverktøy imidlertid profesjonelle utviklere som vet hvordan verktøyet skal brukes og hvordan man skriver skript på det proprietære språket.

For å oppsummere: Takket være hastigheten og den relativt lave kompleksiteten har lavkodeutvikling blitt populært både blant store virksomheter som ønsker å automatisere prosessene sine, og små bedrifter som ønsker å bygge apper med minimal innsats.

Men hvordan sammenlignes det med utvikling uten kode? La oss sette dem opp mot hverandre.

Hva med utvikling uten kode?

Selv om lavkodeverktøy har gjort det mye enklere å bygge og distribuere apper, er det plattformene for utvikling uten kode som vil ha størst innvirkning på hverdagen til småbedriftseiere, gründere og produktteam.

En løsning uten kode lar deg bygge komplette nettsteder og apper uten at du engang trenger å vite hvordan API-er fungerer, eller hvilke CSS-stiler som gjør siden responsiv. Du kan kontrollere alt – fra brukergrensesnittdesign til API-integrasjoner og nettstedsdrift – med relativt enkle og brukervennlige visuelle grensesnitt.

Verktøy uten kode leveres vanligvis med visuelle dra-og-slipp-redigeringsverktøy for brukergrensesnitt som ligner på designverktøy som Figma eller AdobeXD. Slik ser redigeringsverktøyet ut i den kodefrie nettstedbyggeren Webflow:

Som vi kan se, gir redigeringsverktøyet deg kontroll over alt, fra størrelsen og plasseringen av elementer til typografi og visuelle stiler.

Hvis du ønsker å bygge applikasjoner med relativt kompleks forretningslogikk, leveres verktøy uten kode også med visuelle redigeringsverktøy som ligner på dem vi har omtalt tidligere. Slik ser redigeringsverktøyet for forretningslogikk ut i den kodefrie nettappbyggeren Bubble:

I eksempelet ovenfor ser vi en enkel logikk for brukerregistrering som begynner å kjøre når brukeren fyller inn påloggingsopplysningene sine og klikker på registreringsknappen. Etter klikket oppretter Bubble en ny bruker i databasen, sender brukeren en bekreftelses-e-post og omdirigerer vedkommende til hjemmesiden.

I tillegg til å hjelpe deg med å bygge brukergrensesnittet og forretningslogikken kan verktøy uten kode også hjelpe deg med ulike oppgaver knyttet til administrasjon av nettsteder og apper, for eksempel:

Søkemotoroptimalisering

Dette inkluderer muligheten til å angi metatitler, metabeskrivelser, kanoniske lenker og robot-tagger dynamisk, samt kontrollere hvordan sidene dine vises i berikede utdrag i søkeresultatene ved å angi strukturerte data.

Noen verktøy uten kode leveres til og med med SEO-assistenter som analyserer nettstedet ditt og gir konkrete råd om hvordan du kan løse problemene de har funnet. Her er et eksempel på en slik funksjon fra nettstedbyggeren Wix.

Som vi kan se, har Wix SEO Wiz (som er navnet på assistenten deres) funnet en duplisering av sidetittelen og foreslår at du endrer den.

Tilkobling til ulike eksterne tjenester og API-er

I motsetning til lavkodeverktøyene trenger du ikke å skrive kode for å koble til API-ene til de ulike verktøyene og tjenestene du trenger for at appen din skal fungere.

Verktøy uten kode lar deg vanligvis koble til en bestemt tjeneste med ett enkelt klikk på «installer»-knappen, og gir deg et visuelt konfigurasjonspanel der du kan legge inn autentiseringsopplysningene dine og endre hvordan appen samhandler med den aktuelle tjenesten. La oss se på et eksempel fra Bubble-pluginbutikken.

Skjermbildet du ser her, er fra et testnettsted i Bubble som jeg laget for et par måneder siden for å undersøke mulighetene i dette kodefrie verktøyet (resultatet – jeg ble imponert). Jeg ønsket naturligvis at demonettstedet mitt skulle ha Google Analytics installert, slik at jeg kunne følge med på resultatene.

Alt jeg gjorde i Bubble, var å finne denne plugin-modulen i butikken deres, installere den og angi sporings-ID-en til Google Analytics-kontoen min.

Distribusjon og skalering

Til slutt hjelper kodefrie verktøy deg også med distribusjon til produksjons- og utviklingsmiljøer, drift og skalerbarhet (hvis du får mye trafikk) for nettstedet eller applikasjonen din på serverne deres, uten at du trenger å fikle med Shell-skript og serverkonfigurasjoner. Igjen gjøres alt via enkle brukergrensesnitt. Med Wix er distribusjon for eksempel like enkelt som å klikke på én enkelt «Publiser»-knapp i kontrollpanelet deres.

Nå som vi kjenner til funksjonene i kodefrie verktøy, kan vi også se nærmere på fordelene og ulempene deres.

Fordeler med kodefrie verktøy

• Det går raskt: Programvaretjenester er svært konkurranseutsatte i dag, og evnen din til å lansere produkter raskt har blitt en av de viktigste faktorene for å lykkes som programvarebedrift. Kodefrie verktøy har alt ferdig bygget for deg. Alt du trenger å gjøre, er å sette sammen komponentene med en dra-og-slipp-redigerer og lansere produktet ditt.
• Krever ikke kodekunnskap: Programvareutviklere, QA-ingeniører, DevOps-spesialister og alle andre i et typisk programvareteam er faglærte eksperter, og det kan noen ganger være vanskelig å finne og ansette dem. Med et kodefritt verktøy trenger du derimot ikke et helt utviklingsteam, siden enhver ikke-teknisk bruker også kan bygge appen.
• Det er billig å lage: Det er dyrt å ansette et utviklingsteam. Teammedlemmene vi nevnte ovenfor, er blant de best betalte fagpersonene på arbeidsmarkedet. Ved å bruke et kodefritt verktøy kan du derfor også lage appen din til en brøkdel av kostnaden ved å ansette et helt programvareteam.

Ulemper med kodefrie verktøy

• Begrenset fleksibilitet: Antallet og typene funksjoner du kan legge til i appen din, er ikke ubegrenset med kodefrie verktøy. Du vil ikke kunne lage en unik funksjon på egen hånd, og må bruke de eksisterende funksjonene som verktøyet tilbyr.
• Sikkerheten er utenfor din kontroll: Selv om de fleste kodefrie verktøy bygger applikasjonene dine ved hjelp av generell bestepraksis for personvern og sikkerhet, vil du ikke kunne styrke forsvaret ditt og beskytte deg mot mer avanserte sårbarheter.
• Begrenset ytelse: I tillegg til et begrenset antall funksjoner er du også bundet til en begrenset teknologistakk med kodefrie verktøy. Uansett hvilken type produkt du lager, vil det kodefrie verktøyet alltid bruke det samme programmeringsspråket og de samme databasesystemene til å kjøre det. Du kan derfor glemme å bruke spesialiserte teknologier som kjører raskt (f.eks. C++ eller Clickhouse).

For å oppsummere er både plattformer for applikasjonsutvikling med lite kode og kodefrie plattformer gode til å redusere utviklingskostnadene dine og øke leveransetakten. Takket være hvor enkelt det er å bygge apper med dem, har de blitt et godt verktøy for små bedrifter som ikke har råd til å opprette et internt IT-team, samt for produktledere som ønsker å avdekke brukernes behov gjennom raske tester og ulike initiativer.

Men betyr det at tiden for vanlig programvareutvikling er over? La oss finne ut av det nå.

Dør tradisjonell utvikling ut?

På ingen måte!

Verktøy med lite kode og kodefrie verktøy hjelper deg med å bygge og distribuere en grunnleggende versjon av appen raskt, med begrenset funksjonalitet. Det er imidlertid tradisjonell programvareutvikling som lar deg:

Skape unike og originale funksjoner: Både kodefrie verktøy og verktøy med lite kode leveres med et sett standardiserte brukergrensesnittelementer og funksjoner på serversiden som du kan bruke til å dekke en rekke bruksområder. Hvis du derimot vil skape noe helt nytt og unikt, har du ikke noe annet valg enn å kode det selv.

Gode eksempler på slike funksjoner er TikToks beryktede maskinlæringsfiltre og avatarer. De er så unike og komplekse at en hel avdeling med ingeniører og forskere har jobbet med dem (og underveis gjort flere betydelige bidrag til kunstig intelligens).

Det finnes rett og slett ingen måte du kunne ha bygget noe i nærheten av dette med et verktøy med lite kode.

Oppnå eksepsjonell ytelse: Noen ganger er høy ytelse og effektiv ressursbruk grunnleggende deler av produktet ditt (f.eks. hvis du lager et AAA-spill som må kjøre på eldre PC-er). Hvis det er tilfellet, må du bruke spesialiserte programmeringsspråk med høy ytelse, som C++ eller til og med assemblerspråk, samt svært dyktige programmerere som kan finjustere hver kodelinje i appen din for å oppnå denne hastigheten.

Hva er fordelene med lavkode og uten kode for produktledere og startup-gründere?

To ord—hastighet og kostnad!

Hvis du bygger produktene dine i tråd med lean-filosofien, vil verktøy med lavkode og uten kode bli dine beste venner, ettersom de lar deg raskt bygge en MVP av produktet ditt, distribuere det, validere (eller avkrefte) kjerneantakelsene dine, iterere basert på tilbakemeldingene og distribuere på nytt.

I tillegg til hastigheten du kan levere nye iterasjoner av produktet ditt med og teste ideene dine i, lar verktøy uten kode og med lavkode deg også redusere risikoen forbundet med å ansette utviklere og bruke betydelig tid og penger på en app som markedet kanskje ikke aksepterer (noe som er helt greit).

Du kan bygge de første versjonene av produktet ditt helt på egen hånd uten å ansette noen. Hvis ideen din mislykkes, vil de økonomiske tapene dine derfor være minimale.

Verktøy uten kode og med lavkode er ypperlige for å bygge MVP-er, men kan du også lage ferdige produkter med dem? Ja! La meg imponere deg med et par flotte nettsteder og apper som folk har bygget ved hjelp av disse verktøyene.

Utvalgte eksempler: Apper bygget på plattformer med lavkode og uten kode

Internett er fullt av små nettsteder og apper bygget på plattformer uten kode. Men for å vise deg hva disse verktøyene virkelig er i stand til, vil jeg trekke frem et par imponerende og velkjente prosjekter.

Nettstedet til Bubble.io

Verktøy uten kode brukt: Bubble. (Selvsagt.)

Ville du blitt overrasket over å få vite at nettstedet til Bubble er bygget med Bubble? Vi snakker om hele nettstedet, sammen med den pedagogiske delen med mange nettbaserte leksjoner, CMS-systemet for bloggen og innholdet på andre sider.

Dette eksempelet viser at du kan bygge komplette nettsteder i full størrelse med verktøy uten kode, ikke bare et par enkle landingssider.

Comet: En plattform for frilansjobber

Verktøy uten kode brukt: Bubble.

Comet er en plattform for frilansarbeid der bedrifter kan legge ut faste stillinger eller midlertidige oppgaver, og enkeltstående frilansere kan søke på dem.

Plattformen er svært funksjonell. Den har separate dashbord for både frilansere og bedrifter, der de kan administrere jobbene sine, gi tilbakemeldinger og samarbeide med hverandre.

Denne plattformen viser at du kan bygge forretningsapplikasjoner med flere brukergrupper, god brukeropplevelse, dashbord i sanntid, maler, moduler og kompleks logikk for frilansere og bedriftsbrukere ved å kun bruke et verktøy uten kode.

Chant: Et sosialt nettverk for kunstnere

Verktøy uten kode brukt: Adalo.

Chant er en plattform der kunstnere av alle slag (illustratører, fotografer, musikere osv.) kan samles, være sosiale, organisere arrangementer og til og med finne jobber.

Funksjonalitetsmessig er det et komplett sosialt nettverk der du kan fylle ut profilen din, besøke og se på andres profiler, publisere innlegg, opprette arrangementer, chatte med venner og mer.

Det viser enda et viktig aspekt ved moderne verktøy uten kode—muligheten til å bygge og publisere mobilapper i appbutikkene til Google og Apple.

Poshmark: En nettbutikk for mote og klær

Verktøy uten kode brukt: Wix.

Det siste nettstedet jeg vil vise frem, er nettbutikken Poshmark, som driver handelsplattformen sin ved hjelp av nettstedbyggeren Wix.

Plattformen er ganske funksjonell og tilbyr alt en nettbutikk trenger – fra betalingsfunksjonalitet til lagerstyring.

Det som imponerer meg mest, er at nettbutikker som bygges med Wix, også kan la enhver bruker registrere seg, legge ut og selge sine egne produkter i butikken.

Fremtiden er uten kode og med lite kode

Det er i hvert fall det jeg (fast) tror.

Selv om disse verktøyene aldri vil kunne erstatte et profesjonelt utviklingsteam, vil de kunne dekke de fleste uformelle behovene til små bedrifter, samtidig som de lar produktteam utvikle og teste MVP-er raskt.

Selv om et verktøy uten kode til rådighet vil hjelpe deg med å bygge produktene dine raskere, må du fortsatt sørge for at du bygger det riktige. I den forbindelse kan du ta en titt på veiledningene våre om:

• Å velge de riktige verktøyene for produktutvikling for å effektivisere prosessene dine.
• Å utvikle minimum levedyktige produkter på riktig måte.
• Å måle og oppnå produkt–markedstilpasning.
• Å sette opp livssyklusen for programvareutvikling.

For mange andre veiledninger som denne bør du også abonnere på nyhetsbrevet vårt!