I created a template for building Chrome extensions with React + Vite + TypeScript. The dependencies are basically just these, and it's configured so you can start development right away.
This article introduces how to integrate Pagefind, a lightweight full-text search engine that runs on the web, into a Next.js SSG (Static Site Generation) blog. Pagefind has limited support for Japanese. It covers specific setup steps, how to implement the search component, and code examples for type-safe retrieval of search results.
A comparison article about the technologies used when rebuilding an old blog with recent technologies. It provides a detailed explanation of the previous blog's tech stack, the reasons for choosing the new technologies, and the technologies that were not adopted.
A summary of how to shallow copy JavaScript classes, which is useful when using classes with React's useState and similar hooks.
To add random related articles at the bottom of blog posts (a common blog feature), I implemented an API in Next.js and then used amp-list to dynamically generate them.
A personal collection of things I frequently use in Matplotlib but always end up searching for.
SQLAlchemy is an excellent ORM, but unlike Django and similar frameworks, you need to set up testing and migrations yourself. This article covers setting up an environment with alembic, pytest, and mypy.
How to create just a colorbar with matplotlib and determine what color a given value corresponds to on that colorbar -- a niche but useful technique.
Sometimes you want to get an overview of your data without worrying about summary statistics. Beeswarm plots are useful for visualizing data distributions. With seaborn, beeswarm plots can be easily created in Python.
How to serialize PNG files created with Python (especially matplotlib) into JSON and send them to the frontend.