Portfolio / 2026Development & Performance
注目のプロジェクト
すべてのプロジェクトを見る個人開発
自主開発で検証を進めているプロダクトをピックアップ。
Atomic Designっぽい粒度の分け方を、視覚的に追いやすい形でまとめたReactサンプルです。
React
Atomic Design
UI
Design System
筋トレとウェルネスの習慣化を支援する個人開発プロダクト。Next.jsとSupabaseでモバイルファーストなSNSを構築中。
Next.js
Supabase
Tailwind
Vercel
Next.jsTypeScriptSupabaseTailwind CSSshadcn/uiVercel
最近の投稿
すべての記事を見るブログ & ノート
設計検討や学びを軽量にまとめています。
2026年9月24日
約11分
Claude Code の claude-api prompt-audit で古い指示を監査し、修正差分を GitHub Actions で Draft PR にする構成例。対象モデルの指定、変更範囲の検査、レビュー前の挙動比較まで紹介します。
Claude Code
GitHub Actions
Prompt Engineering
2026年6月11日
約5分
E2E テストに Playwright を整備して、コーディングエージェントに変更後のスクリーンショットを撮らせるようにしたら、UI 崩れの修正サイクルが劇的に短くなった話。
Playwright
E2E
AI Agent
チャレンジ中
取り組んでいるチャレンジ
継続的な改善を目指して、プロダクトづくりと働き方の両面で試行錯誤しています。
01
創造へのシフト
チャレンジ中
浮いた時間で、音楽制作・映像表現・UI/UXデザインなど、よりクリエイティブな領域に集中。
02
個人Web開発とサービス自動化
チャレンジ中
個人プロダクトのWeb開発と、AIを活用して運用を自動化し属人的な作業をもっと減らす。