Blog
Notes from the workshop.
Long-form writing on architecture tradeoffs, performance, and interface craft — with the execution detail left in.
設計・実装、そして改善の記録。
2026
6 essaysA Softer Shell: Rebuilding shiina.xyz Around One TypefaceWhy I stripped this site down to one typeface, one accent color, and a cat badge — and what a squishy display font taught me about restraint.2 min readdesignastrotypographyAnatomy of a Zero-JS-First Personal SiteHow this site is built: Astro static output with surgical Vue islands, WebGL only where it earns its bytes, and a build that fails before anything broken ships.4 min readastrovueperformancearchitecturefrontendType-Safe APIs: Build Contracts Before CodeHow defining your API surface with TypeScript and Zod before writing any implementation reduces bugs, accelerates iteration, and makes your whole stack legible.4 min readtypescriptarchitecturebackenddxTailwind to UnoCSS: Atomic CSS at ScaleA production-focused migration strategy from framework-style utilities to UnoCSS engine-based architecture, with performance and DX implications.2 min readunocssarchitectureperformancedxVisual References to Production UI DecisionsHow to turn cinematic references into repeatable design inputs that improve hierarchy, readability, and motion choices in shipped interfaces.2 min readuiworkflowproduct-designsystemsDesigning Quiet Interfaces That ConvertA practical framework for reducing visual noise while improving conversion intent, task completion, and perceived product quality.2 min readdesign-systemsuxconversionfrontend