Kategoriarkiv: Webbutveckling

TypeScript – JavaScript med typer

TypeScript har på kort tid blivit ett av de mest använda verktygen inom modern webbutveckling. Språket bygger vidare på JavaScript men lägger till statiska typer, vilket gör stora kodbaser lättare att underhålla. Här går vi igenom vad TypeScript är, varför det skapades, vilka funktioner det har och vad som hänt med den nya kompilatorn.

Vad är TypeScript?

Enligt engelska Wikipedia är TypeScript (TS) ett högnivåprogrammeringsspråk som lägger till statisk typning med valfria typannoteringar till JavaScript. Det är utformat för att utveckla stora applikationer och transpileras till JavaScript. TypeScript utvecklas av Microsoft som fri och öppen programvara under Apache License 2.0.

TypeScript kan användas både på klientsidan och serversidan, till exempel tillsammans med React.js, Node.js, Deno eller Bun. För att omvandla koden till JavaScript kan man använda den vanliga TypeScript-kompilatorn eller exempelvis Babel.

Varför skapades TypeScript?

TypeScript föddes ur JavaScripts brister när det gällde stora applikationer, både inom Microsoft och hos externa kunder. Komplex JavaScript-kod var svår att hantera, och utvecklarna ville ha bättre verktyg. Samtidigt fick lösningen inte bryta kompatibiliteten med ECMAScript-standarden och dess ekosystem. Resultatet blev en kompilator som omvandlar en överuppsättning (superset) av JavaScript med typannoteringar och klasser tillbaka till vanlig ECMAScript 5-kod. Typannoteringarna möjliggjorde IntelliSense och bättre utvecklarverktyg.

Anders Hejlsberg – huvudarkitekt bakom C# och skapare av Delphi och Turbo Pascal – har arbetat med utvecklingen av TypeScript.

Historik i korthet

  • Oktober 2012: TypeScript 0.8 släpps publikt efter två års intern utveckling på Microsoft.
  • 2013: version 0.9 lägger till stöd för generics.
  • 2014: TypeScript 1.0 lanseras på Microsofts Build-konferens; källkoden flyttas från CodePlex till GitHub.
  • 22 september 2016: TypeScript 2.0 släpps.
  • 11 mars 2025: Hejlsberg meddelar att teamet arbetar på en Go-port av kompilatorn.
  • 8 juli 2026: TypeScript 7.0 släpps med en kompilator omskriven i Go.

Viktiga funktioner

TypeScript lägger till följande syntaxutökningar till JavaScript:

  • Typsignaturer (annoteringar) och typkontroll vid kompilering
  • Typinferens – kompilatorn räknar ofta ut typen själv
  • Gränssnitt (interfaces)
  • Uppräkningstyper (enums)
  • Generics
  • Namnrymder (namespaces)
  • Tupler

Syntaktiskt liknar TypeScript JScript .NET, en annan Microsoft-implementation av ECMA-262 med statisk typning. Andra inspirationskällor är Java och C#.

Kompatibilitet med JavaScript

Eftersom TypeScript är en överuppsättning av JavaScript kan befintlig JavaScript-kod anpassas till TypeScript, och TypeScript kan integrera JavaScript sömlöst. Kompilatorn kan rikta sig mot alla ECMAScript-versioner från 5 och uppåt och omvandla moderna funktioner som klasser och pilfunktioner till äldre motsvarigheter.

TypeScript stöder definitionsfiler med typinformation för befintliga JavaScript-bibliotek, ungefär som headerfiler i C++. Det finns typdefinitioner för populära bibliotek som jQuery, MongoDB och D3.js, samt för Node.js-moduler.

Den nya Go-kompilatorn

Före version 7 var kompilatorn, tsc, skriven i TypeScript och kompilerad till JavaScript, vilket gjorde att den kunde köras i vilken JavaScript-motor som helst. Från och med TypeScript 7.0, som släpptes den 8 juli 2026, skrevs kompilatorn och språktjänsten om i Go som en native binär. Microsoft rapporterade att fullständiga byggen blev typiskt 8–12 gånger snabbare jämfört med den JavaScript-baserade TypeScript 6.0-kompilatorn. Redan i december 2025 hade Daniel Rosenwasser meddelat att 6.0 skulle bli den sista versionen skriven i TypeScript.

Redan i mars 2025 hade Hejlsberg i TypeScript-bloggen förutspått ungefär tiofaldig hastighetsökning. En snabbare kompilator betyder kortare väntetider i stora projekt och snabbare respons i editorn.

Ska du välja TypeScript?

  • Stora projekt och team: typerna fungerar som dokumentation och fångar fel tidigt.
  • Bättre verktyg: autokomplettering och refaktorering blir säkrare i editorer som Visual Studio Code, WebStorm, Vim och Emacs.
  • Gradvis övergång: du kan börja med enstaka filer i ett befintligt JavaScript-projekt.

Sammanfattning

TypeScript är JavaScript med typer – skapat av Microsoft för att göra stora applikationer hanterbara. Med en snabb ny Go-baserad kompilator och brett stöd i ramverk som React och plattformar som Node.js och Deno är språket i dag ett självklart val för många webbutvecklare.

