Latest trends and practical techniques in frontend technologies like React, Next.js, and TypeScript
A walkthrough of the tech stack behind "Janten," a browser mahjong game built with Next.js 16 and TypeScript — from separating game logic into an npm package, to pure-function-based state management, to the design decisions for mobile support, with real code examples.
髙木 晃宏
2026-04-09
A practical comparison of Next.js's new bundler Turbopack and Webpack — covering development speed, configuration, and migration cost — with benchmark data and configuration examples to guide the best choice for your project.
髙木 晃宏
2026-04-09
A practical comparison of three approaches to converting Markdown to PDF — the Markdown PDF VSCode extension, Pandoc, and md-to-pdf — covering installation, configuration, CSS customization, and CI/CD integration for workflows you can actually use.
髙木 晃宏
2026-04-09
Learn how to apply Domain-Driven Design (DDD) to frontend development. From organizing business logic to component architecture, this guide presents practical approaches to improving system quality for small and medium-sized businesses.
髙木 晃宏
2026-04-05
A guide to TypeScript's core concepts, the benefits of adopting it, and how it differs from JavaScript. Explore how type safety improves development efficiency and why engineers have embraced it — from a practical perspective.
髙木 晃宏
2026-04-02
shadcn/ui and Tailwind CSS are often confused, but they serve fundamentally different roles. This article breaks down the design philosophy, use cases, and how they work together — from an engineer's perspective.
髙木 晃宏
2026-03-27
A comprehensive guide to Vitest, the fast Vite-based testing framework. Covers everything from the basics to practical usage, including Jest-compatible APIs, configuration, mocking, and coverage reporting.
髙木 晃宏
2026-03-25
Next.js, Nuxt.js, Nest.js, and Node.js share similar names but serve entirely different purposes. This guide breaks down each framework's role, use cases, and selection criteria from an engineer's perspective — from frontend to backend.
髙木 晃宏
2026-03-19
A deep dive into performance optimization best practices using Next.js 15 features. From Server Components and caching strategies to image optimization and Core Web Vitals improvements — everything you need to ship a faster app.
髙木 晃宏
2025-08-05