Node.js LTS 版の選び方とインストール：Current との違いまとめ Node.js には LTS（長期サポート版） と Current（最新版） の2種類があります。インストールするときにどちらを選べばよいか迷うことがありますが、基本的には LTS を選んでおけば問題ありま…

git worktree コマンド入門：ブランチを並行して作業する方法 git worktree は複数のブランチを同時にチェックアウトして作業できるコマンドです。通常はブランチを切り替えると作業中のファイルも変わりますが、worktree を使うと別ディレクトリに別ブラン…

Hono + Zod + OpenAPI で Swagger UI を自動生成する Hono は軽量な TypeScript 向け Web フレームワークです。@hono/zod-openapi を使うと、Zod スキーマを書くだけで OpenAPI 仕様（Swagger）が自動生成されます。APIドキュメントを手書きする必要がなくな…

tRPC + Zod でフロントとバックエンドの型を共有する tRPC は TypeScript のフルスタックフレームワークで、Zod でAPIの入出力スキーマを定義するとフロントエンドに型が自動で伝わります。APIクライアントを手書きせず、型安全なAPI呼び出しができます。 早…

t3-env + Zod で .env を型安全にする設定方法 t3-env は環境変数を Zod スキーマで定義して型安全に使えるようにするライブラリです。.env の読み忘れや型ミスマッチをビルド時に検出できます。 早わかりまとめ 問題 t3-env + Zod で解決 process.env.FOO …

Next.js Server Actions + Zod でサーバーサイドバリデーション Next.js の Server Actions でフォームデータを受け取るとき、Zod でバリデーションを入れると型安全に処理できます。クライアント・サーバーで同じスキーマを共有できるのが強みです。 早わか…

react-hook-form + Zod でフォームバリデーション入門 react-hook-form と zod を組み合わせると、フォームのバリデーションとエラーメッセージ表示を型安全に実装できます。zodResolver がスキーマとフォームをつなぐ役割を担います。 早わかりまとめ 役割 …

Zod 入門：z.object・z.infer・safeParse の使い方 zod は TypeScript のバリデーションライブラリです。スキーマを定義するだけでバリデーションと型定義を同時に管理できるため、型の二重管理が不要になります。 早わかりまとめ メソッド 役割 z.object() …

TypeScript の interface と type：使い分けと実践パターン TypeScript でオブジェクトの型を定義するとき、interface と type のどちらを使えばいいか迷うことがあります。どちらも似たことができますが、できないことと得意な場面が違います。 早わかりま…

anyenv から mise に移行：Node.js・Ruby・Python の管理方法 anyenv は nodenv・rbenv・pyenv などを一括管理するツールです。mise は anyenv と同じ役割を1ツールでこなせる上に高速で、現在の主流になりつつあります。この記事では anyenv 環境から mise …

uv 入門：pip より速い Python パッケージマネージャーの使い方 uv は Rust 製の高速 Python パッケージマネージャーです。pip・pip-tools・venv の機能をまとめて置き換えられ、インストール速度は pip の 10〜100 倍とされています。 早わかりまとめ 操作 …