【要約】【個人開発】本を読んだままにしない実践支援アプリを作った【React / TypeScript / Firebase / Supabase】 [Qiita_Trend] | Summary by TechDistill
> Source: Qiita_Trend
Execute Primary Source
// Problem
開発者が自身の「読書しただけで満足してしまう」という課題を解決するため、既存アプリの不足点を分析した。具体的には以下の問題に直面していた。
- ・既存の読書アプリは、読んだ内容の記録に特化している。
- ・学んだ内容を具体的な「行動」へ変換する仕組みがない。
- ・実践した内容を継続的に管理・分析する機能が不足している。
// Approach
開発者は、学びから行動、継続までを一貫して管理するシステムを構築した。以下の手法を用いて課題を解決している。
- ・ReactとTypeScriptでフロントエンドを実装。
- ・Firebase Authenticationで認証、SupabaseでDBを管理。
- ・「行動に変換ボタン」により、学びを具体的なTODOへ落とし込む。
- ・分析画面を設け、継続日数を可視化してモチベーションを維持する。
- ・VitestとGitHub Actionsを用いて、テストとCI/CDを導入。
// Result
開発者は、読書を実践に繋げるためのMVP（最小機能製品）を完成させた。開発を通じて以下の成果と知見を得ている。
- ・CRUD、認証、DB設計、CI/CDを含む一連の工程を完結。
- ・実機確認によるデータ参照権限の不備を特定。
- ・DB設計の変更が、型定義や関数修正に波及するコストを学習。
- ・今後はリマインド機能や分析チャートの拡充を予定。
Senior Engineer Insight
> モダンな構成だが、FirebaseとSupabaseの併用は認証情報の同期コストを増大させる。実戦では、単一のBaaSで完結させるか、連携部分の堅牢性を高める設計が不可欠だ。また、DB設計の変更が広範囲に及ぶ点は、スキーマ設計の重要性を物語っている。大規模開発では、マイグレーション戦略の策定が運用コストを左右する。