【要約】【個人開発】セルフネイルのネイルレシピアプリを開発しました！（React/Supabase/PWA） [Qiita_Trend] | Summary by TechDistill
> Source: Qiita_Trend
Execute Primary Source
// Problem
セルフネイル愛好家が、動画や画像からデザインを再現しようとする際に、使用アイテムを特定・記録する手間が課題となっている。ユーザーは以下の問題に直面している。
- ・動画内に使用アイテムの情報が不足している。
- ・アイテム名や詳細を手入力する作業が煩雑である。
- ・手元に商品画像がない場合に登録が困難になる。
// Approach
開発者は、ユーザーの入力負荷を軽減し、モバイルでの利便性を高めるために以下の手法を導入した。
- ・Supabase Edge Functionsを利用したOGP取得。
- ・PWA（Progressive Web App）化。
- ・localStorageによるデータ管理。
// Result
本開発により、デザインとアイテムを紐づけて管理できる仕組みを構築した。成果と今後の展望は以下の通りである。
- ・デザイン画像と使用アイテムをカード形式で表示可能。
- ・OGP取得により、商品情報の入力工程を大幅に短縮。
- ・今後の課題として、完全なオフライン対応とログイン機能によるデータ同期が挙げられている。
Senior Engineer Insight
> MVPとして非常に理にかなった構成である。特にCORS回避にEdge Functionsを充てる判断は、フロントエンドの制約を正しく理解している。一方で、localStorageへの依存は、データの整合性とマルチデバイス利用の観点から、商用展開時には認証基盤への移行が必須となる。PWAにおけるキャッシュ戦略も、静的資産に留まっており、動的データのオフライン対応が次なる技術的障壁となるだろう。