Web Developer
New web development articles are posted weekly, mainly focused on frontend topics.
OpenTelemetry lets you collect application logs in a vendor-neutral format and correlate them with traces. This article shows how to emit structured logs from a Hono backend with Pino and ship them to Loki and Tempo via the OpenTelemetry Collector.
Flue 2.0 replaces static agent definitions with Agent Hooks, a hook-based framework inspired by React. This article shows how to use Agent Hooks to manage state and lifecycle behavior and build dynamic, multi-step agents.
`focusgroup` is an HTML attribute that adds declarative arrow-key focus navigation to composite widgets such as toolbars and tablists. This article covers its single Tab stop, wrapping, focus memory, and related features available in Chrome 150.
OpenTelemetry lets you collect application logs in a vendor-neutral format and correlate them with traces. This article shows how to emit structured logs from a Hono backend with Pino and ship them to Loki and Tempo via the OpenTelemetry Collector.
Flue 2.0 replaces static agent definitions with Agent Hooks, a hook-based framework inspired by React. This article shows how to use Agent Hooks to manage state and lifecycle behavior and build dynamic, multi-step agents.
`focusgroup` is an HTML attribute that adds declarative arrow-key focus navigation to composite widgets such as toolbars and tablists. This article covers its single Tab stop, wrapping, focus memory, and related features available in Chrome 150.
azukiazusa
azukiazusa
azukiazusa
azukiazusa
Improve memory and skills with the Boy Scout Rule
A talk about gradually improving an agent's memory and skills through everyday tasks, so it can accomplish work more efficiently.
The frontend's audience has changed: designing new web interfaces in the age of AI
Frontend engineers have always built for humans — but AI is changing that assumption. This talk examines two shifts: AI as a producer of web output (streaming UI, MCP Apps) and AI as a consumer of the web (Markdown delivery, WebMCP), exploring what these changes mean for how we design web interfaces in the AI era.
How should we give feedback when coding agents write frontend code?
LLM-based coding agents (such as Claude Code and Codex) are spreading rapidly, and feedback from code execution results is essential in iterative improvement loops. Backend development can get immediate feedback through execution and tests, while frontend development has unique challenges. This talk focuses on the feedback-loop problem in frontend code generation and discusses practical solutions and trade-offs.
