Portfolio / 2026Development & Performance

こんにちは、

Soya — Full-Stack-ish Engineer

フルスタック × パフォーマンス最適化

注目のプロジェクト

個人開発

自主開発で検証を進めているプロダクトをピックアップ。

すべてのプロジェクトを見る

Atomic Designっぽい粒度の分け方を、視覚的に追いやすい形でまとめたReactサンプルです。

React
Atomic Design
UI
Design System
ReactAtomic DesignComponent Design

筋トレとウェルネスの習慣化を支援する個人開発プロダクト。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を活用して運用を自動化し属人的な作業をもっと減らす。