複雑な要件を整理する
顧客・利用者・運用者の視点を分け、仕様、画面、データ、実装タスクへ分解します。
Yuta Matsufuji
複雑な現場要件を整理し、実際に動くWebへ落とし込む。
消防現場で培った状況整理・優先順位判断と、Next.js / TypeScript / Supabaseを使った実装を組み合わせ、要件整理、DB、認証・権限、データ移行、テスト、公開まで進めています。
Yuta Matsufujiが提供できること
現場経験とWeb実装を、要件整理・実装・公開準備に接続して動きます。
Webアプリケーションとして実装する
Next.js／TypeScriptを中心に、画面、API、DB連携、認証・権限、テストまで扱います。
顧客導線を実際の運用へ落とし込む
店舗側の制約を確認し、利用者の予約導線と店舗側の管理導線を分けて整理します。
主な技術
技術名だけではなく、ケーススタディ内で担当範囲と実装内容を確認できます。
- Next.js
- TypeScript
- Supabase
- PostgreSQL
- Supabase Auth / RLS
- Playwright
- GitHub Actions
- Vercel
ケーススタディ
点検案件管理は業務移行・管理画面、DOUNALはWebアプリ技術、Dearetoileは顧客要件・予約導線のケーススタディとして整理しています。
業務移行 / Webアプリ開発 / 模擬納品ケーススタディ
点検案件管理のWebアプリ化
架空の設備点検会社を想定し、Excel・スプレッドシートの案件管理をWebアプリへ移行した模擬納品事例。
- 認証、3権限、期限、履歴、検索、CSV移行と、7テーブル・DB制約・RLSを実装。
- 実Supabase統合テスト、本番E2E、GitHub Actions、Supabase・Vercelの公開デモ環境まで構築・検証。
Webアプリケーション / 技術ケーススタディ
DOUNAL
認証・決済・台帳・有料コンテンツ開放を扱うWebアプリケーション。
- Wallet、Ledger、Purchase、Unlockを分けて残高と解錠状態を管理。
- TypeScript、Playwright、GitHub Actionsで公開前の品質確認導線を整備。
顧客要件 / 実装ケーススタディ
Dearetoile
長爪スカルプを主軸としたネイルサロンサイト、LP、ご利用ガイドを実装。
- 顧客予約はHot Pepper Beauty、店舗側管理はSALON BOARD、LINEは補助確認として整理。
- 店舗運用の制約とマーケティング検証に合わせ、訴求やページ表現の更新に対応。