Import strings as JavaScript Modules
Show you how to extract a Module from a string that can be used at runtime. Use with the Editor, it may provide a new experience in the browser.
03/31/20224 min read
Blog
- Mar
![thumbnail]()
- Jan
![thumbnail]()
Summary of import assertions and JSON modules
Explain the use of import assertions in Deno, which is now supported in Deno 1.17 and can be used to safely handle JSON modules. CSS Module Scripts, which were implemented earlier in Chrome, are also explained.
01/21/20226 min read - Jan
![thumbnail]()
AWS Lambda with Deno by AWS CDK
This tutorial shows how to run AWS Lambda with Deno runtime. It uses AWS CDK for deployment and a multi-runtime project structure. It also shows how to bundle it with JavaScript to reduce cold starts.
01/11/202213 min read - Dec
![thumbnail]()
Create a Deno-first dual module with dnt
dnt is a build tool that generates code for Node.js from Deno-based code. This article includes dnt usage and dual-module development for Deno and Node.js.
12/02/202110 min read - Nov
![thumbnail]()
Define a specific string or all strings in TypeScript
This section shows how to define 'string' | string in TypeScript. Normally this would be upcast to type string, but we'll solve this in a hacky way.
11/10/20213 min read - Oct
![thumbnail]()
Frontend library development with vite and tailwindcss
Shows how to develop a library using vite and tailwindcss. We'll show you how to generate typedefs, set path aliases, and configure tailwindcss as a library.
10/20/202112 min read - Sep
![thumbnail]()
Improving performance with Intersection Observer and React.lazy
Introduce how to use Intersection Observer in React to improve performance. It can be used in conjunction with the React.lazy function to render components on demand.
09/12/20219 min read - Sep
![thumbnail]()
Web Push Notification with Firebase Cloud Messaging
Send and receive web push notifications with Firebase Cloud Messaging (FCM). This is a broad and shallow overview of the whole picture surrounding push notifications, including push services. Click processing of notification messages and deleting user tokens will also be explained.
09/07/202113 min read - Aug
![thumbnail]()
Authentication with Firebase Authentication in Service Worker
Introduce how to use Firebase Authentication in Service Worker. It will also explain messaging with Service Worker and show how to share user IDs with Service Worker.
08/29/20219 min read - Aug
![thumbnail]()
Online testing with Cloud Functions for Firebase
Introduce how to test online mode with Cloud Functions for Firebase. As an example, I will test storing the user information in the database when they sign up, and I will test it across Firebase resources.
08/21/202111 min read - Aug
![thumbnail]()
Dynamically create short URL with Bitly and tweet
Introduce how to generate short URL dynamically with Bitly. Also, since tweets are an effective use of short URL, I will also explain how to dynamically tweet.
08/07/20216 min read - Aug
![thumbnail]()
Bundle Size Comparison in Firebase Modular SDK
Explain how the new Firebase module can reduce the bundle size. It focuses on Cloud Firestore and Authentication bundle sizes, which are two of the most frequently used Firebase modules.
08/02/20219 min read - Jul
![thumbnail]()
Tweeting with TypeScript
Introduces how to tweet from a program using the Twitter API. Describes how to use twitter-api-v2 as a TypeScript-first Twitter client for tweeting and error handling.
07/26/20216 min read - Jul
![thumbnail]()
Gatsby config with TypeScript
Explains how to make a config file with TypeScript in Gatsby. It mentions the different execution environments and module systems for each Config file, and explains the peculiarities of gatsby-ssr.
07/19/20215 min read - Jul
![thumbnail]()
Using Vite for Bandler in Storybook
It shows you how to develop Storybook with Vite. Explains in detail the points where you can get stuck in a preact project. It also shows how to make the Storybook configuration file type-safe.
07/15/20218 min read - Jul
![thumbnail]()
Defining exclusive properties with TypeScript
Shows how to define exclusive properties in TypeScript. It explains the background behind the need for exclusive properties and the Discriminated Union that supports them. It also shows how UI frameworks can become type-safe by using exclusive props in react.
07/12/202112 min read - Jul
![thumbnail]()
The tech blog commenting system with utterances
Introduce a project called utterances that I recommend for a commenting system for technical blogs.Also introduce utterances-component, a project that can handle utterances as a component.
07/09/20217 min read - Jul
![thumbnail]()
Getting array elements type-safely with TypeScript
Introduce how to type-safely get the first element of a list structure in TypeScript. It also explains items such as Conditional Types, infer signatures, pattern matching of data structures, and overload.
07/03/202115 min read - Jun
![thumbnail]()
Aborting fetch request with AbortController
Introduces how to abort an HTTP request using fetch. It also covers practical cases such as what to do after aborting, how to abort multiple HTTP requests at once, and explains the correct error handling.
06/10/20215 min read - Mar
![thumbnail]()
Table Driven Tests with Jest
Learn how to test by Table Driven Tests with Jest. I explain two notations of array format and tagged template literal format. It also introduces type inference and assertion methods when written in TypeScript.
03/28/20215 min read - Mar
![thumbnail]()
Speed up TypeScript with Jest
Learn how to speed up your tests with Jest. Introducing esbuild or swc as transformers, it speeds up testing by speeding up transpiling, which tends to be slow with TypeScript.
03/27/20216 min read - Mar
![thumbnail]()
Building a Vue3 Typescript Environment with Vite
Building a Typescript Vue3 environment using the No bundle tool Vite, along with ESLint and Prettier configuration to create a high DX environment.
03/11/20217 min read - Mar
![thumbnail]()
Introduce Tailwind CSS to Vite and Vue3
Show how to introduce the CSS framework Tailwind CSS in your Vite project. In addition, explain how to set up Stylelint rules and VSCode for Tailwind CSS.
03/05/20213 min read - Mar
![thumbnail]()
Building a Typescript Environment for Preact with Vite
Building a Typescript Preact environment using the No bundle tool Vite, along with ESLint and Prettier configuration.
03/03/20217 min read - Feb
![thumbnail]()
Publish Typescript Packages with minimal configuration
Describes how to publish the Typescript project as a package to the NPM registry. It assumes you are using NPM and Yarn as a package manager.
02/24/20216 min read - Feb
![thumbnail]()
Determine the function return type in Typescript's Conditional Types
Show how to more accurately infer the return type of an arrow function in Typescript. Explains Generics, Conditional Types and Union Distribution.
02/21/20215 min read - Feb
![thumbnail]()
Create a document with VitePress
Introduce the basic usage of VitePress,multilingual support, homepage layout, meta tag injection, custom CSS, custom component and so on.
02/14/202112 min read - Feb
![thumbnail]()
I want to call the file dialog from anywhere
Explains how to call a file dialog from a program and receive a FileList
02/05/20213 min read
