選りすぐりのエンジニアリング — 2025
長く使うために築いたシステム——アーキテクチャ、インターフェース、そしてその下の基盤。エントロピーに抗う仕事。
Two publishing brands needed distinct visual identities without two codebases to maintain. One Next.js repository now serves both — domain detected at the edge, CSS tokens inverted per domain, zero shared components duplicated.
A site studying eleven languages needed to look like it was designed for each one, not just translated. RTL layout, CJK font stacks, and localized UI strings switch simultaneously from a single context dispatch — no layout shift, no flash of wrong direction.
Navigation as a spatial object rather than a list. A WebGL organic blob deforms in real time under cursor pressure, with region-mapped navigation nodes and domain-differentiated lighting — making the interface itself feel like it belongs to the brand.
Nine books needed discoverable, accurate pages without per-title manual SEO work. The book data model is the SEO model — one typed interface generates static pages, Open Graph tags, Twitter Cards, and JSON-LD Book schemas automatically.
A publishing platform needs typographic precision across contexts a general-purpose UI framework won't provide. Custom CSS token system with vertical rhythm, semantic color roles, and responsive type scales — built specifically for long-form literary content.
Content that lives in component files doesn't scale and can't be queried. Typed TypeScript schemas for books, projects, and field notes feed static generation, SEO pipelines, and UI simultaneously — one source of truth, zero duplication.
Novelists working with AI have no tool for tracking what the model knows versus what the author knows. Continuity Atlas separates those layers — characters as evolving states, voice as behavioral metrics, narrative secrets hidden from generation.
Color theory tools that live in 2D can't show how colors relate in perceptual space. An interactive 3D color explorer with harmony modes, mood-based generation, film and brand palettes, and export to CSS, Tailwind, SCSS, or JSON.
Large international datasets are structurally comparable but rarely presented that way. An interactive dashboard for exploring and contrasting global statistics — responsive charts designed for navigation, not just display.
納品した仕事から書いた一次情報の技術文。一篇につき、図がひとつ、実際のコードがひとつ、そして正直な失敗がひとつ。
Why embeddings and character biographies cannot preserve a novel’s internal history — and what a structured, time-aware memory model looks like instead.
A pen name, a studio, and a personal archive are not a branding problem — they are an entity-graph problem. Here is how I keep search engines from turning three identities into one muddy blur.