Notes on building and running businesses

Behind the implementation, design decisions, and tools I use.

Explore by Topic

Browse related articles as focused series. Start from the topic that matches your interest.

SaaS integrations

3 articles

Give AI the context to continue the work: source conversations, open tasks, and unresolved details, from adoption decisions to integration code.

Start series →

Creative Coding

13 articles

Mathematical simulations, nature visualization, and generative art in the browser

Start series →

Browser Game Development

7 articles

Game loop design, collision detection, pathfinding, and tooling for browser games

Start series →

Canvas vs DOM & Interactive UI

6 articles

Canvas vs DOM tradeoffs, CSS interactions, custom physics, and portfolio design

Start series →

Claude Code Workflow

4 articles

Large-scale refactoring, CLAUDE.md design, and session management with Claude Code

Start series →

Web Audio & Sound Programming

3 articles

Audio synthesis, instrument implementation, and physics simulation references

Start series →

TanStack Start × Cloudflare

4 articles

Full-stack setup with TanStack Start and Cloudflare Pages, plus Tailwind v4 migration

Start series →

Small M&A Financial Due Diligence

7 articles

Hands-on financial due diligence for small M&A — key metrics, verification, cost reality, and converting findings into deal terms

Start series →

Tools & gear (Picks)

17 articles

Scored comparison reviews of tools and gadgets.

Browse Picks →

37 minSaaSCirclebackSlack

Record Slack huddles and feed AI at 22:00: six Circleback settings

A Circleback workflow for giving AI usable work context: Slack huddles, a 22:00 sync, source statements, open tasks, and adoption criteria. Separates workflow experience, documented features, and local test evidence.

29 minSaaSCirclebackWebhook

Circleback action items to tasks: testing webhook signatures, owners, and replay keys

Runnable Circleback webhook code tests signatures, owners, SQLite upserts, and stale replays. A separate status example preserves destination-owned DONE. Uses synthetic data.

17 minSaaSDubUTM

Track Dub referral links in Japanese and English without breaking referral IDs

Adding UTMs can re-encode existing referral parameters even when their decoded values stay the same. Reproduce spaces, tildes, and duplicate keys locally, with limits for signed URLs and commission attribution.

9 minAI DevelopmentSimulationAgent-Based

Fast and Slow in Jev Village: Do Council-Given Traits Change AI Villagers’ Impulses?

Thirty AI villagers run on Jev impulses and a Claude council that reflects on them. With the situation fixed and only the trait changed, a starving villager’s chance of stealing ranged from 7% to 51%.

9 minCVRInteractive UIUX

Interaction Patterns That Improve CVR: 6 Ways to Extend Attention

A practical map of six interaction patterns from the sakimyto.com CVR interaction directory: invite touch, build anticipation, start chain reactions, make controls malleable, vary rewards, and remove endpoints.

🫧Bubble Wrap🔔Pendulum Wave🁣Domino Chain🔄Infinite Knob
PicksBooks

Best Investment Books for Beginners: 3 Picks Ranked by a 3x Startup Exit Founder

A founder who exited 3 startups ranks 3 investing books for beginners by reading order, core insight, and what you can skip—covering NISA, index funds, and the mindset behind passive investing.

PicksBooks

Best SQL Books for Beginners 2025: 3 Picks Ranked by Hands-On Learning

Compare 3 essential SQL books for beginners by exercise density, code volume & real-world relevance. Find the right book whether you want to write or read SQL confidently.

PicksBooks

Best M&A Books for Individual Buyers: Ranked & Reading Order Guide

Top M&A books for individual buyers in Japan—ranked by usefulness for due diligence, negotiation & PMI. Includes reading order for first-time acquirers.

PicksBooks

Best Python Books for Beginners 2025: Top 4 Picks to Avoid Burnout

Compare the top 4 Python books for beginners in 2025. Ranked by what you can actually build after reading — not just theory. Find your perfect first book.

