CASE STUDY / PROTOTYPE
Next Ecomm
SvelteフロントエンドとAPIサービスを分離したフルスタックECプロトタイプ。
- Svelte
- JavaScript
- REST API
- Full Stack
Problem
商品表示とアカウント導線を検証しながら、保守しやすい前後分離構成を試作しました。
Architecture
フロントエンドとバックエンドを別リポジトリで管理し、責務を分離しています。
Role
企画、UI設計、フルスタック実装を担当しました。
Current Status
商品表示、アカウント、ナビゲーションの導線を確認できる公開プロトタイプです。
Lessons
画面単位ではなく、商品・アカウント・APIという責務単位で構成を考える経験につながりました。
Research & Planning
商品一覧、商品詳細、アカウント、ナビゲーションの関係を整理し、UIとAPIの責務を別リポジトリへ分離しました。
Implementation
企画、UI設計、Svelteフロントエンド、JavaScriptによるAPI側の実装を担当しました。
Challenge
商品とアカウントの状態を画面だけに閉じ込めず、前後の層で一貫して扱える構造を検討しました。