Källor

WordPress – världens mest använda publiceringssystem

WordPress är det publiceringssystem som driver en enorm del av webben – från små privata bloggar till stora företagssajter och webbutiker. Men vad är WordPress egentligen, hur fungerar det, och vad bör du tänka på när det gäller teman, tillägg och säkerhet? I den här guiden går vi igenom grunderna.

Vad är WordPress?

Enligt svenska Wikipedia är WordPress ett blogg- och innehållshanteringssystem (CMS) skrivet i PHP som använder databasen MySQL eller MariaDB för datalagring. Det distribueras under GNU General Public License (GPL) och kan laddas ner och användas kostnadsfritt. WordPress har under åren utvecklats från ett rent bloggsystem till ett verktyg som kan hantera hela webbplatser.

Engelska Wikipedia beskriver hur WordPress i dag används för betydligt mer än bloggar: traditionella webbplatser, e-postlistor, forum, mediegallerier, medlemssajter, lärplattformar och webbutiker. I december 2024 användes WordPress av 22,52 procent av världens en miljon största webbplatser.

Historia

WordPress släpptes första gången den 27 maj 2003 av grundarna Matt Mullenweg, amerikansk utvecklare, och Mike Little, engelsk utvecklare. Projektet var en avknoppning (fork) av bloggverktyget b2/cafelog, vars utveckling hade avstannat. Mullenweg skrev i ett blogginlägg den 24 januari 2003 om idén att vidareutveckla b2, och Mike Little var den första som svarade. I dag äger WordPress Foundation varumärket WordPress.

WordPress.org och WordPress.com

Det är lätt att blanda ihop två saker:

  • WordPress (WordPress.org) – den fria programvaran som du installerar på ett eget webbhotell. Du har full kontroll över teman och tillägg.
  • WordPress.com – en kommersiell bloggtjänst som drivs av Automattic, grundat av Matt Mullenweg. Du kan starta en blogg gratis, men är begränsad till de teman och tillägg Automattic har aktiverat. Vissa tilläggstjänster kostar pengar.

Så fungerar WordPress

En central liknelse är att ”WordPress är en fabrik som tillverkar webbsidor”: systemet lagrar innehållet och låter dig skapa och publicera sidor utan att behöva något annat än en domän och ett webbhotell. Arkitekturen är en så kallad front controller – alla förfrågningar dirigeras till en enda PHP-fil som tolkar adressen och avgör vilken sida som ska visas. Det gör att WordPress kan använda läsbara permalänkar.

Eftersom allt innehåll redigeras via en inloggningssida behöver du ingen FTP-klient för att uppdatera dina sidor. De flesta webbhotell erbjuder dessutom en one-click-installation av WordPress via kontrollpaneler som Plesk och cPanel.

Blockredigeraren Gutenberg

Sedan 2018 har WordPress en blockbaserad redigerare, Gutenberg. Block är abstrakta enheter av märkspråk som tillsammans bildar en sidas innehåll eller layout. Den som föredrar det gamla gränssnittet kan använda tillägget Classic Editor, som i augusti 2023 var aktivt på över fem miljoner installationer.

Teman och tillägg

Teman

Teman styr utseende och funktion utan att du behöver ändra kärnkoden eller innehållet. Varje WordPress-sajt kräver minst ett tema. Egen kod kan läggas till med ett så kallat child theme. Teman finns både gratis i WordPress temakatalog och som premiumteman från marknadsplatser och utvecklare.

Tillägg (plugins)

Med tillägg kan du utöka webbplatsens funktioner. Enligt svenska Wikipedia fanns i mars 2026 över 62 000 gratis tillägg. Utvecklare som vill bygga egna tillägg behöver lära sig WordPress hook-system, som enligt engelska Wikipedia omfattar över 2 000 krokar uppdelade i action hooks och filter hooks.

Säkerhet – det viktigaste att tänka på

WordPress popularitet gör det till ett attraktivt mål. Enligt engelska Wikipedia har många säkerhetsproblem upptäckts och åtgärdats genom åren. En studie från maj 2007 visade att 98 procent av de WordPress-bloggar som var i drift gick att utnyttja eftersom de körde föråldrade versioner. I juni 2013 visade det sig att några av de 50 mest nedladdade tilläggen var sårbara för vanliga attacker som SQL-injektion och XSS.

För att förbättra säkerheten infördes automatiska bakgrundsuppdateringar i WordPress 3.7. Så här skyddar du din sajt:

  • Håll WordPress, teman och tillägg uppdaterade – angripare kan lätt lista vilka tillägg en sajt använder och skanna efter sårbarheter.
  • Använd bara betrodda teman och tillägg.
  • Överväg ett säkerhetstillägg som förhindrar användaruppräkning och blockerar sonderingar.
  • Skydda känsliga filer via webbserverns konfiguration, till exempel .htaccess om servern stöder det.

Sammanfattning

WordPress är ett gratis, öppet och extremt flexibelt CMS som har vuxit från bloggverktyg till plattform för alla typer av webbplatser. Med rätt tema, genomtänkta tillägg och konsekventa uppdateringar får du en snabb, säker och lättskött webbplats.

Källor