Dal 2004 il blog di Antonio Troise

Recentemente avevo scritto una recensione di Unite 4, un’applicazione per macOS che permette di trasformare qualsiasi sito web in un’app personalizzabile e nativa sul proprio Mac. Ma da pochi giorni questa app è stata aggiornata alla release 5 e siccome ci sono stati numerosi e sostanziali aggiornamenti che hanno ridisegnato e semplificato l’intero processo di creazione delle app, ho deciso di fare un’altra recensione sulle novità introdotte.

Cosa c’è di nuovo

Tra le novità importanti di Unite 5 possiamo trovare l’introduzione di una nuova libreria di suggerimenti per i casi d’uso più popolari (classificati in social media, archiviazione, messaggistica, etc). In questo modo, le app in primo piano risultano già ottimizzate con impostazioni specificamente costruite per quei servizi, rendendo incredibilmente facile trasformarle in app Unite autonome.

Inoltre le app Unite ora supportano più schede, consentendo di gestire vari siti Web o servizi in un’unica applicazione isolata e unificata. Ciò apre nuove possibilità per il multitasking e l’efficienza del flusso di lavoro, riducendo la necessità di passare da un’app all’altra o da una finestra del browser all’altra. Personalmente ho subito sfruttato questa nuova caratteristica per creare una app che raggruppasse in un solo posto tutti i principali Chatbot di AI di tipo LLM che uso come ChatGPT, Poe, Bard, Lex e Bing in modo da averli tutti a portata di mano a distanza di un tab.

Per fare questa app ho anche usato una nuova caratteristica presente solo su Unite 5: l’aggiunta degli User Agent personalizzati, in grado di modificare il modo in cui i siti web vedono le app Unite con la nuova funzione Custom User Agents. Questa funzione è utile sia per garantire la compatibilità sia per fare test, poiché permette di cambiare facilmente l’user agent in modo da ottimizzare la navigazione web. Nel mio caso, invece, visto che per usare la chat di Bing sarebbe stati necessario usare Edge, per farlo funzionare su un app Unite ho dovuto far credere al sito di stare navigando con il browser di casa Microsoft. Questo è stato molto semplice da fare usando questa riga:

Cosa molto gradita è stato il pieno supporta all modalità macOS Focus, che permette di specificare quali notifiche si desidera ricevere in base alla propria attività.

Una altra nuova caratteristica di Unite 5 degna di essere evidenziata, è stata l’introduzione della Libreria di app Unite che permette di visualizzare, gestire e modificare tutte le tue app create con Unite da un’unica finestra centralizzata. Questo semplifica la capacità di organizzare la propria suite di app web, in modo simile a come gestisci le app native sul proprio Mac.

Come potete vedere è possibile avere in una sola schermata tutte le app Unite che si sono create e con un click è possibile decidere di mandarle in esecuzione, modificarle o anche disinstallarle:

Tra le app che ho creato c’è stata anche quella di un semplice traduttore inglese-italiano che sfruttasse, però, l’intelligenza artificiale di uno dei tanti custom bot di Poe (in grado di usare, gratuitamente, ChatGPT con un prompt personalizzato) e ho fatto in modo da mostrarlo esclusivamente nella barra dei menu di macOS in modo che la finestra flottante fosse raggiungibile con un solo click.

Ora ho un traduttore LLM a portata di mano, gratuito e che, almeno ad oggi, è più potente anche di Google Translate. Insomma, come è possibile vedere da questi personali casi d’uso, le possibilità sono infinite e occorre solo dare spazio alla propria immaginazione.

Unite 5, inoltre, non trasforma solo i siti web in semplici app standalone ma permette anche di creare e gestire numerose regole di inoltro dei link per avere un controllo senza precedenti sulle interazioni web.

Infine con Unite 5, è possibile facilmente cambiare il proprio motore di ricerca predefinito direttamente all’interno dell’app, dandovi la libertà di cercare sul web a modo proprio.

Dove trovarla

Unite 5 è disponibile direttamente sul sul sito dello sviluppatore a questo link, e costa 29,99 dollari per la licenza attivabile su 1 Mac (salendo a 49,99 dollari per una licenza su 3 Mac, e così via) e permette di creare per sempre un numero di illimitato di app. Le correzioni di bug e i miglioramenti sono inclusi nella licenza quando disponibili senza alcun abbonamento richiesto.
Se in passato avete comprato la release 4 è possibile effettuare un aggiornamento al prezzo di 19,99 dollari.

Dal sito è comunque possibile scaricare la versione di prova gratuita della durata di 14 giorni e che permette di creare fino a due app con Unite 5.

Unite 5 è, infine, anche disponibile su Setapp, un servizio di abbonamento che, a fronte di un abbonamento di 9,99$/mese vi permette di accedere senza limiti a centinaia di applicazioni per Mac di alta qualità.

Unite 4 è un’applicazione per macOS costruita per M1/M2 e ottimizzata per Intel che ti permette di trasformare qualsiasi sito web in un’app personalizzabile e nativa sul tuo Mac. Non è localizzata in italiano ma è davvero molto semplice da usare.

Introduzione

