山脇 卓冶

最近、買物に行く度に冷蔵庫にあるものがなんだったのかを忘れたり、 賞味期限が切れていて処分することになることが多いため、 家庭の食材を管理するアプリを作成することで、食品の状態を適宜確認できるようにしたい。 作成予定 システム化考案中 下記、技術選定（予定） 食品管理アプリ（React + Java + PostgreSQL）※使用する予定の技術選定 - フロントエンド：React (Vite or CRA) + TypeScript + CSS Modules 　⇨ SPA構成。フォーム入力、リスト、グラフ表示などを担う。TypeScriptで型安全化。 - 状態管理：React Query or Zustand 　⇨ API通信キャッシュ＋状態管理。Reduxより軽量で扱いやすい。 バックエンド：Spring Boot (Java 17+) 　⇨ エンタープライズ向け安定構成。Spring Securityで認証実装可。 API設計：RESTful API (JSONベース) 　⇨ Reactと連携しやすい構成。 DB：MySQL / PostgreSQL 　⇨ 安定・定番。Spring Data JPAでCRUD自動化。 認証：JWT or Session 　⇨ JWTでReact連携しやすい。Spring Securityで実装可能。 環境構築：Docker Compose テスト環境：JUnit + Jest 　⇨ バックとフロント双方の単体テストを実施。

家計簿を手帳で管理していると、以下デメリットがあると感じてました。 ・月毎にどれくらい消費したのかがぱっと見わかりづらい ・データにしたい時に紙だとできない ・確認したいタイミングで見れない等... そんな悩みを解消する為、家計簿管理アプリを作成しようと思いました。 【技術領域】 家計簿管理アプリ（React + Express + MongoDB） - フロントエンド：React Hooks等を使用。Recharts によるグラフ表示UI - バックエンド：Express + Mongoose で構成。CookieやJWT認証でセキュリティ強化、API分離 - Docker環境で本番構築（MacOS arm64対応） - Playwrightを用いたE2Eテスト - 月別集計・ユーザー認証・管理画面等を実装