既存の学習支援プラットフォームで、フロントエンド・バックエンドの不具合調査と機能改善、サブスクリプション決済機能の開発を担当しました。コードの読解から原因調査、修正、テストまで、画面とAPIを横断して取り組んだ事例です。
契約状態とサービスの利用をつなぐ決済連携
Stripe Checkoutによる契約開始、Customer Portalによる支払い情報の管理、Webhookによる契約状態の同期に携わりました。組織単位の課金状態やメンバー数に応じた課金数量の同期、支払い遅延時の警告表示など、継続課金に必要な処理を実装・改善しました。
原因を確かめ、既存機能への影響を検証
画面表示や状態管理、API連携、バックエンド処理の不整合について、事象の再現から修正方針の検討、実装、動作確認まで対応しました。JestとPlaywrightを使ったテストを通じて、変更箇所だけでなく既存機能への影響も確認しました。
担当範囲
- 既存コードの調査とフロントエンド・バックエンドの改修
- 契約開始・支払い情報管理・契約状態同期の実装
- 組織・メンバー数に応じた課金処理の改善
- 不具合の再現確認、単体テスト・画面テスト
使用技術
Next.js / React / TypeScript / Express.js / Prisma / PostgreSQL / Stripe / Jest / Playwright
