La mia lavagna dopo la chiusura di Microsoft Whiteboard

Per anni ho scritto i miei appunti su Microsoft Whiteboard: riunioni, progetti veri, idee, spiegazioni per i miei studenti. Con una tavoletta Wacom era diventata il mio quaderno digitale. Poi Microsoft ha deciso di chiuderla.

Chiuso.

Ci sono rimasto molto male. Quando dipendi da un software te ne accorgi così: un giorno il posto dove hai messo anni di lavoro non c’è più, e l’unica cosa che puoi fare è esportare tutto in PDF prima che sia troppo tardi. Un PDF però si guarda, non si modifica: gli appunti diventano un archivio morto.

La strada autarchica

Ho provato diverse alternative per appunti, schizzi e lezioni, ma nessuna faceva esattamente quello che mi serviva. Così ho scelto la strada autarchica: mi sono fatto il mio strumento, tagliato su misura. Due requisiti erano non negoziabili:

• I dati sono miei. Ogni foglio si salva in un file .json sul mio computer, in un formato leggibile. Nessun account, nessun cloud che può sparire.
• Il lavoro di prima non si perde. I PDF esportati da Whiteboard devono tornare modificabili.

Cosa fa

• Penna sensibile alla pressione, pensata per le tavolette Wacom, con tratto fluido e bassa latenza.
• Evidenziatore trasparente che non copre la scrittura, gomma (anche con la punta gomma della penna), testo e immagini incollate.
• Selezione per spostare, ingrandire, ruotare, portare davanti o dietro, copiare e incollare.
• Foglio infinito con zoom, schermo intero e una vista pulita per gli screenshot.
• Salvataggio automatico nel browser e salvataggio su file, con un pannello per nome del file e statistiche del foglio.
• Funziona senza internet: si installa come app dal sito, oppure si apre con un doppio clic da una cartella sul PC, senza installare nulla.

Recuperare i vecchi appunti

La parte che mi stava più a cuore. Aprendo i PDF esportati da Whiteboard ho scoperto che sono vettoriali: ogni tratto di penna è salvato come un contorno riempito, i testi sono testo vero e le immagini sono incluse. Quindi l’informazione c’è tutta, basta saperla leggere.

La lavagna contiene un piccolo lettore PDF scritto apposta: legge la struttura del file, decomprime i contenuti e ricostruisce tratti, testi e immagini come oggetti della lavagna, con le misure originali. Si apre il PDF dal pulsante Apri e il disegno compare sul foglio, selezionato e pronto da spostare o modificare. Sui miei file l’import richiede meno di un secondo.

Come è fatta

• JavaScript senza framework, in moduli ES, con Vite per la build. Tutto pesa meno di 200 KB, font compreso.
• Il disegno usa il canvas diviso in tasselli, ridisegnati solo quando servono. Il tratto in corso va su un canvas a bassa latenza e usa tutti i punti che la penna manda tra un fotogramma e l’altro.
• Il lettore PDF non usa librerie esterne: per decomprimere i dati basta quello che il browser offre già.
• È una PWA con service worker, quindi funziona offline. La stessa cartella si apre anche dal disco.
• Test automatici con Playwright e uno script che misura i tempi di disegno su un foglio reale.

Il progetto è nato da una chat con Claude e l’ho sviluppato insieme a Claude Code, tenendo per me le decisioni su cosa costruire e come doveva comportarsi con la penna in mano.

Provala
La lavagna è su barattalo.it/lavagna e il codice è su GitHub. Se anche tu avevi i tuoi appunti su Whiteboard e li hai esportati in PDF prova a reimportarli qui.

Technologies

• Claude
• Github
• Vite

Links

• Lavagna su Github
• Prova la Lavagna