Se avete la necessità di avere il vostro sito web preferito sempre a portata di mano senza doverlo cercare tra le schede o i preferiti del browser ma accedervi dalla barra dei menu o dal desktop, allora forse, almeno una volta, vi sarà venuto in mente che sarebbe stato bello che quel sito avesse realizzato anche una applicazione nativa per macOS (come spesso avviene, invece, con più facilità con la controparte mobile come iOS o Android). Questo porta anche all’indubbio vantaggio, per molti quasi una necessità, di isolare l’app dalle altre e di non condividere i dati e le impostazioni con il browser.
Il vantaggio di usare questo genere di soluzione è sicuramente la velocità e la leggerezza delle app create: rispetto ad aprire un sito web con un browser tradizionale (con il peso in memoria ram di tutta l’interfaccia del browser con le relative schede aperte) o con un’app basata sul framework Electron (che crea applicazioni desktop cross-platform ma risulta anche più pesante e lenta di un app nativa scritta con i linguaggi e le librerie specifiche per ogni sistema operativo), creare un app da un sito web con Unite 4 offre una maggiore reattività e un minor consumo di risorse.

Descrizione

Unite 4 è un tool molto semplice e potente, che offre una serie di funzionalità interessanti per migliorare l’esperienza di un sito web. Per creare un’app con Unite 4, basta inserire il nome dell’app, l’URL del sito web che si vuole trasformare e scegliere un’icona tra quelle proposte dal programma.

Unite 4 è in grado generare l’icona dell’app direttamente dalla favicon del sito stesso o di importarne una in alta definizione e di adattarle allo stile di macOS, sia che si tratti di Catalina che di Big Sur, e renderle nello stile squadrato (Default), circolare (Round) o a forma di rettangolo con angoli squadrato (Rounded rectangle).

Inoltre, è possibile personalizzare il colore dell’app e della barra del titolo, scegliendo tra quelli predefiniti o impostandone uno a piacere.

Con Unite 4 si può accedere rapidamente alle app dalla barra dei menu o dal desktop, con un click o una scorciatoia da tastiera. Molto interessante la modalità “status bar” che permette di avere l’app sempre disponibile con un click nella barra dei menu del Mac. In questo modo si può accedere rapidamente al sito web senza dover aprire il browser o cercare la finestra dell’app tra le altre.

Inoltre, si può personalizzare l’aspetto delle app per renderle più coerenti con lo stile di macOS e con le proprie preferenze. Tra le opzioni previste c’è anche la “modalità compatta“, che permette di visualizzare la versione mobile del sito web in una finestra ridotta e fluttuante sul desktop. Questa opzione è utile per avere sotto mano delle app come Instagram, Twitter, YouTube o le chat di Whatsapp e Facebook, senza occupare troppo spazio sullo schermo.

Infine la “modalità dark” abilita il tema scuro per l’app, seguendo le impostazioni del sistema operativo. Questa funzione rende l’app più gradevole alla vista e più integrata con l’interfaccia di macOS. Non solo gli elementi all’interno del browser Unite 4 supportano la modalità scura, ma anche i siti supportati cambieranno automaticamente. Puoi anche cambiare la modalità corrente nonostante le impostazioni di sistema.

Impostazioni

Per quanto riguarda le impostazioni principali di Unite 4, queste sono molto essenziali: si tratta semplicemente di indicare il percorso dove deve essere installata l’app (di default è impostata sotto /Applicazioni/) e le dimensioni di default in pixel della finestra dell’app (preimpostate a 1200×800 pixels)

In realtà poi la maggior parte delle personalizzazioni sono delegate all’app stessa perchè nativamente dispone di una serie di parametri avanzati da configurare.

Tra questi troviamo la possibilità di scegliere se mostrare o nascondere la barra del titolo della finestra dell’app, i pulsanti di controllo o l’icona della tua app nella barra delle finestre.

Una volta creata l’app, si può avviare e utilizzare il sito web come se fosse un’app nativa del Mac. Ogni app è alimentata da un browser leggero e basato su WebKit 2, che supporta quasi tutti gli standard e i plugin web.

Le app create con Unite 4 supportano anche le notifiche HTML5 il che significa che qualsiasi sito che supporta le notifiche di Google Chrome o Safari può ora inviare notifiche alle app Unite create. L’integrazione delle notifiche rendono queste sono perfette per portare sul proprio desktop o  nella barra di stato le app di messaggistica come Discord, Facebook, Instagram ma anche Gmail.

Unite 4 aggiunge anche una funzione nativa di aggiornamento automatico delle pagine, che effettua automaticamente un refresh della pagina in un dato intervallo in secondi.

Nota di apprezzamento personale sono sicuramente le funzionalità di blocco degli annunci integrato direttamente nelle app create con Unite 4 e la Whitelist Intelligente delle Url. La Url Whitelist di Unite 4 è una funzione che ti permette di specificare quali url possono essere aperti dall’app creata con Unite 4 per evitare che l’app esca dal sito web originale e apra altri siti web non desiderati o potenzialmente pericolosi. Ciò che rende questa funzione Intelligent è che può ignorare in modo automatico i reindirizzamenti anche quando non li hai inseriti nella whitelist.

