Yuta Matsufuji

Skills

実装した範囲で、技術を説明する。

技術名の一覧ではなく、どのプロジェクトで何を実装し、どう確認したかをカテゴリ別に整理しています。

技術・実装経験

Webアプリケーション実装

  • Next.js
  • React
  • TypeScript
使用したプロジェクト
DOUNAL、Dearetoile、このポートフォリオ
実装した内容
App Routerのページ、コンポーネント分割、型付きコンテンツ管理、Route Handler、metadata、404、robots、sitemapを実装。
検証した方法
TypeScript型チェック、ビルド、主要ページのスモークテスト、リンク確認。
任せられる範囲
既存仕様に沿ったページ・コンポーネント実装、Route Handler、フォーム、バリデーション、小規模機能の追加・修正、metadata、OGP、レスポンシブ対応。

データ・認証

  • Supabase
  • PostgreSQL
  • Auth
  • RLS
  • RPC
使用したプロジェクト
DOUNAL
実装した内容
Supabase Auth、RLS、Wallet / Ledger / Purchase / Unlockのテーブル境界、DB更新を担うRPC、認証済みAPI処理を実装。
検証した方法
migration、Route Handler、設計資料、型チェック対象コードを確認。
任せられる範囲
Supabase Authを使った認証連携、RLS・RPC・テーブル境界の確認、既存設計に沿ったDB連携、認証済みAPIの実装・修正。

決済・外部連携

  • Stripe
  • Checkout
  • Webhook
使用したプロジェクト
DOUNAL
実装した内容
Stripe Checkout Session作成、価格プランmetadata、法務同意保存、Webhook署名検証、冪等キーを使った重複処理対策を実装。
検証した方法
決済関連API、Webhook処理、DB migration、運用playbook、購入モーダルE2Eを確認。
任せられる範囲
Stripe Checkout Session作成、Webhook署名検証、metadata検証、冪等性を考慮した処理、既存決済仕様に沿った修正。

テスト・公開

  • Playwright
  • GitHub Actions
  • Vercel
  • Sentry
使用したプロジェクト
DOUNAL、このポートフォリオ
実装した内容
購入モーダル、Unlock保持、主要ページのスモーク確認、CIでのlint / typecheck / build、Vercel cron、Sentry critical path設定を扱いました。
検証した方法
tests-e2e、GitHub Actions workflow、Vercel設定、ビルド結果、監視コードを確認。
任せられる範囲
型チェック、Lint、Build、Playwrightによる主要導線テスト、GitHub Actionsの確認・修正、Vercel公開準備、Sentry・Vercel Logsを使った確認導線の整備。

AI支援開発

  • OpenAI
  • Codex
使用したプロジェクト
DOUNAL、このポートフォリオ
実装した内容
調査、実装補助、レビュー補助、資料整理にAIを使用。要件・仕様・優先順位・受入判断はYuta Matsufujiが行う前提で扱う。
検証した方法
型チェック、テスト、ビルド、画面確認、コードレビューで出力を確認してから採用する。
任せられる範囲
AI出力を前提にせず、既存仕様とテスト結果を見ながら調査・実装・レビュー補助を使い分ける開発作業。

現在の経験範囲

個人で進めた範囲

要件整理、情報設計、画面、API、DB連携、決済連携、テスト、公開準備。

チーム参加時に対応する範囲

既存仕様、Issue、ブランチ運用、レビュー、テスト方針に沿った実装・修正。

今後経験を積む範囲

企業の開発組織での長期運用、複数人での設計・コードレビュー、大規模サービスの障害対応。