A sake festival guide that turns a Claude Design concept into an Astro 7 static site.
It connects participating brands and product references to a Mapbox map, using search, regional filters, and taste selection to narrow down tasting candidates.
Diary Gallery ver3 with a nostalgic travel mood — a comparison of airmail postcards, film slides, and a travel journal.
Trial and error while developing an image gallery for diary posts. Three.js WebGL → CSS 3D → R3F ring carousel → simple carousel
A Nuxt 3 Tetris game created in a single click using the code-generation feature of Perplexity AI.
Styled with Nuxt UI 4 and Tailwind CSS, it is a client-side game deployed through SSG.
A test of charting large datasets using Uplot and Web Workers.
Testing zorn, a Video Player designed for Astro.
A test page for implementing a Web Page Live2D Widget.
Astro can use other frameworks through Client Islands.
Here I implement counters in Vue, Svelte, and React to test whether they work properly.
Hands-on exercises following D3.js Cookbook.
An introduction to sake made with Slidev.
Slidev has received many updates since I used it for ver1.
This version uses a range of newly added presentation APIs.
The slides are primarily written in Markdown, with Vue components used in some places.
An introduction to sake made with Slidev.
The slides are primarily written in Markdown, with Vue components used in some places.