Lågkodad & kodfri utveckling: komplett guide + exempel

Det verkar som att termerna lågkod och no-kod nyligen har blivit modeord inom produktcommunityn. Många framstående produktchefer har meddelat att de helt övergår till no-kod, eller åtminstone att de har börjat använda detta arbetssätt i sin produktutvecklingsprocess.

Men vad handlar dessa arbetssätt om? Är det värt att prova själv? Låt oss diskutera de specifika egenskaperna, fördelarna och nackdelarna med dessa utvecklingssätt och titta på ett par framstående produkter som har byggts med no-kod-verktyg.

Vad handlar utveckling av lågkodsappar om?

När vi talar om lågkodsutveckling syftar vi vanligtvis på processen där du skapar dina applikationer genom att använda färdiga verktyg och paket i stället för att behöva skriva koden själv från grunden.

I stället för att arbeta med en kodredigerare låter lågkodsplattformar dig bygga dina appar visuellt. Om du till exempel vill bygga serverdelslogik för en HR-applikation kan du använda ett dra-och-släpp-gränssnitt som påminner om ett vanligt flödesschema. Så här ser det ut i Flokzu.

I det här fallet bygger vi logiken för att godkänna en semesteransökan.

• Vi kan se att när den anställda skapar en semesteransökan skickar serverdelslösningen vi har byggt en avisering till personens chef och ber chefen att godkänna eller avslå den.
• Efter godkännandet får den andra granskaren en avisering med en begäran om att godkänna den.
• När båda svarar ja anses semesteransökan vara godkänd.

Utveckling med lågkod flyttar mycket av arbetet till visuella redigerare som den vi såg ovan. Men som namnet antyder ingår fortfarande en del kodning i processen, och du behöver fortfarande ha grundläggande kunskaper i kodning eller skriptning för att kunna utveckla appar med lågkod.

Du använder vanligtvis skriptning och grundläggande kodning när du behöver ansluta till en specifik molntjänst (t.ex. AWS S3 för lagring av dina data) eller ett API (som ChatGPT-API:t för att använda AI-tjänsten programmatiskt).

Föreställ dig till exempel att du har byggt ett verktyg för felrapportering som visas på en webbplats som en liten widget.

När användare vill rapportera ett problem klickar de på widgeten, fyller i uppgifterna om problemet de upplever och skickar in en felrapport till webbplatsägaren.

Du vill att webbplatsägarna ska kunna se dessa fel i sina Trello-tavlor. Därför behöver du integrera ditt verktyg med Trello. För detta kan du använda den befintliga implementationen från Zapier. Allt du behöver göra är att ansluta till Zapier API. Så här ser två av dess API-anrop ut.

I det här fallet har du inget annat val än att kavla upp ärmarna och skriva kod som interagerar med Zapier API och automatiskt begär att ett Trello-kort skapas varje gång någon skickar in en felrapport med din widget.

För att få en fullständig förståelse för denna utvecklingsprocess kan vi lista några av dess för- och nackdelar.

Fördelar med lågkod

• En rejäl produktivitetsökning: Lågkodsplattformar är mycket populära bland medelstora och stora företag som skapar interna verktyg och arbetsflöden för processautomatisering med hjälp av dessa plattformar. Dessa automatiserade arbetsflöden ökar i sin tur både effektiviteten och verkningsgraden i företagets affärsprocesser.
• Flexibilitet med anpassade funktioner och kod: Till skillnad från no-kod-verktyg (som vi tar upp härnäst), där allt görs visuellt, låter lågkodslösningar dig anpassa och skriva egen kod. Det innebär att du inte begränsas av de funktioner som plattformen tillhandahåller, utan kan utveckla praktiskt taget vilken anpassad funktion du vill genom att lägga till egen kod i appen.
• Enkel och säker förvaltning: Eftersom du har skapat appen med relativt lättanvända visuella redigerare går det mycket snabbare och enklare att underhålla och korrigera den än att underhålla en kodbas.

Nackdelar med lågkod

• Kräver grundläggande kunskaper i kodning: Även om merparten av utvecklingen görs med visuella redigerare behöver du fortfarande skriva kod för vissa delar av appen. Med lågkodverktyg behöver du därför fortfarande överväga att anlita någon med erfarenhet av kodning.
• Kostnaderna är fortfarande högre jämfört med no-kod-utveckling: Lågkod är betydligt billigare än att anställa ett helt programvaruutvecklingsteam. Jämfört med no-kod, där allt görs med ett lättförståeligt användargränssnitt som vem som helst kan använda, kräver lågkodverktyg professionella utvecklare som vet hur verktyget används och hur man skriver skript på dess proprietära språk.

