#JavaScript

An experiment in exchanging WebRTC signaling data via QR codes to achieve P2P voice calls with zero servers. Covers SDP chunking/reassembly and ICE candidate gathering.

How to design a large watch-together event for tens of thousands of viewers, including time synchronization, event cue sheets, and effects that tolerate real-world drift.

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.