{"id":108587,"date":"2025-12-09T16:30:25","date_gmt":"2025-12-09T16:30:25","guid":{"rendered":"https:\/\/www.europesays.com\/no\/108587\/"},"modified":"2025-12-09T16:30:25","modified_gmt":"2025-12-09T16:30:25","slug":"lot-claude-code-gjore-designet-sparte-mange-tusen","status":"publish","type":"post","link":"https:\/\/www.europesays.com\/no\/108587\/","title":{"rendered":"Lot Claude Code gj\u00f8re designet: \u00abSparte mange tusen\u00bb"},"content":{"rendered":"

Skrev backend og HTML selv, men lot Claude Code gj\u00f8re resten. \u2013 Alt jeg lager ser stygt ut, skriver Kirill Miazine.<\/p>\n

\n Kirill Miazine gikk fra designet til venstre, til designet til h\u00f8yre, med Claude Code. Men han ga ikke fra seg all kontroll.
\n \ud83d\udcf8: Privat \/ kode24\n <\/p>\n

\u270d leserinnlegg<\/p>\n

Dette er et leserinnlegg fra en ekstern skribent, som betyr at innholdet ikke n\u00f8dvendigvis speiler kode24s meninger. Vil du ogs\u00e5 bidra? Send oss en epost p\u00e5 [email\u00a0protected]<\/a>, eller les mer her<\/a>!<\/p>\n

For et par \u00e5r siden byttet jeg ut monitoring-verkt\u00f8yet NodePing<\/a>\u00a0med noen hjemmesnekrede greier, noe kode24 har skrevet om<\/a>.\u00a0<\/p>\n

Systemet har fungert kjempemessig siden den gang, og jeg fortsatte fra tid til
\nannen \u00e5 knote litt med det her og der.<\/p>\n

S\u00e5 fikk jeg en tanke om at det hadde v\u00e6rt fint \u00e5 ha en nettside \u00e5
\nkunne g\u00e5 til, for \u00e5 se hvordan det g\u00e5r med ting, og s\u00e5 kom ideen om at kanskje
\nkunne man legge opp til opprettelse av nye overv\u00e5kninger p\u00e5 web, og s\u00e5 ville en
\nkompis demonstrere sin nye app, og appen var nede, og han mumlet noe om at han
\nm\u00e5tte sette opp overv\u00e5kning.<\/p>\n

S\u00e5 da\u00a0laget jeg en nettjeneste basert p\u00e5 min egen
\nprogramvare Pyng!\u00a0<\/p>\n

Alt jeg lager ser stygt ut<\/p>\n

Det tok litt tid, for jeg gjorde alt p\u00e5 \u201cgamlem\u00e5ten\u201d, skrev
\nHTML, JavaScript og CSS for h\u00e5nd i Emacs, og bruke MDN\u00a0hyppig for oppslag om HTML.\u00a0<\/p>\n

Jeg gjorde mange oppdagelser om HTML \u2013 det er
\nskjedd mye siden jeg f\u00f8rst l\u00e6rte meg HTML for nesten 30 \u00e5r siden.\u00a0<\/p>\n

For eksempel var -elementet kjempepraktisk og jeg gjorde
\ngod bruk av data-attributter.
\nFerdig HTML ble veldig bra.<\/p>\n

<\/p>\n

\u2013 Ikke la noen fortelle deg at frontend er l\u00f8st!<\/p>\n

\n \u2013 Dyrk faget ditt, for p\u00e5 slutten av dagen s\u00e5 er det frontend-en brukeren interagerer med, skriver fagansvarlig Christian Bernard Bouwhuis R\u00f8kke.\n<\/p>\n

<\/a><\/p>\n

Da jeg var i m\u00e5l og hadde publisert\u00a0uptime mongers<\/a>,
\nhadde jeg likevel ett\u00a0stort problem: Uansett hvor hardt jeg pr\u00f8vde,
\ns\u00e5 evnet jeg ikke \u00e5 lage noe som s\u00e5 pent\u00a0ut.\u00a0Og uansett hvor
\nbra HTML var, s\u00e5 evnet jeg ikke \u00e5 lage noe som s\u00e5 bra ut.\u00a0<\/p>\n

Alt jeg lager ser
\nstygt ut.<\/p>\n

\"\"<\/p>\n

\n Versjon 1.0 av uptime mongers.<\/p>\n

Planen min var derfor \u00e5 leie inn byr\u00e5et -Minus<\/a> (ja, minus minus)\u00a0til
\n\u00e5 hjelpe meg med UX for min nye hobbytjeneste. Jeg var ikke forberedt p\u00e5 \u00e5 svi
\nav for mye, men h\u00e5pet at for 15-20 lapper kunne jeg f\u00e5 noe som s\u00e5 fint ut. S\u00e5
\nlangt kom jeg likevel ikke.\u00a0<\/p>\n

Fordi \u201cAI»!<\/p>\n

Slapp Claude Code l\u00f8s<\/p>\n

N\u00e5 skal det sies at jeg tilh\u00f8rer en gruppe mennesker som ikke er
\ns\u00e5 begeistret for \u201cAI\u201d.\u00a0Jeg koser meg med koding, s\u00e5 den gleden skal jeg ikke
\ngi fra meg, men jeg tenkte jeg kunne se hva Claude Code kunne gj\u00f8re med
\nfrontenden.\u00a0<\/p>\n

Jeg tok alts\u00e5 det jeg selv hadde laget av HTML og CSS og slapp
\nClaude l\u00f8s.<\/p>\n

Jeg synes resultatet ble veldig bra, faktisk, og jeg hadde det
\nganske moro p\u00e5 veien.<\/p>\n

Etter noen iterasjoner hadde jeg noe som jeg synes s\u00e5 greit og
\nryddig ut, iallfall langt bedre enn utgangspunktet:<\/p>\n

\"\"<\/p>\n

Da jeg instruerte Claude om \u00e5 overraske meg, fikk jeg ut noe som
\ns\u00e5 litt NSFW ut:<\/p>\n

\"\"<\/p>\n

Det f\u00f8lte rett og slett at jeg ble empowered.<\/p>\n

P\u00e5 slutten av helga s\u00e5 resultatet slik ut:<\/p>\n

\"\"<\/p>\n

I samme slengen fikk jeg oppdatert malene til uptime.is,
\nfor monitoring-tjenesten h\u00f8rer egentlig sammen med kalkulatoren, og helst burde
\nde ikke se s\u00e5 veldig forskjellige ut.<\/p>\n

Design for 15 dollar<\/p>\n

Jeg brukte naturligvis fort opp det forbruket som var inkludert i
\nabonnementet og var fort over p\u00e5 \u00e5 betale for forbruket.\u00a0<\/p>\n

Sluttregningen etter
\nen s\u00f8ndag med knoting var p\u00e5 dr\u00f8ye 15 dollar, og resultatet var s\u00e5pass bra at
\nalt er ute n\u00e5.\u00a0Dermed sparte jeg mange tusen kroner!\u00a0<\/p>\n

N\u00e5 m\u00e5 jeg si at jeg setter
\npris p\u00e5 profesjonell\u00a0menneskelig kompetanse og hjelp, s\u00e5 byr\u00e5et kan
\nf\u00e5 sine penger uansett, men det blir alts\u00e5 ikke denne gangen.<\/p>\n

<\/p>\n

Anthropic kj\u00f8per Bun \u2013 mener KI gj\u00f8r verkt\u00f8y viktigere<\/p>\n

\n \u2013 Jeg begynte \u00e5 bruke Claude Code selv. Jeg ble besatt av det, sier Jarred Sumner, og selger Bun til Claude-skaper Anthropic.\n<\/p>\n

<\/a><\/p>\n

I prosessen har jeg gjort meg noen
\nrefleksjoner, og det sterkeste er at man mister eierskap n\u00e5r man overlater
\njobben til maskinen.\u00a0<\/p>\n

Jeg f\u00f8ler at jeg fremdeles har eierskap og mental modell
\nover hvordan sidene er bygget opp og fungerer, men det er fordi jeg selv lagte solid og ryddig HTML\u00a0f\u00f8r
\njeg satte Claude p\u00e5 saken, og det den gjorde var stort sett \u00e5 flytte p\u00e5
\nelementene og tukle med CSS. Hadde den laget UI fra bunnen av, s\u00e5 ville ikke
\nf\u00f8lelsen av eierskap og kontroll v\u00e6re der.\u00a0<\/p>\n

Det samme m\u00e5 vel gjelde ogs\u00e5 kj\u00f8rbar
\nkode, for dem som velger \u00e5 bruke AI til \u00e5 skrive kode.<\/p>\n

Med AI g\u00e5r man fra \u00e5 kunne si \u201cjeg vet\u201d til \u00e5 si \u201cjeg tror\u201d, og p\u00e5
\nvisse omr\u00e5der m\u00e5 man fremdeles kunne si \u201cjeg vet\u201d.<\/p>\n

<\/p>\n

Derfor b\u00f8r du bry deg om Claude Opus 4.5<\/p>\n

\n \u2013 Handler mindre om at modellen har lest flere b\u00f8ker, og mer om at de har endret m\u00e5ten modellen jobber p\u00e5, skriver Magnus R\u00f8dseth, og viser deg hvorfor.\n<\/p>\n

<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"Skrev backend og HTML selv, men lot Claude Code gj\u00f8re resten. \u2013 Alt jeg lager ser stygt ut,…\n","protected":false},"author":2,"featured_media":108588,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[58],"tags":[71,30,28,29,72],"class_list":{"0":"post-108587","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-underholdning","8":"tag-entertainment","9":"tag-no","10":"tag-norge","11":"tag-norway","12":"tag-underholdning"},"share_on_mastodon":{"url":"https:\/\/pubeurope.com\/@no\/115690564839064549","error":""},"_links":{"self":[{"href":"https:\/\/www.europesays.com\/no\/wp-json\/wp\/v2\/posts\/108587","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.europesays.com\/no\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.europesays.com\/no\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.europesays.com\/no\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.europesays.com\/no\/wp-json\/wp\/v2\/comments?post=108587"}],"version-history":[{"count":0,"href":"https:\/\/www.europesays.com\/no\/wp-json\/wp\/v2\/posts\/108587\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.europesays.com\/no\/wp-json\/wp\/v2\/media\/108588"}],"wp:attachment":[{"href":"https:\/\/www.europesays.com\/no\/wp-json\/wp\/v2\/media?parent=108587"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.europesays.com\/no\/wp-json\/wp\/v2\/categories?post=108587"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.europesays.com\/no\/wp-json\/wp\/v2\/tags?post=108587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}