Sammanfattningsvis har low-code-utveckling, tack vare sin snabbhet och relativt låga komplexitet, blivit populär bland både stora företag som vill automatisera sina processer och små företag som vill bygga appar med minimal ansträngning.

Men hur står den sig jämfört med no-code-utveckling? Låt oss jämföra dem sida vid sida.

Hur är det med no-code?

Även om low-code-verktyg har gjort det mycket enklare att bygga och distribuera appar, är det no-code-utvecklingsplattformarna som kommer att ha störst inverkan på livet för småföretagare, startupgrundare och produktteam.

Med en no-code-lösning kan du bygga kompletta webbplatser och appar utan att ens behöva veta hur API:er fungerar eller vilka CSS-stilar som gör sidan responsiv. Du kan styra allt (från gränssnittsdesign till API-integrationer och webbhotell) med relativt lättlärda och användarvänliga visuella gränssnitt.

No-code-verktyg levereras vanligtvis med visuella dra-och-släpp-redigerare för användargränssnitt som liknar designverktyg som Figma eller AdobeXD. Så här ser redigeraren ut i den no-code-webbplatsbyggaren Webflow:

Som vi kan se ger redigeraren här dig kontroll över allt, från storlek och placering av element till typografi och visuella stilar.

Om du vill bygga applikationer med relativt komplex affärslogik innehåller no-code-verktyg också visuella redigerare som liknar dem vi har diskuterat tidigare. Så här ser redigeraren för affärslogik ut i no-code-webbappbyggaren Bubble:

I exemplet ovan kan vi se en enkel logik för användarregistrering som börjar köras när användaren fyller i sina inloggningsuppgifter och klickar på registreringsknappen. Efter klicket skapar Bubble en ny användare i sin databas, skickar användaren ett bekräftelsemeddelande via e-post och omdirigerar användaren till startsidan.

Förutom att hjälpa dig bygga ditt användargränssnitt och din affärslogik kan no-code-verktyg också hjälpa dig med olika uppgifter för hantering av webbplatser och appar, till exempel:

Sökmotoroptimering

Detta inkluderar möjligheten att dynamiskt ange metatitlar, beskrivningar, kanoniska länkar och robottaggar samt styra hur dina sidor visas i sökresultatens utökade utdrag genom att ange strukturerad data.

Vissa no-code-verktyg innehåller till och med SEO-assistenter som analyserar din webbplats och ger konkreta råd om hur du åtgärdar problemen de har hittat. Här är ett exempel på en sådan funktion från webbplatsbyggaren Wix.

Som vi kan se har Wix SEO Wiz (så kallar de sin assistent) hittat en dubblerad sidtitel och föreslår att du ändrar den.

Anslutning till olika externa tjänster och API:er

Till skillnad från low-code-verktyg behöver du inte skriva kod för att ansluta till API:erna för de olika verktyg och tjänster som din app behöver för att fungera.

No-code-verktyg låter dig vanligtvis ansluta till en viss tjänst med ett enda klick på knappen ”installera” och ger dig en visuell konfigurationspanel där du kan ange dina autentiseringsuppgifter och ändra hur din app interagerar med tjänsten i fråga. Låt oss titta på ett exempel från Bubble:s tilläggsbutik.

Skärmen du ser här kommer från en testwebbplats i Bubble som jag skapade för ett par månader sedan för att undersöka funktionerna i det här no-code-verktyget (resultatet – jag blev imponerad). Naturligtvis ville jag ha Google Analytics installerat på min demowebbplats för att kunna följa dess resultat.

Det enda jag gjorde i Bubble var att hitta det här tillägget i deras butik, installera det och ange spårnings-id:t för mitt Google Analytics-konto.

Driftsättning och skalning

Slutligen hjälper verktyg utan kod dig även med driftsättning i produktions- och utvecklingsmiljöer, hosting och skalbarhet (om du får mycket trafik) för din webbplats eller applikation på deras servrar, utan att du behöver pilla med Shell-skript och serverkonfigurationer. Återigen görs allt via enkla användargränssnitt. Med Wix är driftsättningen till exempel lika enkel som att klicka på en enda ”Publicera”-knapp i deras kontrollpanel.