Unite ha il supporto agli script scritti in JavaScript (qualche idea di script potete trovarla su siti come Greasyfork) e ai fogli di stile CSS, che ti consentono di personalizzare i siti web sia come aspetto che come funzionalità direttamente nella tua app.

Infine, molto interessante è lo slice della icona di Unite 4, ovvero quella funzione che permette di visualizzare una parte dell’icona dell’app nel dock del Mac, per mostrare delle informazioni aggiuntive sullo stato dell’app o sul sito web. Per esempio, se crei un’app da Apple Music, puoi impostare lo slice della icona per mostrare il titolo della canzone che stai ascoltando. Se, invece, hai creato una app di borsa puoi visualizzare il prezzo delle azioni.

Per abilitare le sezioni dock, vai su File→ Start Dock Monitor. Verrà attivato uno strumento di selezione che consente di selezionare qualsiasi parte del sito attivo.

Tra le varie funzionalità degne di note non posso non citare il salvataggio delle credenziali tramite Keychain, la possibilità di personalizzare lo User Agent (in modo da imitare browser come Chrome, Firefox o un dispositivo mobile) e la possibilità di abilitare la console per sviluppatori all’interno di qualsiasi app unite (facendo clic con il pulsante destro del mouse su un elemento e selezionando  Ispeziona elemento).

Unite 4, in definitiva, è quindi un’applicazione molto versatile e completa, che consente di creare app da siti web con facilità e personalizzazione. Si tratta di un tool semplice da usare ma potente nelle funzionalità, che offre vantaggi in termini di velocità, leggerezza e personalizzazione.

Dove trovarla

Unite 4 è disponibile direttamente sul sul sito dello sviluppatore a questo link, e costa 24,99 dollari per la licenza attivabile su 1 Mac (salendo a 34,99 dollari per una licenza su 2 Mac, e così via) e permette di creare per sempre un numero di illimitato di app. Le correzioni di bug e i miglioramenti sono inclusi nella licenza quando disponibili senza alcun abbonamento richiesto.
Se in passato avete comprato la release 3 è possibile effettuare un aggiornamento al prezzo di 9,99 dollari.

Dal sito è comunque possibile scaricare la versione di prova gratuita della durata di 14 giorni e che permette di creare fino a due app con Unite 4.

Unite 4 è, infine, anche disponibile su Setapp, un servizio di abbonamento che, a fronte di un abbonamento di 9,99$/mese vi permette di accedere senza limiti a centinaia di applicazioni per Mac di alta qualità.

MarsEdit è una app di Red Sweater Software presente sul mercato dei software per Mac dal lontano 2004. Sin dalla prima versione, quando era un semplice componente di NetNewsWire (un aggregatore di notizie per Mac OS X) si era fatta subito notare per il suo ottimo editor. Successivamente, MarsEdit è diventata un’applicazione indipendente, sviluppata da diversi autori nel corso degli anni. L’attuale sviluppatore è Daniel Jalkut di Red Sweater Software, che ha acquistato MarsEdit nel 2007.

Da allora si è sempre contraddistinto per essere un potente editor di post di blog che consente di scrivere e pubblicare in molte piattaforme: WordPress, Tumblr, Blogger, TypePad, Micro.blog e molti altri servizi che supportino un’interfaccia MetaWeblog o AtomPub standard.

Introduzione

La filosofia che ha da sempre contraddistinto MarsEdit è stata quella di “pensare fuori dai browser“. Infatti, spesso le interfacce basate su browser possono essere lente, goffe e quasi sempre richiedono di essere online per essere usate: i browser Web sono meravigliosi per leggere articoli, ma non per crearli. Se quindi stai scrivendo per il web, hai certamente bisogno di un blog editor desktop. E se sei abbastanza fortunato da avere un Mac, niente è più potente ed elegante di MarsEdit, giunto da poco più di un anno alla versione 5.

Configurazione

Quando si apre per la prima volta Mars Edit ti chiederà di configurare il proprio blog o, in alternativa, ti verrà raccomandato un servizio di blog che ricadrà, abbastanza ovviamente, sulla nota piattaforma gratuita di blogging WordPress.com. Tra le piattaforme compatibili, però, troviamo anche Tumblr e Micro.blog.