PicksBooks

Best React Books 2025: 4 Picks That Go Beyond Copy-Pasting Code

Tired of just copying code? A developer who built 200+ interactive React demos compares 4 top React books by design thinking, real-world relevance, and TypeScript support.

12 minAI-Driven DevelopmentQuality AssuranceClaude Code

How to Guarantee Quality When AI Mass-Produces Your Code — The 4-Layer Gate System Behind 200 Components

The real quality machinery behind ~200 AI-built interactive components: four pre-commit hooks, data invariant tests, real-browser pixel smoke tests, and a quality-score + PR-proposal pipeline — documented down to the file names.

PicksBooks

Best Books on Selling Your Business: Top Picks by a 3x EXIT Founder

A 3x EXIT founder ranks the best books on selling your business by theory, practice, and war stories—with a phase-by-phase reading order for small M&A success.

PicksBooks

Best Books on Reading Financial Statements for M&A Buyers: 4 Picks to Spot Red Flags

An M&A buyer's-eye review of 4 top books on reading financial statements—ranked by how well they help non-accountants spot fraud and red flags during due diligence.

14 minSmall M&AFinancial DDM&A Failures

Five Financial Failure Patterns in Small M&A — Were the Post-Closing Landmines Visible in DD?

Finance-driven small M&A failures reduced to five patterns — profitable-but-broke, profit illusion, net-debt blind spot, off-balance liabilities, working-capital starvation — each mapped to the DD metric or procedure that detects it before closing.

10 minSmall M&AFinancial DDDD Cost

Financial DD Costs — Market Rates, and When to Outsource, DIY, or Use Tools

How much to spend on financial due diligence: the ¥500K–1M full-DD market rate, cost-effectiveness by deal size, the screen → narrow → outsource sequence, and scoped delegation — a budgeting guide for small M&A buyers.

12 minFinancial DDFinancial StatementsWindow Dressing

Where Financial Statements Hide Profit Adjustments and Window Dressing — Small M&A Red Flags

Where a seller's statements distort: tax-driven profit compression (director pay, insurance, private expenses) versus appearance-driven dressing (pulled-forward sales, inflated inventory, double books) — which accounts each shows up in, and how reconciliation and turnover-day analysis detect them.

15 minSmall M&AFinancial DDAsset Deal

Share Deal vs. Asset Deal: How Financial DD Scope Changes — Which One Inherits Off-Balance Liabilities?

How DD priorities shift between small M&A structures: a share deal universally succeeds to off-balance liabilities and tax risk, weighting DD toward liability hunting; an asset deal shifts the battleground to asset existence and unit-level earning power. With a comparison table and the exceptions.

11 minSmall M&AFinancial DDDD Checklist

The Small M&A Quick DD Checklist — Documents to Request First and What to Verify

A working checklist for small M&A financial DD: the eight documents to request first with the purpose of each, statement-vs-tax-return reconciliation, balance verification, and how to build the question list — everything a buyer can do alone.

12 minPersonal M&AFinancial DDFinancial Statements

The Minimum Financial Numbers for an Individual M&A Buyer — What to Check in the Statements

For time-poor individual buyers: which numbers in the financial statements matter. Six values from roughly twelve line items — normalized EBITDA, net debt, CCC, current ratio, equity ratio, and operating margin — mapped to the exact BS/PL accounts.

21 minSmall M&AFinancial DDDue Diligence

Small M&A Financial Due Diligence: The Complete Guide — Six Numbers to Check Before Buying a Company

A complete guide to buyer-run first-pass financial DD for small M&A deals. Drawing on three EXITs on the sell side of DD and building a financial DD tool: the six metrics, verification, process, and converting findings into price terms.

5 minSEOIndexNowCloudflare

IndexNow x Cloudflare Pages — Instant URL submissions from sitemap.xml

A practical workflow: treat sitemap.xml as the source of truth, then submit all URLs to IndexNow right after a Cloudflare Pages deploy to shorten discovery time for new content.