Nu när vi känner till funktionerna hos verktyg utan kod kan vi även ta en titt på deras för- och nackdelar.

Fördelar med verktyg utan kod

• Det går snabbt: Programvarutjänsternas värld är extremt konkurrensutsatt i dag, och din förmåga att snabbt lansera produkter har blivit en av de viktigaste faktorerna för att lyckas som programvaruföretag. Verktyg utan kod har allt förberett åt dig. Allt du behöver göra är att sätta ihop komponenterna med en dra-och-släpp-redigerare och lansera din produkt.
• Kräver inga kunskaper i programmering: Programvaruutvecklare, QA-ingenjörer, DevOps-specialister och alla andra i ett typiskt programvaruteam är kvalificerade yrkespersoner, och det kan ibland vara svårt att hitta och anställa dem. Med ett verktyg utan kod behöver du däremot inte ha ett helt utvecklingsteam, eftersom även en icke-teknisk användare kan bygga appen.
• Det är billigt att skapa: Att anställa ett utvecklingsteam är dyrt. Teammedlemmarna vi nämnde ovan hör till de bäst betalda yrkespersonerna på arbetsmarknaden. Genom att använda ett verktyg utan kod kan du därför skapa din app till en bråkdel av kostnaden för att anställa ett helt programvaruteam.

Nackdelar med verktyg utan kod

• Begränsad flexibilitet: Med verktyg utan kod är antalet och typerna av funktioner som du kan lägga till i din app inte obegränsade. Du kommer inte att kunna skapa egna unika funktioner, utan måste använda de befintliga funktioner som verktyget tillhandahåller.
• Säkerheten ligger utanför din kontroll: Även om de flesta verktyg utan kod bygger dina applikationer enligt allmänna bästa praxis för integritet och säkerhet, kommer du inte att kunna förstärka ditt skydd och skydda dig mot mer avancerade sårbarheter.
• Begränsad prestanda: Utöver det begränsade antalet funktioner är du också bunden till en begränsad teknikstack med verktyg utan kod. Oavsett vilken typ av produkt du skapar kommer verktyget utan kod alltid att använda samma programmeringsspråk och databassystem för att köra den. Du kan alltså glömma att använda specialiserad teknik som kör snabbt (t.ex. C++ eller Clickhouse).

Sammanfattningsvis är både plattformar för applikationer med lite kod och utan kod bra på att minska dina utvecklingskostnader och öka takten i dina lanseringar. Tack vare att det är enkelt att bygga appar med dem har de blivit ett utmärkt verktyg för småföretag som inte har råd att skapa ett internt IT-team, samt för produktchefer som vill upptäcka användarnas behov genom snabba tester och olika initiativ.

Men betyder det att den traditionella programvaruutvecklingens era är över? Det tar vi reda på härnäst.

Håller traditionell utveckling på att dö ut?

Inte alls!

Verktyg med lite kod och utan kod hjälper dig att snabbt bygga och driftsätta en grundläggande version av din app med begränsade funktioner. Det är dock traditionell programvaruutveckling som låter dig:

Skapa unika och originella funktioner: Både verktyg utan kod och verktyg med lite kod levereras med en uppsättning standardiserade UI-element och backend-funktioner som du kan använda för att täcka en mängd olika användningsområden. Om du däremot vill skapa något helt nytt och unikt har du inget annat val än att koda det själv.

Utmärkta exempel på sådana funktioner är TikToks ökända maskininlärningsfilter och avatarer. De är så unika och komplexa att en hel avdelning med ingenjörer och forskare har arbetat med dem (och på vägen gjort ett par betydande bidrag till forskningen inom artificiell intelligens).

Det finns helt enkelt inget sätt att bygga något som ens liknar detta med ett verktyg med lite kod.

Uppnå exceptionell prestanda: Ibland är hög prestanda och resurseffektivitet grundläggande delar av din produkt (t.ex. om du bygger ett AAA-spel som måste köras på äldre datorer). Om så är fallet behöver du använda specialiserade programmeringsspråk med hög prestanda, som C++ eller till och med Assembly, samt mycket skickliga programmerare som kan finjustera varje kodrad i din app för att uppnå den hastigheten.

Vilka är fördelarna med low-code och no-code för produktchefer och startupgrundare?

Två ord—hastighet och kostnad!

