Den här sidan zoomar: att scrolla tar dig närmare, från ett namn in i en mening, in i ett projekt, in i dess kod. Använd piltangenterna för att stega mellan djupen, eller läs den platta versionen på /sv/all.
Ditt system ber om mindre rörelse, så den här sidan ligger platt.
Jag bygger mjukvara i hela stacken: webbapplikationer, tjänsterna bakom dem, firmwaren inuti industriella maskiner och en gång, för nöjes skull, en spelmotor.
Jag bygger mjukvara i hela stacken: webbapplikationer, tjänsterna bakom dem, firmwaren inuti industriella maskiner och en gång, för nöjes skull, en spelmotor.
Jag bygger mjukvara i hela stacken: Blixtvakt · Kundvagn · den här sidan, 2026webbapplikationer, ett distribuerat affärssystem, 2022tjänsterna bakom dem, Wexiödisk, 2023 →firmwaren inuti industriella maskiner och en gång, för nöjes skull, Shape Shooters, 2020en spelmotor.
den här sidan · 2026 · eget
Den här sidan: en enda sida som zoomar från ett namn ner till en bit kod, byggd på Astro och serverad från Cloudflares kant.
Astro · TypeScript · CSS · Cloudflare Pages · Cloudflare Workers
gränssnitt · applikation · tjänster · data
läs hela historien · också bakom den här frasen: Blixtvakt · också bakom den här frasen: Kundvagn
Wexiödisk · 2023 → · arbete
Jag skriver styrmjukvaran och pekgränssnittet i Qt/QML inuti Wexiödisks industriella diskmaskiner, och telemetrin som rapporterar varje maskin tillbaka till molnet. Firmware som måste vara rätt i ett kök mitt på dagen, och skärmar som fungerar med blöta händer.
C++ · QML · Linux · Rhapsody · IoT · Embedded Systems
gränssnitt · applikation · tjänster · data · firmware
Blixtvakt · 2022 · arbete
På Zenon AB byggde jag om Blixtvakt, en Ionic-app som bevakar SMHI:s blixtdata och varnar när nedslag kommer nära, på en karta ritad från OpenStreetMap, med varningsinställningar man ställer in själv.
Ionic · TypeScript · OpenStreetMap · SMHI API · Push notifications
gränssnitt · applikation · tjänster
läs hela historien · också bakom den här frasen: Kundvagn · också bakom den här frasen: den här sidan
ett distribuerat affärssystem · 2022 · universitet
Ett universitetsprojekt där jag byggde ett system så som stora organisationer gör: flera tjänster som var och en äger sin egen data och pratar över REST. Det mesta jag vet om gränserna mellan tjänster lärde jag mig genom att få dem fel här först.
SOA · Microservices · Service Architecture · Enterprise Patterns
applikation · tjänster · data
Kundvagn · 2021 · universitet
Ett universitetsprojekt: en kundvagnsapp för Android i Kotlin. Det jag brydde mig om var synken: två telefoner, en kundvagn, och Firestore som håller dem ärliga i realtid.
Kotlin · Android SDK · Firebase · Firestore · Mobile Development
gränssnitt · applikation · data
läs hela historien · källkod · också bakom den här frasen: Blixtvakt · också bakom den här frasen: den här sidan
Shape Shooters · 2020 · universitet
Ett universitetsprojekt: ett arkadskjutspel för flera spelare och den lilla motorn under det, skrivet från grunden i C++ med SFML. Min första riktiga lektion i spelloopar, timing och varför kollisionsdetektering aldrig blir riktigt klar.
C++ · SFML · OOP · UML · Game Development
gränssnitt · applikation
// Between depth i and i+1, p runs from 0 to 1.
// The outgoing layer grows around its target;
// the incoming layer shrinks onto that same target.
const s = target.width / incoming.width; // < 1
const k = 1 / s;
out.style.transform =
`translate(${(cx - tx) * p}px, ${(cy - ty) * p}px) scale(${k ** p})`;
inc.style.transform =
`translate(${(tx - cx) * (1 - p)}px, ${(ty - cy) * (1 - p)}px) scale(${s ** (1 - p)})`;enum class State { Idle, Fill, Heat, Wash, Drain, Fault };
State next(State s, const Sensors& in) {
switch (s) {
case State::Idle: return in.doorClosed && in.start ? State::Fill : s;
case State::Fill: return in.level >= target.level ? State::Heat : s;
case State::Heat: return in.temp >= target.temp ? State::Wash : s;
case State::Wash: return timer.expired() ? State::Drain : s;
case State::Drain: return in.level <= 0 ? State::Idle : s;
case State::Fault: return s;
}
return State::Fault;
}const EARTH_KM = 6371;
function distanceKm(a: LatLng, b: LatLng) {
const dLat = rad(b.lat - a.lat), dLon = rad(b.lon - a.lon);
const h = Math.sin(dLat / 2) ** 2 + Math.cos(rad(a.lat)) * Math.cos(rad(b.lat)) * Math.sin(dLon / 2) ** 2;
return 2 * EARTH_KM * Math.asin(Math.sqrt(h));
}
for (const strike of await smhi.latestStrikes()) {
if (distanceKm(strike, here) <= settings.radiusKm && !settings.quietHoursNow()) {
notify(`Blixt ${Math.round(distanceKm(strike, here))} km bort`);
}
}@GET
@Path("/accounts/{id}/balance")
public Response balance(@PathParam("id") String id) {
Account account = accounts.find(id)
.orElseThrow(NotFoundException::new);
Person owner = personService.get(account.ownerId()); // another service, over REST
return Response.ok(new BalanceDto(owner.name(), account.balance())).build();
}cartRef.addSnapshotListener { snapshot, error ->
if (error != null) return@addSnapshotListener
val items = snapshot?.documents?.mapNotNull { it.toObject<CartItem>() }.orEmpty()
_cart.value = items.sortedBy { it.addedAt }
}while (window.isOpen()) {
float dt = clock.restart().asSeconds();
handleInput(window);
for (auto& entity : entities) entity->update(dt, world);
resolveCollisions(entities);
window.clear();
for (auto& entity : entities) entity->draw(window);
window.display();
}