PicksBooks

Best Algorithm Books Compared 2026 — Find the Perfect Book from Beginner to Advanced

A thorough comparison of 5 classic algorithm books including CLRS, the Ant Book, and more using our 2026 scoring system. Find your best pick based on weighted averages of depth and code examples.

PicksBooks

Best System Design Books Compared 2026 — Find the Perfect Architecture Book

A thorough comparison of 5 top system design books including DDIA, Clean Architecture, and System Design Interview using our 2026 scoring system. Find the best pick based on weighted averages of depth, practicality, and coverage.

PicksBooks

Best TypeScript Books Compared 2026 — Find the Perfect Book from Beginner to Pro

A thorough comparison of 5 top TypeScript books including Effective TypeScript and Survival TypeScript using our 2026 scoring system. Find the best pick by weighted averages of depth, practicality, and beginner friendliness.

PicksDesk Setup

Best Ergonomic Chairs for Programmers 2026 — Comfort, Adjustability & Durability Compared

A thorough comparison of 5 ergonomic chairs including Aeron, Steelcase Leap V2, and Contessa II using our 2026 scoring system. Find the best chair by weighted averages of comfort, adjustability, durability, and value.

PicksDesk Setup

Best Monitors for Programmers 2026 — Image Quality, Eye Comfort & Connectivity Compared

A thorough comparison of 5 monitors from Dell, LG, BenQ, and more using our 2026 scoring system. Find the best monitor by weighted averages of image quality, eye comfort, connectivity, and value.

PicksDesk Setup

Best Mice for Programmers 2026 — Precision, Ergonomics & Productivity Compared

A thorough comparison of 5 popular mice — MX Master 3S, MX Ergo S, DeathAdder V3 Pro, and more — using our custom scoring system. Find the best mouse by weighted averages of precision, ergonomics, and value.

PicksDev Tools

Best API Clients 2026 — Usability, Protocol Support & Team Collaboration Compared

A thorough comparison of 5 popular API clients — Bruno, Postman, Insomnia, and more — using our custom scoring system. Find the best tool by weighted averages of usability, protocol support, and team collaboration.

PicksDev Tools

Best Code Editors 2026 — AI Integration, Performance & Extensibility Compared

A thorough comparison of 5 popular code editors — Cursor, VS Code, Zed, and more — using our custom scoring system. Find the best editor by weighted averages of AI integration, performance, and extensibility.

PicksDev Tools

Best Terminal Emulators 2026 — Rendering Speed, Customization & Features Compared

A thorough comparison of 5 popular terminal emulators — WezTerm, Ghostty, Alacritty, and more — using our custom scoring system. Find the best terminal by weighted averages of rendering speed, customization, and stability.

PicksDesk Setup

Best Keyboards for Programmers 2026 — Typing Feel, Quietness & Customization Compared

A thorough comparison of 5 popular keyboards — HHKB, Realforce, Keychron, NuPhy, and Logitech — using our custom scoring system. Find the best keyboard by weighted averages of typing feel, quietness, customization, connectivity, and value.

14 minSimulationAgent-BasedCanvas API

Ant Colony Simulation — Emergent Swarm Intelligence Through Pheromones

Implementing pheromone-based pathfinding with an agent-based model to reproduce ant swarm intelligence in the browser. Explores how evaporation and diffusion parameters affect emergent patterns.

🐜Ant Farm🐦Boids🦠Game of Life
29 minWeb Audio APIMusicBooks

Audio Programming References — Where Web Audio API Meets Music Theory

Key insights from implementing 11 music components including Piano, Guitar, and Theremin with Web Audio API, plus a curated list of books and resources for audio programming.

🎹Piano🎸Guitar📡Theremin
14 minCanvas APIGameCollision

Building a Breakout Game in the Browser — Mastering Reflection Angles and Level Design with Canvas API

