Taccia Hokusai Sabimidori

[MCV] Taccia Hokusai Sabimidori (Rusty Turquoise) Ink

Learn About Sheen I came across the word “sheen” in the world of fountain pen ink when I browsed r/Calligraphy on Reddit. At the subreddit, I regularly saw someone’s posts using this kind of ink with great, beautiful sheen. (And his great masterpieces absolutely.) This guy I called him Lambroghini because of his reddit account, but maybe it’s proper to call him Leonardo, as indicated in his Instagram profile. I...

Jun 30, 2025 Published · 2 min · Inori Inuyama

[MCV] My Equipment for Calligraphy

Here I just want to share what I used to practice calligraphy. The list might be changed in the future, I will go back and update it if I remembered. Pen I started learning calligraphy by buying my first Pilot Parallel pen (3.8mm). I have also tried dip pen, and sold it after giving it a try, only found that not suitable for myself as a lefty. Until now, my main pen are all Pilot Parallel pens....

Jun 10, 2025 Published · Jun 30, 2025 Updated · 3 min · Inori Inuyama

[MCV] Intro to My Calligraphy Voyage

This series are talking about my experiences, notes, thoughts when learning calligraphy. As an lefty, faced many difficulties and might have different learning paths from right-handed people. So I decided to write down something to share with people interested in calligraphy, especially lefty fellows. 😆 The series should have a name to make it easy to memorize, I call it “My Calligraphy Voyage”, abbreviated with “MCV”. Last words to say:...

Jun 10, 2025 Published · Jun 30, 2025 Updated · 1 min · Inori Inuyama
cctv

Type Safety and Runtime Safety Part.1/2: model, validator & data

TypeScript makes JavaScript even stronger with a strongly-typed system, which is a merit for developers. TypeScript checks our static code before running it. That is so called type safety. However, runtime safety is checking our code at runtime with real data. In runtime, TypeScript files are already compiled to JavaScript. So static type check is not available. It means: type safe does not mean runtime safe The post is divided into two parts....

Mar 17, 2024 Published · Jun 30, 2025 Updated · 5 min · Inori Inuyama
cctv

Type Safety and Runtime Safety Part.2/2: page, route guard & API

The post is divided into two parts. If you want to read part 1 first, please go to here. As part 1 is about runtime validation. Part 2 will focus on use cases. I will use Nuxt3 as example. Here I have 3 use cases: page, route guard (Vue route) and API. Prerequisite Basic knowledge: JavaScript, TypeScript, Nuxt3, Vue3, zod Case 1: Page Validation Suppose we have a post list page with route: /posts?...

Mar 17, 2024 Published · Jun 30, 2025 Updated · 7 min · Inori Inuyama

Create Hugo Post With NPM Script

Prerequisite Basic knowledge: NPM, Hugo, JavaScript, shell script Pre-installed: VS Code, NPM CLI, Hugo CLI Intro Create a post using hugo CLI is a tedious work for me. Because I always create a post using archetype and placing it in nested folder. For example, when creating this post, I should type the command below in the terminal: hugo new --kind develop posts/_developer/create-hugo-post-with-npm-script The problem here is, I always forget how many kind of archetypes I already have, and what my folder structure looks like right now....

Mar 11, 2024 Published · Jun 30, 2025 Updated · 3 min · Inori Inuyama

[Note] Implementation of State Machine and Multi-step Form

Basic knowledge: Vue、TypeScript、XState、vee-validate、zod Initial Concept We often see “multi-step” forms that break down a lengthy form into several separate sections for completion. This approach reduces the psychological burden on users compared to a...

Oct 1, 2023 Published · Jun 30, 2025 Updated · 3 min · Inori Inuyama

[Hugo] Deploy Hugo To Vercel With GitHub Actions

Basic knowledge: Hugo、shell、npm、git Preface I deployed my blog on GitHub Page formerly, a platform for static site providing by GitHub. But GitHub Page has some limitation when we are using free account, like we should keep our repository public. However, I want to set my blog repository as private. Since I have some draft post on it. Another reason is I do not want to expose all my blog content to public like an open source....

Jan 3, 2023 Published · Jun 30, 2025 Updated · 6 min · Inori Inuyama
palette

[CSS] Switching theme in Tailwind

Basic Knowledge: CSS, HTML, JS, React Preface Tailwind provide dark mode to set dark theme style individually by adding keyword dark: in front of any CSS class: <div class="text-black dark:text-white"> <!-- ... --> </div> If we want to make a theme switcher, it seems feasible by using dark:. But it will be restricted to only TWO themes. Another disadvantage is, since we use dark: syntax in CSS class on HTML...

Oct 14, 2022 Published · Jun 30, 2025 Updated · 2 min · Inori Inuyama

The First Dive in Multi-Threaded Patterns

Prefix Here’s a little side note from Chapter 6 - Multithreaded Patterns in this book: Multithreaded JavaScript. In this chapter, introducing some multi-threaded patterns: Thread Pool Mutex Ring Buffers Actor Model Thread Pool The thread pool is a very popular pattern that is used in most multithreaded applications in some form or another. A thread pool is a collection of homogeneous worker threads that are each capable of carrying out...

Sep 27, 2022 Published · Jun 30, 2025 Updated · 3 min · Inori Inuyama