Sono Aketa Rashiro. Ho completamente rinnovato il mio sito portfolio "sirome.net"!
Ho realizzato un sito carinissimo—vi prego, lodatemi! 🎈
Ho lasciato Wix, l'ho costruito con Claude Code e pubblicato tramite GitHub e Vercel. Il punto forte questa volta è l'integrazione con Notion.
Ho creato un ambiente in cui, semplicemente scrivendo un resoconto di lavoro in Notion e premendo "Pubblica", la pagina di Notion viene riflessa direttamente sul sito! Evviva! 🎉
Wheee!
Perché l'ho Ricostruito
Alla fine dell'anno scorso, Notion mi è stato di grande aiuto durante la stesura della tesi! Ho capito quanto sia comodo Notion e ho iniziato a creare un archivio dei miei lavori.
In precedenza, pubblicavo i resoconti di lavoro sul mio sito Wix, ma non ero molto bravo a modificare gli articoli nel CMS di Wix (schermata di gestione).
Inoltre, ho iniziato a usare Notion per i miei appunti di lavoro quotidiani e, prima che me ne accorgessi, si era formato un database di lavoro su Notion.
Ta-da! 🎉
"Magari potessi trasformare tutto questo direttamente in un sito web...!"
Si Può.
Notion è così comodo che ha naturalmente una funzione per pubblicare articoli come sito web.
È pratico.
Ma, Non Puoi Cambiare l'Aspetto.
Poiché i template di design sono limitati, difficilmente puoi modificare l'aspetto (a maggio 2026).
In tal caso, immagino di doverlo costruire da solo.
Ed è lì che è apparso Claude Code come mio aiutante.
Ecco com'è Claude Code.
Così carino.
Claude Code è Pazzesco
Era la prima volta che usavo Claude Code.
In precedenza, quando ho creato il Melo-bot con ChatGPT,
Copiare e incollare codice, controllare gli errori, incollare di nuovo...
Quel lavoro era onestamente piuttosto noioso.
Claude Code riscrive direttamente dal terminale il codice salvato nei file.
- "Rendilo un po' più carino"
- "Voglio che si espanda delicatamente quando ci passi sopra"
Se do commenti casuali come questi, riscrive il codice in modo appropriato e lo implementa subito per mostrarmelo. È "davvero pazzesco".
Tuttavia, se fai lavorare troppo Claude Code, raggiungi un "limite di token" e devi aspettare mezza giornata o un giorno intero per usarlo di nuovo (sono sul piano Claude Pro), quindi procedevo lanciando piccole domande o prototipi anche al normale Claude o a ChatGPT.
Poof
Ho Reso Notion il Mio CMS
Il cuore del nuovo sirome.net è l'integrazione completa con Notion (💡).
Non ho più bisogno nemmeno di una schermata di gestione del sito.
Scrivi un log in Notion ogni giorno.
↓
Cambia lo stato in "Pubblicato."
↓
Viene automaticamente riflesso sul sito.
Inoltre, anche dopo la pubblicazione, se modifico l'articolo in Notion, il lato sito si aggiorna automaticamente.
Non è pazzesco?
Voglio che tu capisca.
Sul serio.
Ovviamente, ho anche progettato le pagine degli articoli per abbinarle al design del sito.
Si stiracchia
Carino.
Tecnicamente, è una configurazione di Notion API → Next.js → Vercel, e sembra eseguire Incremental Static Regeneration (ISR) attivata dalle modifiche nel campo dello stato.
Anche se non lo capisco bene.
🎀 Punti di Fascino 🎀
Pagina dei Lavori
Per la visualizzazione delle slide in evidenza e le specifiche delle miniature nella pagina dei Lavori,
Ho deciso le specifiche mentre le implementavo.
Roba come questa (ottenere automaticamente le immagini dall'articolo, ridimensionarle con il movimento orizzontale del cursore).
Potere costruire mentre si testa "sarebbe bello se fosse così" al momento è la parte migliore dell'usare Claude Code.
Come designer, se stessi lavorando con un ingegnere,
Immaginavo di arrendermi a metà, pensando: "Se chiedo così tante correzioni, mi odieranno sicuramente."
L'AI è davvero uno strumento rivoluzionario per le professioni creative in molti modi.
Melo-bot
Il Melo-bot in cui Melo parla un carattere alla volta dal tabellone elettronico nell'intestazione.
Questo riutilizza parte di un programma che avevo creato in precedenza con ChatGPT.
Sono stato felice di poter evocare il Melo-bot dormiente su sirome.net.
Inoltre, il mondo della pixel art di Shiro e Melo, che avevo segretamente creato con il Sig. Tsukunajiro e il Sig. Hor dal 2019 circa, è stato ripreso.
Sono felice; grazie per esistere.
Pixel art di Tsukunajiro.
Ehehe.
Carino.
In futuro, ho intenzione di aggiungere gradualmente più elementi simili a giochi.
A causa dell'integrazione con Notion, i tempi di caricamento a volte possono essere lunghi,
Quindi usatelo per ammazzare il tempo.
Favicon che Ruota Ogni Secondo
Una favicon è la piccola icona visualizzata sulle schede del browser.
Non ho potuto registrare un'animazione GIF, quindi sto mostrando 10 immagini PNG a distanza di un secondo.
Carino.
Sugli smartphone, l'ho posizionata come pulsante del menu.
Si gira indietro quando la tocchi.
Provate a giocarci anche voi sul telefono.
sirome.net
Prodotto in un Totale di Due Settimane.
Quindi, sono contento di aver lasciato Wix. È costoso, dopotutto.
L'ho realizzato un po' alla volta durante notti e mattine presto, e prima che me ne accorgessi, era online.
L'AI... ho ancora sentimenti scettici, ma ho sperimentato in prima persona che il mondo è completamente cambiato.
Non voglio ancora usare l'AI per la generazione di illustrazioni a causa di questioni legali, ma
Spero di andare d'accordo con l'AI nel design e nella creazione per realizzare cose interessanti.
Sentitevi liberi di contattarmi per consulenze lavorative.
Inoltre, d'ora in poi, voglio impegnarmi nei crediti di lavoro e negli articoli d'archivio,
Pubblicandoli con cura.
Aggiornerò anche retroattivamente gli articoli attualmente su sirome.net.
Ognuno è un pezzo di lavoro in cui ho messo il cuore.
Grazie a tutti, ho potuto disegnare molte immagini fino ad ora,
E sono grato di sopravvivere in questo modo.
È ancora un lavoro in corso,
Ma per favore continuate a supportare Shiro, Melo e Aketa Rashiro!
Visitate il sito! Aspetto le vostre impressioni tramite risposte o DM ✨
Note sullo Stack Tecnico
- Claude / Claude Code
- Next.js
- Notion API
- GitHub
- Vercel
- Sharp
A proposito, ho scritto questo articolo anch'esso in Notion.
Se l'hai trovato interessante, per favore condividilo!
Aketa Rashiro