Implementing a Breakout game using Canvas API and requestAnimationFrame. Covers paddle reflection angle calculation, block layout level design, and score management through component implementation.

🧱Breakout🏓Pong🪩Pinball
19 minDeveloper ExperienceToolsWorkflow

Browser Game Developer Setup 2026 — The Toolchain Behind 203 Components

A tour of the development environment for building 203 browser games and interactions. Claude Code-centric workflow, bun + Biome + Vite, and parallel development with Git Worktree.

💧Fluid Simulation🪩Pinball🎹Piano
29 minReactCanvas APIDebug

Top 10 Bugs from 203 Canvas/DOM Components — Patterns Revealed by Real Data

Bugs encountered during the development of 203 interactive components, tallied from git history. The most frequent patterns and their fixes presented in a Top 10 format.

💧Fluid Simulation🪩Pinball🦠Game of Life
25 minCanvas APIReactPerformance

Canvas vs DOM — Decision Criteria from 203 Components with Real Benchmark Data

The decision criteria used to assign 203 interactive components between Canvas API and DOM, explained with real examples and measured performance data.

🫧Bubble Wrap💧Fluid Simulation🪨Gravity Drop
16 minClaude CodeAI DevelopmentReact

Bulk-Fixing 200 Components with Claude Code — The Full Pipeline of Classification, Fixing, and Verification

A practical record of bulk-fixing bugs across 203 interactive components with Claude Code in 6 commits and 100+ files. The entire process of classification, templating, and verification.

💧Fluid Simulation🎹Piano🏃Maze Runner
21 minClaude CodeAI DevelopmentDeveloper Experience

Growing CLAUDE.md — Three Months of Evolving an AI Collaboration Config File

A record of continuously updating CLAUDE.md over 3 months across 323 commits. Rules that worked, rules that didn't, and the limits of "advisory" configuration.

💧Fluid Simulation🧱Breakout🦠Game of Life
25 minPhysicsArchitecturePerformance

The Limits of a 180-Line Custom Physics Engine — Why I Dropped Matter.js and What I Couldn't Cover

Built a custom 2D physics engine in 166 lines of physics.ts, reducing Matter.js's 300KB to 4KB. The trade-offs of focusing on gravity, collision, and bounce while giving up constraints, friction, and stacking.

🪨Gravity Drop⚫Newton's Cradle🎱Elastic Collision
26 minPhysicsChaosCanvas API

Visualizing Double Pendulum Chaos — RK4 Integration and Sensitivity to Initial Conditions

Implementing a double pendulum simulation covering Lagrangian mechanics equation derivation, RK4 integration stability, NaN prevention, and visualization of sensitivity to initial conditions.

🔗Double Pendulum🔔Pendulum Wave🦋Lorenz Attractor
18 minMathematicsAudioCanvas API

Sound Synthesis with Fourier Series — Harmonics and Waveform Construction

Synthesizing square, sawtooth, and triangle waves with Fourier series and visualizing them with epicycles. Experience how adding harmonics changes timbre through Web Audio API sound synthesis.

〰️Fourier Series🎤Sound Waves📟Oscilloscope
19 minAlgorithmMazeVisualization

Comparing Maze Generation Algorithms — Structural Differences Between Recursive Backtracking, Kruskal, and Prim

Comparing the characteristics of multiple maze generation algorithms including recursive backtracking, Kruskal's, and Prim's, and the structural differences in the mazes they produce.

🏃Maze Runner🏰Maze 3D🟢Tilt Maze
24 minClaude CodeAI DevelopmentProductivity

One Session, One Task — The Principle I Learned from Claude Code Context Management

While developing 203 components with Claude Code, "one session, one task" proved to be the most impactful productivity principle. Real examples of context exhaustion and countermeasures.

💧Fluid Simulation🏃Maze Runner🫧Bubble Wrap
25 minBooksPhysicsMathematics

