Slidev Studio

Hvorfor jeg lagde det

Jeg er lei av PowerPoint. Ikke av å klikke ting på plass, det går fort, og det er ofte den raskeste måten å få en slide til å se riktig ut på. Jeg er lei av alt det andre: en binærfil ingen kan lese en diff på, fonter som ser forskjellige ut fra maskin til maskin, filer som heter endelig2.pptx, og at ingenting av det ligger i git sammen med resten av jobben min.

Så jeg gikk over til Slidev, og fikk alt det tilbake. Presentasjonen er en tekstfil, den kan reviewes, kodeblokkene er ekte kode, og jeg kan gjenbruke komponenter mellom foredrag. Men jeg mistet lerretet. Skal en boks 20 piksler til høyre, må du gjette et tall, lagre, se på resultatet og gjette igjen.

Studio er forsøket på å slippe å velge. Grensesnittet når jeg skal plassere noe, teksten når jeg skal se hva som faktisk ble endret. Jeg vil ha farten fra PowerPoint uten å gi fra meg fila.

Markdown er fasiten

Hver handling i Studio er en liten, lesbar endring i .md-fila. Det finnes ikke noe prosjektformat, ingen database og ingen innlåsing. Lukker du editoren, er diffen noe du kunne skrevet for hånd. Den begrensningen er hele poenget: det er nettopp den som gjør at en visuell editor kan leve side om side med versjonskontroll, code review og vanlig tekstredigering.

Dra, og se hva som skjer i fila

Klikk på hva som helst på sliden. Studio sporer elementet tilbake til linjene i Markdown det kom fra, og viser dem i Element-panelet.

Drar du blokka, går den ut av tekstflyten og får en fast plassering. Studio skriver plasseringen inn i fila for deg, som fire tall: hvor langt fra venstre, hvor langt ned, og hvor bred og høy blokka skal være. Vil du ha den tilbake i flyten, er det én knapp i panelet.

Mens du drar, snapper elementet mot kantene på sliden, mot midten og mot tredjedelene, og mot alt annet som ligger der fra før. Holder du Alt, slås snappingen av og du plasserer helt fritt.

Rediger teksten der den står

Dobbeltklikk en blokk, så blir den redigerbar der den står, med en verktøylinje for fet, kursiv, kode, gjennomstreking, lenker, overskrifter, lister og sitater. Du slipper å lete opp linja i fila for å rette en skrivefeil.

Hva den gjør

Element-panelet er det du så lenger opp: det sporer markeringen tilbake til Markdown og lar deg redigere den. De fire andre gjør resten. I Assets-panelet slipper du bilder rett i public/ og setter dem inn.

Kom i gang

Installer addonet og slå det på i headmatteren til decket ditt, eller i package.json om du vil ha det i alle deckene i prosjektet.

pnpm add -D slidev-addon-studio

---
addons:
  - slidev-addon-studio
---

Start slidev som vanlig og trykk E, eller bruk blyantknappen i verktøylinja nederst. Studio legger ingenting på sliden så lenge editoren er lukket.