Frontend Engineer

フロントエンドと
学びをシェア。

React / Next.js / Svelte を中心に個人開発・学習ログを発信しています。

~/toishi/blog - zsh

import { coffee } from "life"
import { camera } from "hobbies"

// learning in public


type Engineer = {
  name: string
  role: string
  location: string
  stack: string[]
  interests: string[]
  hobbies: string[]
  currently: string
}

const me: Engineer = {
  name: "toishi",
  role: "Frontend Engineer",
  location: "Yokohama, Japan",
  stack: ["React", "Next.js", "TypeScript", "Node.js"],
  interests: ["Svelte"],
  hobbies: ["Coffee", "Photography", "Parenting"],
  currently: "Building SaaS & writing tech blog"
}

> pnpm run life
> Building, learning, and enjoying the journey...

import { coffee } from "life"
import { camera } from "hobbies"

// learning in public

最新の記事

すべて見る

2026年4月28日

Claude Code の Hooks 機能 — イベント駆動で自動化する

Claude Code の Hooks を使って、ツール呼び出しやファイル変更時に自動でコマンドを実行する方法を解説します。

claude-code ai

2026年4月26日

Claude Code でテストを書く — AI と TDD を実践する

Claude Code を活用したテスト駆動開発（TDD）のワークフロー。テストの生成、実行、修正の流れを紹介します。

claude-code ai testing

2026年4月23日

Claude Code の Plan モードで設計してから実装する

Claude Code の Plan モードを使って、実装前に設計を固めるワークフロー。コードの変更なしに調査・計画ができます。