#JavaScript

A click-to-color mechanism using SVG paths. Explaining this surprisingly simple implementation — just changing the fill attribute — in vanilla JS.

A look back at a browser-based karaoke scoring tool I built years ago, and thoughts on how I'd approach it today.

How to implement browser-based voice input using the Web Speech API and MediaRecorder.

Embedding WebM or MP4 in an article makes the page heavy. I implemented a system that loads only the first frame with preload="metadata" and starts playback on click, using a rehype plugin.

A browser tool for making simple flip-book animations from images with subtitles. Exports to WebM, MP4, and SRT.

From browser OCR and server-side OCR to cloud APIs and AI — a roundup of what I learned trying to implement Japanese OCR on the web, including the limits of each approach.

The official YouTube embed code is heavy. I built a custom rehype plugin to show thumbnails first and load the iframe only on click.

A record of my failed attempt to use PaddleOCR's JavaScript implementation in the browser.

Tried to implement morphological analysis in the browser — Sudachi was too heavy, kuromoji.js had a bug. Eventually solved it with a fork and a custom loader.

A story about dates going haywire in an AI-generated PHP script, plus a breakdown of timezone pitfalls in each layer — server, PHP, MySQL, and JavaScript.

How I handled OGP crawler support for an HTML template + JavaScript site using PHP — a practical note on the approach.