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年5月29日

Claude Code の Dynamic Workflows — 数百のサブエージェントを束ねるオーケストレーション

Claude Code の新機能 Dynamic Workflows を解説します。Claude が書いたスクリプトが多数のサブエージェントを並列実行し、コードベース監査や大規模マイグレーションをこなす仕組みと使い方をまとめます。

claude-code ai

2026年5月23日

React Native でアイコンを使う — Vector Icons の選び方とビジュアル検索

react-native-vector-icons と @expo/vector-icons の基本的な使い方、そして公式ドキュメントだけでは見つけづらい「どんなアイコンが使えるか」を icons.expo.fyi などで直感的に探す方法を紹介します。

react-native expo

2026年5月9日

zoxide と fzf でターミナルのディレクトリ移動を高速化する

zoxide と fzf を組み合わせると、cd を打たなくてもよく使うディレクトリへ瞬時に移動できる。インストールから zsh への組み込み、日常的な使い方までを解説します。

zoxide fzf shell

最近読まれている記事