Om du bygger dina produkter enligt lean-filosofin blir low-code- och no-code-verktyg dina bästa vänner, eftersom de låter dig bygga en MVP av din produkt snabbt, lansera den, validera (eller förkasta) dina kärnhypoteser, iterera utifrån feedbacken och lansera igen.

Utöver den hastighet med vilken du kan lansera nya iterationer av din produkt och testa dina idéer, låter no-code- och low-code-verktyg dig också minska riskerna som är förknippade med att anställa utvecklare och lägga betydande tid och pengar på en app som marknaden kanske inte accepterar (vilket är helt okej).

Du kan bygga de första versionerna av din produkt helt själv utan att anställa någon. Om din idé misslyckas blir dina ekonomiska förluster därför minimala.

No-code- och low-code-verktyg är utmärkta för att bygga MVP:er, men kan du även skapa färdiga produkter med dem? Ja! Låt mig imponera på dig med ett par snygga webbplatser och appar som människor har byggt med hjälp av dessa verktyg.

Exempel: Appar byggda på low-code- och no-code-plattformar

Internet är fullt av små webbplatser och appar som är byggda på no-code-plattformar. Men för att visa dig verktygens verkliga möjligheter vill jag lyfta fram ett par imponerande och välkända projekt.

Bubble.io:s webbplats

No-code-verktyg som användes: Bubble. (Självklart.)

Skulle du bli förvånad om du fick veta att Bubble:s webbplats är byggd med Bubble? Vi talar om hela webbplatsen, inklusive utbildningssektionen med många onlinelektioner, CMS-systemet för bloggen och innehållet på övriga sidor.

Det här exemplet visar att du kan bygga kompletta webbplatser i full storlek med no-code-verktyg, inte bara ett par enkla landningssidor.

Comet: En plattform för frilansjobb

No-code-verktyg som användes: Bubble.

Comet är en plattform för frilansarbete där företag kan publicera fasta tjänster eller tillfälliga uppdrag och enskilda frilansare kan ansöka till dem.

Plattformen är mycket funktionell. Den har separata instrumentpaneler för både frilansare och företag, där de kan hantera sina jobb, ge feedback och samarbeta med varandra.

Den här plattformen visar att du kan bygga företagsapplikationer med flera typer av användare, en genomtänkt användarupplevelse, instrumentpaneler i realtid, mallar, moduler och komplex logik för frilansare och företagsanvändare genom att endast använda ett no-code-verktyg.

Chant: Ett socialt nätverk för konstnärer

No-code-verktyg som användes: Adalo.

Chant är en plattform där konstnärer av alla slag (illustratörer, fotografer, musiker med flera) kan samlas, umgås, organisera evenemang och till och med hitta jobb.

Funktionsmässigt är det ett komplett socialt nätverk där du kan fylla i din profil, besöka och titta på andras profiler, publicera inlägg, skapa evenemang, chatta med vänner och mycket mer.

Det visar ännu en viktig aspekt av moderna no-code-verktyg—möjligheten att bygga och publicera mobilappar i Googles och Apples appbutiker.

Poshmark: En nätbutik för modekläder

No-code-verktyg som användes: Wix.

Den sista webbplatsen som jag vill visa upp är e-handelsbutiken Poshmark, som driver sin handelsplattform med hjälp av webbplatsbyggaren Wix.

Plattformen är ganska funktionell och erbjuder allt som en nätbutik behöver – från kassafunktioner till lagerhantering.

Det som imponerar mest på mig är att e-handelsbutiker som byggs med Wix också kan låta alla användare registrera sig, lägga upp och sälja sina egna produkter i butiken.

Framtiden är kodfri och lågkod

Åtminstone är det vad jag (bestämt) tror.

Även om dessa verktyg aldrig kommer att kunna ersätta ett professionellt utvecklingsteam, kommer de att kunna täcka de flesta av småföretags vardagliga behov och dessutom låta produktteam snabbt utveckla och testa minimalt gångbara produkter.

Att ha ett kodfritt verktyg till hands hjälper dig att bygga dina produkter snabbare, men du måste fortfarande se till att du bygger rätt sak. Därför kan du ta en titt på våra guider om:

• Att välja rätt verktyg för produktutveckling för att effektivisera dina processer.
• Att skapa minimalt gångbara produkter på rätt sätt.
• Att mäta och uppnå produkt–marknadsanpassning.
• Att konfigurera din livscykel för programvaruutveckling.

För många andra guider som dessa bör du också prenumerera på vårt nyhetsbrev!