Three Books That Shaped My Physics Simulations — The Knowledge Behind 203 Implementations

The physics and math knowledge behind 203 interactive demos came primarily from three books. A concrete look at which chapters informed which implementations.

💧Fluid Simulation🔗Double Pendulum🪐N-Body
18 minPhysicsCanvasGame Development

Pinball Physics Simulation — Implementing Flippers, Bumpers, and Gravity with Canvas API

Implementing pinball physics with Canvas API. Covers flipper rotational motion, bumper restitution, gravity, and ball behavior.

🪩Pinball🧱Breakout⚫Newton's Cradle
25 minMathematicsSimulationCanvas API

Exploring the Reaction-Diffusion Parameter Space — Four Faces of the Gray-Scott Model

Varying feed/kill rates in the Gray-Scott Reaction-Diffusion model produces entirely different patterns: spots, stripes, coral, and cell division. Implementation on a 200x200 grid with exploration notes.

🧫Reaction Diffusion🧬Particle Life💎Crystal Growth
15 minSimulationCellular AutomataComplexity

Sandpile Model and Self-Organized Criticality — Running the BTW Model in the Browser

Visualizing self-organized criticality in the browser through an implementation of the Bak-Tang-Wiesenfeld sandpile model. Measuring power-law avalanche distributions and the formation of fractal patterns.

🏔️Sand Pile⏳Sand Fall🦠Game of Life
21 minTailwind CSSCSSDark Mode

What Broke in the Tailwind CSS v4 Migration — @custom-variant and Dark Mode Implementation Notes

Breaking changes encountered migrating from Tailwind CSS v3 to v4, and implementation patterns for dark/light mode using @custom-variant.

🫧Bubble Wrap🪨Gravity Drop🎛️Fidget Zone
26 minTanStack StartCloudflareVite

TanStack Start x Cloudflare Pages — A Complete Record of Pitfalls and Solutions

Five landmines hit while deploying TanStack Start v1 to CF Pages — Vite plugin ordering, ServerFn bugs, FOUC prevention, and more — with workarounds shown in real code.

🧫Reaction Diffusion☀️Solar System🎹Piano
18 minArchitectureTanStack StartNext.js

Why I Didn't Choose Next.js — The Decision Criteria for Picking TanStack Start

A record of the technical decision to choose TanStack Start + Cloudflare Pages over Next.js for a portfolio hosting 203 interactive components.

💧Fluid Simulation🎹Piano🧱Breakout
5 minTypeScriptPhysicsCanvas API

Building a Custom Physics Engine for the Browser from Scratch

How I built a lightweight 180-line physics engine in TypeScript instead of using Matter.js for my portfolio site. Reduced bundle size from 300KB to 4KB while maintaining 60fps.

🪨Gravity Drop🎱Elastic Collision🫧Bubble Wrap
8 minCanvas APIPerformanceAnimation

60fps Particles with Canvas API — Smooth Animation Design for 200+ Particles

Design techniques for running 200+ particles at 60fps using Canvas API with requestAnimationFrame, fixed timestep, DPI scaling, and spatial partitioning.

🎆Fireworks🧬Particle Life🎨Gravity Painter
9 minWeb Audio APITypeScriptSound

Building Browser Instruments with Web Audio API — Piano, Guitar, and Kalimba

Technical walkthrough of implementing playable Piano, Guitar, and Kalimba in the browser using Web Audio API's OscillatorNode, GainNode, and ADSR envelopes.

🎹Piano🎸Guitar🎵Kalimba
10 minSimulationPhysicsCanvas API

Fluid Simulation in the Browser — Real-Time Computation on a 100x60 Grid

Running a real-time fluid simulation by simplifying the Navier-Stokes equations on a 100x60 grid. Implementation details of diffusion, advection, and pressure solver.

💧Fluid Simulation🔧Fluid Pipes💧Water Ripple
9 minMathCanvas APIFractal