Quindi, vi verrà chiesto di inserire il nome del blog e la sua url (una nota su Tumblr: dalle mie prove ho notato che dovete inserire sempre l’indirizzo in questo formato https://[blog-id].tumblr.com/. Quindi, per esempio, la connessione al blog Tumblr funziona se inserite una url come https://levysoft.tumblr.com/ mentre non funziona se lo scrivete in uno di questi due formati analoghi: https://www.tumblr.com/blog/levysoft o https://www.tumblr.com/levysoft/)

In teoria, nella maggior parte dei casi, il processo di setup dovrebbe concludersi rapidamente con questa schermata qui. Ma più spesso di quanto ci si può immaginare la configurazione automatica può fallire per diversi motivi.

Se vi compare una finestra di dialogo del genere non vi preoccupate: significa solo che MarsEdit non è stato in grado di determinare automaticamente le impostazioni di weblog dall’URL della home page. Nella maggior parte dei casi è ancora possibile configurare manualmente il blog. E’ sufficiente, infatti, fare clic sul pulsante Continua per aprire il pannello delle impostazioni del blog.

Come potete vedere in questa schermata è possibile impostare il System Name (ovvero il nome della piattaforma di blogging) a scelta tra WordPress, Tumblr e Micro.blog. Se il vostro sistema non è tra quelli elencati dovrete scoprire, se presente, a quale API di blogging generica si conforma. Il modo migliore per trovarlo è cercare la documentazione con termini come “XMLRPC”. Molti sistemi supportano le API “MetaWeblog” o “Movable Type”.

Quindi è possibile specificare l’API Endpoint URL (un indirizzo web che permette a un’applicazione di richiedere un servizio da un’altra applicazione tramite una chiamata API) che per WordPress.com è https://wordpress.com/xmlrpc.php mentre per Tumblr è https://api.tumblr.com/v2/ (avendo cura di inserire nel successivo campo “Blog ID” l’id del blog ovvero la parte univoca dell’URL della tua home page di Tumblr. Nel mio caso per un blog come https://levysoft.tumblr.com/, l’ID del blog sarebbe levysoft). Se invece il blog WordPress è ospitato su un proprio server, la url sarà qualcosa di simile a https://nomeblog.it/xmlrpc.php (per verificare che funzioni basta digitare questa link nella barra indirizzi di un browser e vi verrà mostrato un messaggio tipo: “XML-RPC server accepts POST requests only“). Attenzione, nel caso di WordPress, nel campo Blog ID dovrete inserire semplicemente il valore 1.
In teoria, se l’Auto Detect Settings From URL, come spesso accade, funzionasse correttamente, tutte queste impostazioni non sarà mai necessario inserirle manualmente.

Nelle varie schermata delle Impostazioni possiamo anche scegliere quanti post far caricare ad ogni refresh del sito (io vi consiglio, per rendere tutto più fluido e veloce, di non superare i 50 post, specie per siti con migliaia di articoli).

Se tutto dovesse andare bene vi troverete davanti alla schermata di autenticazione al sito che vi richiederà una email e una password che verranno successivamente salvate nel Keychain Apple (il portachiavi Apple per mantenere le tue password e altre informazioni sicure aggiornate su tutti i tuoi dispositivi)

Ovviamente a seconda del servizio vi potrebbe essere richiesta una ulteriore sistema di autenticazione per garantire l’accesso a MarsEdit. Nel caso di Tumblr, per esempio, sarà molto probabile abbiate abilitata l’Autenticazione a due fattori con un SMS o con un’app di autenticazione e quindi dovrete provvedere a disabilitarla temporaneamente dalla pagina delle Impostazioni di Tumblr dato che Mars Edit non gestisce la 2FA.

Soluzione di alcuni problemi comuni

Tra i problemi di connessione comuni che possono impedire a MarsEdit di comunicare con il tuo blog c’è il blocco dell’API di WordPress da parte di un plugin WordPress. Molti plugin di sicurezza di WordPress disabilitano l’API di WordPress per impostazione predefinita, supponendo che non venga utilizzata. Se stai eseguendo plugin di sicurezza sul tuo blog, cerca un’opzione per abilitare l’API WordPress in modo che app come MarsEdit possano connettersi al tuo blog.

In alcuni casi, specie se il vostro blog WordPress è ospitato su un vostro server, il tuo provider di web hosting per ragioni di sicurezza potrebbe deliberatamente bloccare le API di WordPress negando l’accesso all’endpoint API “xmlrpc.php”. Siccome questa è l’unica l’interfaccia attraverso la quale MarsEdit può collegarsi al vostro blog, potrebbe essere utile richiedere al provider di mettere in “whitelist” lo User Agent di MarsEdit (per esempio: MarsEdit/4.4.3 (Mac OS X/10_13_3; https://redsweater.com/marsedit/)) o, nel caso vi colleghiate sempre da una connessione statica, l’indirizzo IP specifico da cui vi connetterete sempre, di modo che l’app di MarsEdit sarà sempre autorizzata ad accedere all’API, mentre tutte le richieste proveniente da altre fonti (User Agent o Ip Address diversi) rimarranno sempre bloccate.

Se il vostro provider non offre la possibilità di mettere in whitelist i client che usano l’API di WordPress, allora potresti essere in grado di eludere le limitazioni di sicurezza del tuo hosting web rinominando semplicemente l’endpoint API XMLRPC (nel mio caso l’ho rinominato in un esplicativo xmlrpc_marsedit.php).

Se non avete accesso FTP ai file di WordPress, potete installare un plugin che farà per voi il lavoro. Tra tutti vi consiglio Rename XMLRPC.

Descrizione

Mars Edit 5 offre diverse funzionalità che lo rendono unico e indispensabile per chi ama scrivere per il web. Tra queste troviamo l’evidenziazione della sintassi Markdown. Per anni, MarsEdit ha sempre avuto due modalità distinte:

plain text (gli utenti hanno la possibilità di scrivere in testo letteralmente semplice, cioè senza formattazione) e rich text (scrivere usando i tag HTML o con qualsiasi notazione di testo normale supportate dal loro blog).

Con il rich text è sempre stato possibile scrivere il testo Markdown in MarsEdit e farlo inviare testualmente al tuo blog come Markdown o convertirlo automaticamente in HTML. Ma fino a questa ultima release il testo Markdown è sempre stato rappresentato senza stile. Dalla release 5, invece, è stata aggiunta una colorazione e uno stile del testo in tempo reale, che ti permette di vedere come sarà il tuo post una volta convertito in HTML.

Con Mars Edit, inoltre, è possibile anche personalizzare il template di anteprima per vedere come sarà il tuo post una volta pubblicato sul web. Tutto questo è stato possibile grazie al nuovo editor WYSIWYG che è stato completamente rinnovato basandosi sulle ultime tecnologie WebKit2 di Apple in grado di offrire una maggiore performance, affidabilità e compatibilità con i vari stili e formati dei tuoi blog.

Interessante, infine, la possibilità di salvare localmente le bozze dei propri post, senza dover ogni volta pubblicare remotamente le bozze sul proprio sito. In questo modo, almeno personalmente, si ha molto più libertà di prendere appunti veloci su idee di articoli anche offline.

Microposting

La cosa che ho trovato molto interessante è stata, però, l’introduzione del Microposting: con questa nuova funzione, puoi scrivere e pubblicare brevi messaggi sul tuo blog con la stessa facilità con cui posti su Twitter. Ora, quando sei al tuo Mac e ti viene in mente un pensiero stravagante, puoi premere una scorciatoia da tastiera (^⌘P) per far apparire questo pannello minimalista

dove inserire il tuo testo e premere invio. MarsEdit 5 si occuperà di inviarlo al tuo blog e tu potrai tornare a quello che stavi facendo. In futuro è previsto anche il supporto degli allegati come le immagini.

Molto interessante anche la gestione nativa di Tumblr, poiché MarsEdit supporta nativamente una varietà di tipi di post, oltre alle normali voci di testo. Quando si crea una nuova voce per il tuo blog Tumblr, puoi cambiare il tipo di post scegliendo dal menu a comparsa a destra della selezione del blog popup vicino alla parte superiore della finestra dell’editor di post.

A causa delle limitazioni nel sistema di pubblicazione di Tumblr, il tipo di un post non può essere cambiato dopo che è stato pubblicato (l’unico modo è creare un nuovo post del tipo desiderato, copiarci il contenuto dal vecchio post, e dopo aver pubblicato il nuovo post, eliminare l’originale).

Ovviamente per WordPress la tipologia di post è molto più ampia:

Gestione delle immagini Retina

Una cosa davvero gradita e che ho apprezzato moltissimo di MarsEdit è stata la gestione intelligente del caricamento di immagini destinate a essere visualizzate a una risoluzione compatibile con “Retina”. Da quando comprai nel lontano 2012 il mio primo MacBook Pro Retina, ho sempre avuto problemi di scalabilità con le immagini screenshot fatte sul mio Mac (cosa che per le recensioni di software avviene di frequente), perchè se sul mio computer apparivano di dimensioni adeguate, su un computer con schermo non Retina apparivano enormi. E quindi ho sempre dovuto ridimensionare al 50% ogni immagine per evitare questi problemi e garantire la retrocompatibilità.

Un soluzione alternativa sarebbe stata quella di di caricare le immagini al doppio della risoluzione a cui volevo che venissero visualizzare e quindi modificare a mano l’HTML per farne riferimento a metà dimensione. Quindi, per esempio, se volessi uno screenshot 400×400 pixel sul mio blog, caricherei un’immagine 800×800 pixel e modificherei a mano così il codice HTML:

<img src="..." width="400" height="400" />

Ovviamente il lavoro sarebbe stato noioso e per questo non l’ho mai perseguita. Ma con MarsEdit, invece, quando si carica o si inserisce un’immagine da trattare come Retina, verrà modificato il codice html come nell’esempio sopra, in modo completamente automatico.
Quindi, se vuoi che un’immagine 400×400 pixel sul tuo blog sia bella sui display Retina, fornisci un’immagine almeno 800×800 pixel e seleziona la casella di controllo “Treat as Retina image“. MarsEdit produrrà l’HTML previsto e caricherà l’immagine al doppio della larghezza e dell’altezza.

E’ possibile applicare anche una soluzione di default nelle impostazioni di MarsEdit:

Ovviamente questa soluzione non soddisferà le aspettative di tutti su come dovrebbero essere gestite le immagini Retina, ma è un buon passo in avanti. Infatti, se è vero che questa soluzione ha il vantaggio di essere sia semplice che retrocompatibile, è anche vero che tutti i lettori con display a risoluzione standard sono costretti a scaricare un’immagine a risoluzione superiore al necessario. Ovviamente man mano che i display ad alta risoluzione diventeranno sempre più popolari e l’uso della larghezza di banda diventerà un problema meno sentito, questo compromesso sarà la migliore soluzione.

Blocchi di WordPress

Una cosa che non sono riuscito a far abilitare in automatico per un blog WordPress è stato il mancato supporto nativo ai blocchi di WordPress. Oramai da anni l’editor di blocchi di WordPress è stato impostato come editor predefinito e ha sostituito l’editor classico. I blocchi sono gli elementi di contenuto che si aggiungono per creare layout di contenuto e possono contenere paragrafi, immagini, intestazioni, elenchi, video, gallerie e altro ancora. Lo scopo è controllare con facilità il layout dei blocchi, in modo da costruire pagine web visivamente accattivanti. Durante le mie prove, quando inviavo un post da MarsEdit questo veniva salvato senza il supporto ai blocchi.

Siccome di default per utilizzare l’editor classico, è necessario installare il plugin Classic Editor, è evidente che se volessi editare un post da browser con la gestione degli elementi HTML mi troverei in difficoltà. Il problema, fortunatamente, si risolve subito in quanto è sufficiente cliccare sull’editor e “Convertire in blocchi” il testo.

Il motivo per cui non c’è una possibilità di inviare il post con i blocchi di WordPress è perchè MarsEdit enfatizza un design più snello per la scrittura dei post, in modo che nel processo di scrittura, sia possibile concentrarsi più sul contenuto che sul layout e sull’organizzazione dell’articolo. Probabilmente questo flusso di lavoro è anche quello più adatto alla maggior parte delle esigenze dei blog, mentre l’approccio basato su blocchi in WordPress è più adatto allo sviluppo web generale.
Siccome un blocco, per indicare la sua separazione da altre parti di un post, è implementato utilizzando semplici elementi di commento HTML, come evidente nel seguente esempio:

<!-- wp:paragraph -->
<p>Questo è un blocco.</p>
<!-- /wp:paragraph -->

e poiché MarsEdit funziona con contenuti HTML, è possibile modificare e manipolare il contenuto dei post basati su blocchi senza influire negativamente sul blog pubblicato, purché si conservi la formattazione dei blocchi prevista come dimostrato sopra. Se desideri farlo, probabilmente è meglio attenersi all’editor “Plain Text” di MarsEdit quando si apportano modifiche, in modo da poter vedere tutto il markup HTML pertinente e assicurarsi che sia conservato.
Quindi volendo quando occorre creare nuovi paragrafi, si potrebbero aggiungere manualmente le righe “<!– wp:paragraph –>” e “<!– /wp:paragraph –>” prima e dopo ogni paragrafo per renderli blocchi WordPress, ma questo potrebbe essere noioso. Per velocizzare il flusso è possibile però abilitare una macro con una combinazione di tasti veloce dal menu Format -> Customize

Dove trovarla

MarsEdit 5.0 purtroppo non è localizzato in italiano ma è disponibile direttamente sul Mac Appstore e sul sito dello sviluppatore a questo link, e costa 59,95 dollari per la Single User license, mentre 89,95 dollari per la Family Pack license (che include un massimo di 5 persone). Nel caso in precedenza si era già acquistato MarsEdit 4, l’upgrade sarà gratuito per gli utenti che avevano acquistato una licenza a partire dal 1° giugno 2022, altrimenti sarà possibile effettuare un upgrade al costo ridotto, rispettivamente, di 29,95 dollari e 44,95 dollari (stesso sconto applicato anche se l’app la si è acquistata dal Mac App Store effettuando, dopo l’aggiornamento, un acquisto in-app purchase)

Dal sito dell’app è possibile scaricare gratuitamente MarsEdit in versione prova di 30 giorni a questo link.

MarsEdit è, infine, anche disponibile su Setapp, un servizio di abbonamento che, a fronte di un abbonamento di 9,99$/mese vi permette di accedere senza limiti a centinaia di applicazioni per Mac di alta qualità.

Nova è l’erede di Coda sviluppato da Panic, storica software house di programmi famosi per Mac (come il client ftp Transmit) e che nel 2007 rilasciò la prima versione di questo potente text editor orientato al codice divenuto popolare tra gli sviluppatori web che lavoravano su Mac OS per la sua interfaccia utente elegante e intuitiva e per le sue funzionalità avanzate di editing e gestione dei file. Tuttavia, dopo diversi anni di sviluppo e miglioramenti, nel 2020, il team di Panic decise di rilasciare una nuova versione dell’editor, completamente riscritta da zero e chiamata, appunto, Nova. Secondo quanto dichiarato dallo stesso team di sviluppo, la decisione di riscrivere completamente l’app è stata presa per modernizzare il codice sorgente dell’applicazione e per aggiornare le tecnologie utilizzate, allo scopo di offrire una migliore esperienza utente e una maggiore stabilità. Anche se Coda non è più supportato (anche se è rimasta la sua versione mobile chiamata Code Editor e disponibile solo per iPhone e iPad), i suoi utenti possono acquistare Nova a un prezzo scontato per passare alla nuova versione.

Introduzione

Personalmente ho usato Coda sin da quando era uscito perchè sono stato subito colpito dalla sua eleganza e velocità. Iniziai a considerarlo quando mi resi conto che in quel periodo era l’unica alternativa valida per Mac che avesse il supporto ftp nativo all’interno dell’editor, come anche faceva Ultraedit ma per Windows. All’epoca per me era un requisito fondamentale e nessun altro editor gestiva i file in maniera nativa così efficacemente. Tuttora Nova ha mantenuto questa caratteristica.

Ad oggi, invece, la scelta sembrerebbe molto vasta, e uno sviluppatore può scegliere tra Visual Studio Code, Sublime Text, e il non più supportato Atom, ma per uno sviluppatore che lavora su macOS hanno tutte un difetto: non sono app native per Mac ma sono tutte chiaramente multipiattaforma, con tutti i pregi (posso imparare alla perfezione un editor e lavorarci sul qualsiasi sistema operativo) e difetti connessi (non hanno le alte performance e il design made in Apple che gli sviluppatori Mac-first gradiscono). Ovviamente se si sviluppa specificamente per le piattaforme Apple, allora si deve, nel bene e nel male, usare Xcode di Apple.

Naturalmente, il design di un’app non è tutto. Per fortuna, Nova ha molto da offrire e ha una grande quantità di vantaggi.

Descrizione

Nova di Panic è un potente editor per macOS progettato per scrivere codice, ma che può anche essere utilizzato per svolgere compiti che vanno oltre agli editor di testo standard. Nonostante non sia ancora localizzata in italiano è comunque molto intuitiva. Con Nova, è possibile lavorare rapidamente, con una sintassi di colore intelligente, mappe di tasti personalizzabili e un’interfaccia utente moderata con stili personalizzabili.

L’idea degli sviluppatori è sempre stata, fin dalla sua prima versione con Coda, quella di offrire all’interno di un’unica applicazione tutto ciò che serviva per sviluppare a mano un sito web: un editor di codice, strumenti di file management e gestione ftp, inspector e preview. Ma con Nova il team di Panic è voluta andare avanti e l’ha riprogettata da zero perchè oggi è cambiato il modo di sviluppare: oltre ad essersi moltiplicati i linguaggi, i framework e gli strumenti di sviluppo, i siti web sono diventati applicazioni e il deployment si è fatto molto più complicato di semplici upload e sincronizzazioni via ftp.

Nova è editor di codice di nuova generazione nativo del Mac e offre tutte le funzionalità di un editor di codice moderno e che gli sviluppatori si aspettano: completamento automatico intelligente, cursori multipli, bilanciamento di tag e parentesi, evidenziazione di problemi, mappa in miniatura del documento e molto altro. In più, l’editor dispone di una serie di tool accessori quali un file browser (anche remoto), un terminale, strumenti di controllo versione Git, e altri. Ulteriori strumenti e funzionalità, tra cui supporto ai file remoti, codice SSH, personalizzazione degli strumenti, ricerca, preferenze personalizzabili, calendario degli aggiornamenti, opzioni di compilazione e versioni precedenti del documento.

Rispetto a Coda, inoltre, Nova aiuta gli sviluppatori non solo a scrivere il codice, ma anche ad eseguirlo, grazie alla possibilità di triggerare dal suo interno azioni, task e script esterni, in tal modo velocizzando il flusso di lavoro.

Infatti Nova non ti aiuta solo a programmare. Aiuta l’esecuzione del tuo codice perchè può facilmente creare attività di compilazione ed esecuzione per i tuoi progetti. In pratica sono script personalizzati che possono essere attivati in qualsiasi momento dai pulsanti della barra degli strumenti o dalle scorciatoie da tastiera e permettono di costruire contenuti con un solo clic. Nova supporta attività Build, Run e Clean separate. Può aprire un report quando viene eseguito. E gli script possono essere scritti in una varietà di lingue.

Ha anche il supporto integrato per una lunga lista di linguaggi di programmazione e di markup: CSS, Diff, EJS, ERB, HTML, INI, JavaScript, JSON, JSX, Less, Lua, Markdown, Perl, PHP, Python, Regex, Ruby, Sass, SCSS, Shell Script, SQL, Tree-sitter Query, TSX, TypeScript, XML, e YAML.

Oltre al motore, è stata riprogettata anche l’interfaccia grafica: pulita, funzionale e nel pieno rispetto del look & feel Mac, Nova offre un’interfaccia utente moderna, con stili di colore personalizzabili per rendere l’editor più vivace.

Supporta anche i temi, che sono espandibili e che permettono di personalizzare l’ambiente di lavoro dell’app. Puoi far apparire Nova esattamente come vuoi: luminoso, scuro o cyberpunk. Inoltre, i temi sono simili a CSS e facili da scrivere. Nova può anche cambiare automaticamente il tema quando il tuo Mac passa dalla modalità chiara a quella scura.
L’interfaccia utente di Nova è altamente reattiva e offre un’esperienza fluida su Mac anche grazie al fatto che è compatibile con i computer Apple Silicon e quindi l’applicazione è stata progettata e ottimizzata per sfruttare appieno le potenzialità del processore M1/M2 di Apple, offrendo prestazioni elevate e una maggiore efficienza energetica.

Il sistema rileva automaticamente la lingua, l’indentazione, la formattazione del testo e l’estensione dei file correnti e fornisce correzioni in tempo reale, in modo da migliorare la produttività. Inoltre, la funzione di autocompletamento previene l’inserimento di caratteri errati durante la digitazione.

Con Nova, gli utenti possono personalizzare la mappatura dei tasti, che consente loro di assegnare comandi personalizzati alle combinazioni di tasti preferite. È anche possibile creare una mappatura dei tasti basata sull’attività corrente, in modo da poter accedere rapidamente ai comandi più comuni della lingua corrente.

Nova offre anche altre funzionalità utili, come il controllo del codice, che consente di individuare e risolvere i problemi più comuni nel codice, come gli errori di formattazione e le mancate chiusure. Sono inoltre supportati gli strumenti di debug, che consentono di cercare e risolvere i problemi più complessi. Infatti Nova ha il supporto di debug integrato per PHP, Python, Chrome, Node.js, Deno ma anche un simulatore per il loro Playdate.
Inoltre, la funzione ‘Go to Definition’ consente di spostarsi istantaneamente a una definizione di funzione, variabile o altro. Infine, Nova offre anche una live preview che consente di visualizzare in tempo reale le modifiche apportate al codice.

Panic in questo video offre una buona introduzione all’editor di Nova. Spiega tutto (in inglese) dalla creazione e dall’apertura di singoli progetti alla personalizzazione dell’interfaccia utente fino al browser delle estensioni con un’ampia selezione di estensioni. Una buona introduzione per chiunque sia interessato al software:

In questo altro video, invece, mostra come clonare le repository Github in pochi semplici passi:

Differenze con Visual Studio Code

Sia Nova che Visual Studio Code sono potenti editor di codice disponibili per macOS, ma ci sono alcune differenze che potrebbero rendere Nova più vantaggioso in determinati scenari. Ecco alcuni vantaggi di Nova rispetto a Visual Studio Code per macOS:

1. Interfaccia utente intuitiva: Nova ha un’interfaccia utente elegante e intuitiva che rende facile navigare tra i file e utilizzare le funzionalità avanzate dell’editor di codice. Alcuni utenti potrebbero trovare più facile da usare rispetto a Visual Studio Code, che ha una curva di apprendimento leggermente più ripida.
2. Funzionalità di gestione del progetto: Nova offre funzionalità avanzate di gestione del progetto che semplificano l’organizzazione dei file del progetto e la navigazione tra di essi. Ad esempio, Nova offre una funzionalità di gestione dei progetti visiva che consente di aggiungere, rimuovere e organizzare i file del progetto in modo intuitivo.
3. Migliore integrazione con Git: Nova è progettato per integrarsi perfettamente con Git, il sistema di controllo delle versioni popolare tra gli sviluppatori. Offre funzionalità avanzate di controllo del codice sorgente, come la possibilità di confrontare le modifiche, creare branch e risolvere i conflitti di merge.
4. Prestazioni superiori: Nova è progettato per offrire prestazioni veloci e fluide, anche con progetti di grandi dimensioni. Inoltre, ha una maggiore stabilità rispetto a Visual Studio Code e ha meno problemi di crash o rallentamenti. Infatti, come tutte le applicazioni native per macOS, anche Nova, offre prestazioni superiori rispetto alle applicazioni cross-platform come Visual Studio Code (essendo basato sul framework open source Electron, Visual Studio Code è disponibile su tutte le piattaforme perchè consente di creare applicazioni desktop cross-platform utilizzando tecnologie web come HTML, CSS e JavaScript. Inoltre Electron, utilizza il motore di rendering Chromium di Google per visualizzare le interfacce utente delle applicazioni desktop e Node.js per l’accesso alle risorse di sistema). Il modo che ha escogitato il team di Microsoft per migliorare l’efficienza di Visual Studio Code, è stato di creare una architettura modulare che consenta di caricare solo le funzionalità necessarie per il progetto in uso (per dire su Visual Studio Code devo installare una estensione esterna per gestire un semplice ftp) in modo da limitare i problemi di prestazioni che possano emergono. Per Nova tutto questo non è un problema: oltre ad avere tutte le funzionalità avanzate (come file browser Transmit ricco di funzionalità, un terminale Prompt super comodo o una vista di confronto tra due file) già integrate può caricare decine di estensioni senza alcun problema.

Ovviamente, ogni sviluppatore ha le sue esigenze ed è quindi logico che la scelta dell’editor di codice dipende dalle esigenze personali, dai progetti e dall’ambiente in cui si lavora.

La loro filosofia

Trovate il senso di questa app in questa frase degli sviluppatori che tradotta fra pressapoco così: “Il miglior motore di testo del mondo non significa nulla se non ti piace davvero passare il tuo tempo nell’app“. Questo spiega la cura maniacale che hanno dedicato al design dell’app ma anche a tutto quello che sta dietro e che non si vede. Pensate che durante la beta hanno trovato alcuni bug nel motore di layout di testo di Apple che non sono riusciti a correggere. La loro soluzione? Scrivere il loro gestore di layout di testo… da zero. Non solo questo ha risolto i bug, ma ha anche aumentato le prestazioni di Nova!

Dove trovarla

Nova è disponibile direttamente sul sito dello sviluppatore a questo link, costa 99 dollari per la licenza che include un anno di update e nuove funzionalità (79 dollari per l’upgrade da Coda). Dopo il primo anno, costa 49 dollari all’anno se si vuole ricevere tutti gli update, ma l’app in sé non viene disattivata se non si sottoscrive il piano.

Dal sito dell’app è possibile scaricare gratuitamente Nova in versione prova di 30 giorni.