build web, develop products, write about tech, tell stories with the lens.
about
Building frontend, that provide value to people. Frontend Lead, passionate about building products that help people, make an impact, and deliver delightful user experiences. Learning | Building | Sharing
A language-learning news reader for studying Japanese and English, with articles organized by level and topic and the option to bookmark favorites. Each article includes audio, translations, furigana, vocabulary and grammar notes, learning insights, and short practice questions.
A free study app for Japan's Information Security Management Examination (SG). It combines official past questions, SM-2 spaced repetition, progress tracking, furigana, and explanations in Japanese, English, and Traditional Chinese.
An AI-powered Japanese learning tool that helps learners translate into natural Japanese, understand expressions, correct their writing, and draft replies with grammar, vocabulary and cultural explanations. It also includes chat practice for using Japanese in context.
A practical comparison of Sudachi, Lindera, and Kagome for Japanese tokenization in WebAssembly. Benchmarks, dictionary trade-offs, and recommendations for web developers building language tools.
Learn how Next.js 16's Cache Components work, from the use cache directive and its variants to cacheLife() for timing control and revalidateTag()/updateTag() for on demand invalidation. Covers the four cache layers (Request Memoization, Data Cache, Full Route Cache, Router Cache), when to use fetch() caching vs Cache Components, cache key design for high hit rates, and common pitfalls like the client side Router Cache gotcha.
State owns data. Effects synchronize with the outside world. Most React bugs come from confusing the two. This article covers the patterns you might use daily, derived state, cleanup, server data, and shows you the anti-patterns to avoid.