Drawing Fractal Mathematics in the Browser — From Mandelbrot Set to Barnsley Fern

Rendering fractals in the browser using complex number iteration, escape time algorithm, IFS (iterated function systems), and recursive drawing.

🔍Mandelbrot🌿Barnsley Fern🌳Fractal Tree
9 minProcedural GenerationCanvas APIMath

Generating Natural Terrain with Perlin Noise — Why Randomness Can Be Beautiful

Step-by-step implementation of natural terrain generation with Perlin noise, from the mathematics of gradient noise to octave composition and 3D mesh rendering on Canvas.

🏔️Perlin Landscape🌳Fractal Tree🌟Starfield
9 minPhysicsTypeScriptGame Development

Collision Detection Fundamentals — Circles, Rectangles, and Impulse-Based Response

A deep dive into circle-circle and circle-rectangle collision detection algorithms, restitution-based bounce control, and the math behind impulse-based collision response, explained through the physics.ts implementation.

🎱Elastic Collision🪩Pinball🧱Breakout
8 minCSSUIAccessibility

Interactive UI with Pure CSS — Practical Use of transform, transition, and Custom Properties

CSS techniques using transform, transition, and custom properties demonstrated through DOM+CSS-based interactive UI components like FidgetSpinner, InfiniteKnob, and ToggleSwitch.

🎛️Fidget Zone🔄Infinite Knob🫠Lava Lamp
9 minPhysicsSimulationCanvas API

Visualizing Wave Equations in the Browser — Interference, Diffraction, and Resonance

Implementing 1D and 2D wave equations with finite difference methods and visualizing interference, diffraction, and resonance patterns on Canvas. Rendering techniques for WaveInterference, WaveEquation, and ChladniPlate.

🌊Wave Equation🌊Wave Interference🔬Chladni Plate
11 minAlgorithmVisualizationTypeScript

Visualizing Pathfinding Algorithms — Watching A*, BFS, and DFS Solve a Maze

Techniques for visualizing the search process of A*, BFS, and DFS implemented in the MazeRunner component, with a comparison of each algorithm.

🏃Maze Runner👻Pac-Man🐍Snake
10 minSimulationAlgorithmCanvas API

The World of Cellular Automata — From Game of Life to Wave Function Collapse

Design patterns for rule-based cellular automata and grid optimization with Uint8Array, explored through implementations of Game of Life, WaveFunctionCollapse, and SandFall.

🦠Game of Life🧩WFC Generator⏳Sand Fall
10 minTypeScriptGame DevelopmentReact

Designing a Type-Safe Game Loop in TypeScript — State Management for Snake and Tetris

Game state management and frame rate control using TypeScript's type system, explored through Snake, Tetris, and Breakout implementations.

🐍Snake🟦Tetris🧱Breakout
10 minPhysicsSimulationCanvas API

The N-Body Problem in the Browser — Implementing Gravitational Simulation

Implementation details of gravitational calculations, vector operations, integration methods, and orbit rendering used in the NBody, SolarSystem, and GravityWell components.

🪐N-Body☀️Solar System🕳️Gravity Well

Blog FAQ

Quick answers about what this blog covers and how to branch into the rest of the site.

What kind of posts are on the sakimyto.com Blog?

It focuses on technical posts drawn from the real implementations on this site: Canvas API, physics simulation, Web Audio, React performance, TanStack Start, and Cloudflare Pages.

Browse topic hubs
Where should I start if I am new here?

Start with the Topic Clusters near the top of the page. They route you into a focused topic page, then into the most relevant articles in that series.

Open the home pageStay on Blog
Can I try the demos after reading an article?

Yes. Many posts connect directly to Play interactions or mini games, so you can move from reading into a live demo without leaving the site.

Go to PlayBrowse Arcade
What if I also want tool or setup recommendations?

Use Picks for comparison guides covering the tools and books actually used in this workflow. Blog and Picks intentionally link into each other.

Browse Picks